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

51dev.com 技术开发者社区

微信小程序

微信小程序

微信小程序,由腾讯公司开发,英文名Mini Program,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用。

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

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

两者的区别是,<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...

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

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

在蒙层的最外层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"><...

后端获取不到wx.request的post方式传的参数

后端获取不到wx.request的post方式传的参数

直接上代码:wx.request({url:‘yourUrl‘,data:{x:‘‘,y:‘‘},method:"POST",header:{‘content-type‘:‘application/x-www-form-urlencoded‘},success:function(result){console.log(...

关于微信小程序常见的运算符

关于微信小程序常见的运算符

1.基本运算符加法运算(+)也可以用作字符串的拼接。位运算符比较运算符等值运算:赋值运算:二元逻辑运算:优先级别:优先级   运算符   说明   结合性20   ( ... )&...

微信小程序 open-data更改样式 open-data 显示头像 圆形

微信小程序 open-data更改样式 open-data 显示头像 圆形

效果一:代码如下:<viewclass=‘zhubo‘><viewclass=‘zhuboLeft‘><viewclass=‘zhubo-avater‘><imageclass=‘zhuboIcon‘src=‘../../image/video-list/avater.jpg‘...