关于Flex布局不在此处赘述,需要了解的可以查阅官方文档:基本的布局方法——Flex布局 当使用Flex布局,想实现如下图1的效果时,代码编写如下: 图1: <!-- wxml文件 --> <view class='test-view'> <view class='title'>标题:</view> <view class='content'>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容<

1.  √ 这种错误多半是该js文件中没有Page这个方法,就算是空的js也必须要把Page({ })写上去 2.  √ 这种错误多半是该json文件没有内容,所以必须要加上{ },就算是空内容也要加上{ }. 补一句:小程序里json文件中不允许有注释不然会报错. 3.  未解决 这个问题我不知道怎么解决了.我使用了一个模板,iconClass在当前页面的js中的data里是一个数组,我只想让它使用第一个属性,但是使用数组的下标 iconClass[ 0 ]这样就出现错误了,如果不要下标就是数

三个概念 微信:就是一个聊天工具 微信公众号:企业或个人用于管理其粉丝/用户的应用(类似于APP) 微信小程序:不需要下载安装直接可以使用的软件/应用/APP 小程序与公众号的区别: 定位不同(小程序:产品与服务,公众号:营销与信息传递) 体验差异(小程序:体验接近原生APP,公众号:操作延时较大) 技术区别(小程序:微信自身开发环境与开发语言,公众号:基于H5开发) 1.之前通过申请获得了小程序的AppId通过QuickStart快速生成了一个小程序 这个时候可以使用预览然后用手机扫描二维码预

在开发过程中,会遇到很多微信返回的状态码,鬼知道代表什么意思,现在好了,整理总结了一份状态码,方便大家. 微信小程序错误码参考 状态码(场景值) 说明  -1 系统繁忙  0 请求成功  40001 验证失败  40002 不合法的凭证类型  40003 不合法的OpenID  40004 不合法的媒体文件类型  40005 不合法的文件类型  40006 不合法的文件大小  40007 不合法的媒体文件id  40008 不合法的消息类型  40009 不合法的图片文件大小  40010 不合

最新方法可以使用微信小程序提供的 rich-text (富文本)组件直接写解析html,详见 rich-text: <rich-text class='f13 c_9' nodes="{{html}}"></rich-text> 其中 html 为后端返回的html代码格式数据,这里直接就可以解析,再也不需要像wxParse那样还需要引入插件. 虽然官方文档说nodes不推荐使用String类型,性能会有所下降(当然了,肯定要解析代码呀),建议使用nodes类型

想在微信小程序的wxml文件里自如的像vue那样调用自定义的方法,发现并不成功,得利用WXS脚本语言. WXS脚本语言是 WeiXin Script 脚本语言的简称,是JavaScript.JSON.WXML.WXSS之后又一大小程序内部文件类型.截至到目前小程序已经提供了5种文件类型. WXS的使用,有两种方式. 一种是直接在WXML中编写. <!--wxml--> <wxs module="foo"> var some_msg = "hello w

还在为看不懂小程序错误状态码纠结吗?这里推荐一篇文章 重要的事情说三遍:原文链接  https://www.cnblogs.com/webonline/p/7528778.html 作者:玩世不恭. 重要的事情说三遍:原文链接  https://www.cnblogs.com/webonline/p/7528778.html 作者:玩世不恭. 重要的事情说三遍:原文链接  https://www.cnblogs.com/webonline/p/7528778.html 作者:玩世不恭. 在开发过

view标签下hover必须为true时,设置hover-class才有效,hover-start-time和hover-stay-time的形式如下:   < view class="v1" hover="true" hover-class="v1_changed" hover-start-time="1000" hover-stay-time="500">1< /view> 关于

问题现象 这个问题是最近在优化小程序代码时发现的. 在ios环境下,微信小程序的scrollview组件包裹着一个position:fixed的view. 当在scrollview组件上滑动时,这个view会疯狂抖动. 直接上图吧: 下面是简化后的代码: <view class="main"> <scroll-view scroll-y="{{true}}" bindscroll="handleScroll" style=&qu

Java服务端微信小程序解密用户信息.手机号需用到session_key也需要decode,以下是官方描述: 加密数据解密算法 接口如果涉及敏感数据(如wx.getUserInfo当中的 openId 和 unionId),接口的明文内容将不包含这些敏感数据.开发者如需要获取敏感数据,需要对接口返回的加密数据(encryptedData) 进行对称解密. 解密算法如下: 对称解密使用的算法为 AES-128-CBC,数据采用PKCS#7填充. 对称解密的目标密文为 Base64_Decode(e

微信小程序开发工具表面上是没有更多的样式类的工具,例如缩进.隐藏代码什么的. 现在总结一下小程序开发工具常用的一些快捷键: 格式调整 Ctrl+S:保存文件Ctrl+[, Ctrl+]:代码行缩进Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行Shift+Alt+F:代码格式化Alt+Up,Alt+Down:上下移动一行Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行Ctrl+Sh

aspectFill 与 widthfix 都是保持宽高比不变 aspectFill 保持纵横比缩放图片,只保证图片的短边能完全显示出来.也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取. aspectFill同样保持图片的宽高比不会变形.但它让图片完全填满整个容器,类似于scaleToFill这种模式.不同的是,scaleToFill会改变图片的宽高比,而aspectFill不会. 用我们提到的“容器”的观点来理解aspectFill.既然aspectFill一定要填满整个

这几天关于微信小程序开发关于wx.chooseVideo组件问题,因为自己一直是安卓手机上测试,可以调取摄像头,但是应用在ios上无法打开摄像头,困扰了好多天,经过反复查看官方文档,今天总算修复了这个所谓的bug. wx.chooseVideo(Object object)的maxDuration属性最大值为60,请勿设置超过60的数值,但是在安卓手机上,这个值是无效的. submitVideo : function () { var e = this var that = this wx.ch

小程序传递URL中含有特殊字符"="时,解决办法:先encodeURIComponent,取到值以后再decodeURIComponent 首先在A页面 var urls = encodeURIComponent(e.currentTarget.dataset.teaexamid); var teacherExamName = e.currentTarget.dataset.workname; console.log('当前点击的ID', teacherExamName); wx.na

初始化GlobalData 在App.js的最上方可以设置GlobalData的初始值. App({ globalData:{ appid: '1wqas2342dasaqwe232342xxxxxxxxxx',//appid需自己提供,此处的appid我随机编写 secret: 'e0dassdadef2424234209bwXXXXXXXXXXXXXX',//secret需自己提供,此处的secret我随机编写 openid:'你好', //自定义 },在App.js中修改GlobalDat

这个问题我在小程序社区中提的,后来有个帮我回答了这个问题,我试了一下可以. 解决办法是过滤富文本内容,给图片标签添加一个样式,限制图片的最大宽度. replace(/\<img/gi,   '<img class="rich-img" ' ); 就可以了 rich-text   .rich-img { width: 100% ; height: auto ; }

废话不多说,之前写小程序碰到了一个问题,如何在 wxml 页面中截取数据? 1.wxs   取数据想必大家都会,不就是 substring 吗?但是这种方法在 wxml 页面中是无效的. 那还有 css 啊,不一样可以做到吗?但是个人觉得 css 复用性太差,暂不考虑. 实在不行就用 js 呗,在获取到数据后就对数据进行截取. 这样好像可以,但数据一多稍微有点复杂,而且一般获取的数据可能会在多个页面进行展示,而如果想在不同的页面中显示不同长度的数据,这似乎又是个新问题. 这时你就需要用到 wxs

(1)初始化项目中App.js登录代码 // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId } }) (2)登录接口:wx.login(Object object) 调用接口获取登录凭证(code).通过凭证进而换取用户登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等.用户数据的加解密通讯需要依赖会话密钥完成.更多使用方法详见 小程序登

(1)代码:主要介绍下获取用户信息部分 onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId } }) // 获取

节点信息查询 API 可以用于获取节点属性.样式.在界面上的位置等信息. 最常见的用法是使用这个接口来查询某个节点的当前位置,以及界面的滚动位置. 示例代码: const query = wx.createSelectorQuery() query.select('#the-id').boundingClientRect(function(res){ res.top // #the-id 节点的上边界坐标(相对于显示区域) }) query.selectViewport().scrollOffs

准备工作 1.有一台阿里云的Linux CentOS6 服务器,安装支持ssl模块的Nginx 2.有自己的域名,把域名解析到指向该服务器IP,本例中将wx.wangjiang.net 解析到服务器IP 3.为二级域名wx.wangjiang.net 申请免费的CA证书,因为小程序的业务接口不支持http协议. 服务端安装frps wget --no-check-certificate https://raw.githubusercontent.com/clangcn/onekey-instal