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

51dev.com 技术开发者社区

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

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

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

微信小程序中的block

微信小程序中的block

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

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

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

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

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

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

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

微信小程序生成随机数

微信小程序生成随机数

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‘,‘...

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

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

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

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

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

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

php 接收 小程序传来的json数组数据

php 接收 小程序传来的json数组数据

小程序:varDatas=[];for(vari=0;i<flise.length;i++){Datas.push([{"img":flise[i]},{"fapiao":fapiao[i]}]);}Datas=JSON.stringify(Datas);小程序传输的数据:php:经测试直接$...

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

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

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

微信小程序之三元操作符

微信小程序之三元操作符

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

小程序之点击改变图标样式

小程序之点击改变图标样式

1.小程序点击改变样式最好不要用ifelse方式去判断来实现,这样类似VUE的写法实现不了。正确的写法如下:.wx页面<viewclass="download"bindtap="toCollect"><blockwx:if="{{i...

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

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

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

微信小程序性能优化技巧

微信小程序性能优化技巧

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

小程序自定义导航栏适配所有手机 解决上下不对齐 左右不居中问题

小程序自定义导航栏适配所有手机 解决上下不对齐 左右不居中问题

在做小程序时,关于默认导航栏,我们遇到了以下的问题:Android、IOS手机对于页面title的展示不一致,安卓title的显示不居中页面的title只支持纯文本级别的样式控制,不能够做更丰富的title效果左上角的事件无法监听、定制路由导航单一,只能够返回上一页,深层级页面的返回不够友好小程序自...

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

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

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