51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序中 标签与 标签的区别

微信小程序中 标签与 标签的区别

两者的区别是,<view>是一个组件,会在页面上做渲染;<block>不是一个组件,它仅仅是一个包装元素,只接受控制属性,不会在页面中做任何渲染。下面是两个<block>使用的例子:wx:if<blockwx:if="{{true}}"><view>text&...

微信小程序中的block

微信小程序中的block

<block/> 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在...

weui在微信小程序中如何使用

weui在微信小程序中如何使用

weUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。预览用微信web开发者工具打开dist目录(请注意,是dist目...

微信小程序读取json数据循环展示

微信小程序读取json数据循环展示

<viewclass=‘list-head‘>列表测试</view><viewclass=‘list-box‘><viewclass=‘list-limflex‘wx:for="{{list_data}}"wx:key="index"><viewclass=‘lis...

微信小程序生成随机数

微信小程序生成随机数

constcharts=[‘0‘,‘1‘,‘2‘,‘3‘,‘4‘,‘5‘,‘6‘,‘7‘,‘8‘,‘9‘,‘A‘,‘B‘,‘C‘,‘D‘,‘E‘,‘F‘,‘G‘,‘H‘,‘I‘,‘J‘,‘K‘,‘L‘,‘M‘,‘N‘,‘O‘,‘P‘,‘Q‘,‘R‘,‘S‘,‘T‘,‘U‘,‘V‘,‘W‘,‘X‘,‘Y‘,‘Z‘];co...

安卓仿微信联系人快速索引

安卓仿微信联系人快速索引

半成品效果图:代码importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Paint;importandroid.support.annotation.Nullable;importandroid.util.A...

微信小程序弹出框 页面依然可以滑动的解决

微信小程序弹出框 页面依然可以滑动的解决

在蒙层的最外层view中加入catchtouchmove=”preventTouchMove”-js中写一个空白函数preventTouchMove:function(e){}, ...

微信小程序通过web-view跳转到小程序页面

微信小程序通过web-view跳转到小程序页面

一、背景      博主这边的小程序大部分都使用了web-view,众所周知,使用web-view最大的问题就是和小程序之间进行交互的问题。我这边主要是从web-view跳转回小程序的demo。二、通过web-view跳转到小程序页面1、微信官方文档微信web...

微信小程序输入框取值、清空及调用小键盘按键提交事件详解

微信小程序输入框取值、清空及调用小键盘按键提交事件详解

小程序input取值    一般情况下,输入框可以直接通过value来取值和更改<inputclass=‘leftMove‘value=‘{{name}}‘placeholder=‘请输入您的姓名‘></input>小程序input修改值小程序修改inpu...

微信小程序之三元操作符

微信小程序之三元操作符

微信小程序的api里面自带条件判断wx:if,基本能够满足我们的日常使用需求了,但有时候会发现比较繁琐,那么如果用三元操作符来写的话,相对来说会简洁很多,比如我要通过status状态来判断显示什么内容,那么如果用wx:if来写的话,代码如下:<viewwx:if="{{status==1}}">微信小程序&...

点击微信小程序图标后变色并跳转到新页面

点击微信小程序图标后变色并跳转到新页面

在微信小程序里,希望出现点击图标图标先变色然后跳转到指定页面。首先需要准备两张图标的图片,一张是未点击状态,一张是点击后的状态。index.wxml<view><imagecatchtap=‘change‘wx:if="{{click}}"src=‘/icon/1.png‘></image...

微信小程序性能优化技巧

微信小程序性能优化技巧

微信小程序如果想要优化性能,有关键性的两点:提高加载性能提高渲染性能接下来分别来介绍一下:提高加载性能首先,问一个问题,当用户点击小程序后发生了什么?上图中的三个状态,我们经常遇到,它们分别对应小程序的下面三个状态:有三个点的白屏(左侧):下载代码包的阶段没有三个点的白屏(中间):业务代码注入和渲染的阶段加载中(右边)...

微信小程序弹框、模态框代码, CSS 清除浮动 flexfix

微信小程序弹框、模态框代码, CSS 清除浮动 flexfix

一:弹框、模态框代码作者:未知,来自原文地址 效果图: ​​​​<viewclass="wxapp-modal"><viewclass="content"></view><viewclass="mask"bindtap="closeModal"><...

微信开发者工具常用快捷键汇总

微信开发者工具常用快捷键汇总

功能命令打开快捷键面板F1打开/关闭工具栏Ctrl+Shift+T打开/关闭模拟器Ctrl+Shift+D打开/关闭调试器Ctrl+Shift+M格式化文件Shift+Alt+F删除行Ctrl+Shift+K向上复制行Shift+Alt+↑向上移动行Alt+↑向下复制行Shift+Alt+&darr...

微信小游戏广告位iphonex底部适配问题

微信小游戏广告位iphonex底部适配问题

最近在公司开发游戏,使用cocoscreator做微信小游戏,遇到一个很恶心的问题,如图:如图所示,微信的广告位被iphonex的底部bar给弹出了一点位置,没有靠在底部。在这里不得不吐槽一下微信的小程序接口还有个恶心的地方,那就是他的广告style没有bottom,right属性,使得置底部必须使用算法计算。也就是w...