微信小程序开发主要提供微信小程序开发、微信小程序开发文档、微信小程序开发工具、小程序开发技巧等内容带你快速学习如何开发小程序,目前最全微信小程序开发教程集合。
小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。但是我目前做的项目的账号数据是预置的,所以在微信登录成功后,需要同时验证绑定状态,绑定成功后,才允许用户进行下一步的操作。
微信小程序能够很好的支持图片的选取和上传,但是对于文件类型,只支持从聊天中选取并上传,也算勉强满足了需求,以下就是两种不同方式的上传。
在开发微信小程序时,发现 swiper 的 tab 选项卡高度默认为 150px,不能做到自适应,如果tab页面的内容较多,就会出现无法完全显示的问题。本 demo 包含两个 tab,详情页面和列表页面,主要解决文本长度不定的情况和列表个数不定的情况。
微信小程序中我们经常会需要使用到通用的模块,这种时候可以通过自定义组件的方式来减少冗余代码,本博客内容包括自定义组件的实现以及父子组件的传参。
小程序遇到包大小超出限制时,可以首先检查下是否有过大的图片,采用处理成网络图片的方式就可以快速解决这个问题。本博客包含了三种添加背景图片的方式:base64,图片标签和网络图片,推荐使用第三种。
之前主要做Java开发,前些时间有机会接触了小程序开发,也挺有意思的,不过在开发微信小程序过程中也遇到了很多坑,特此记录一下所有的坑和解决方案,持续更新······一. 注意事项1.微信小程序的缓存是共通的开发版,体验版,正式版的微信小程序的缓存居然是通用的。这个真的有点惊吓,当时开发账号缓存直接显示在正式版微信小程序上,吓得以为要被祭天了,排查了半天才知道原来缓存是通用的。解决方案在登录前先清除缓存,再重新请求获取。// 清空所有缓存wx.clearStorageSync();2.
在官方文档中获取微信小程序openid的操作方法如下:主要是利用wx.login()和wx.request()函数,代码如下:onLaunch: function() { wx.login({ success: function (res) { if (res.code) { //发起网络请求 wx.request
问题:有时候,在模拟器上UI效果显示正常,但是在android上显示的UI布局就乱了。这其中一种可能是因为父组件设置了属性 box-sizing: border-box;子组件加起来的宽度超过了父组件的宽度,从而导致显示的效果是:父组件还是正常显示在原来设定的位置上,而子组件则往下移动了,导致UI变乱。按照常理,当子组件的宽度大于父组件的宽度,会把父容器这个盒子给撑大,但是在微信小程序中,父容器还...
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。如果我们的小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。在微信小程序中,我们想设置多tab页的话,可以通过在app.json中设置tabBar...
真机跟本地样式不同:     情况一:可能使用了ios或安卓某一端不兼容的样式属性;目前编辑器检查越来越严格,标签不闭合可能导致一些奇怪的问题;     情况二:使用了开发工具内的压缩代码,样式自动补全等设置,这些设置有时候会存在BUG会导致一些css丢失等问题;可以在取消部分设置后重试;     情况三:颜色不对,或者设置颜色无效,请使用十六进制颜色码代替英文颜色;
  一:微信小程序—未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。  原因:在微信开发者工具中打开的文件路径不对                               如上面路径所示,pages文件夹上一个路径名时trunk,所以在微信开发者工具打开路径的最后一个文件夹是trunk在微信开发者工具打开的界面应该时这种形式:                      ...
微信小程序 报错:this.setData is not a function在page中定义的代码如下,代码会报错:this.setData is not a functionpasteEncryptedText:function(){ let decryptedPass = this.data.decryptedPassword; if (decryptedPass == ''...
微信小程序Page中data数据获取和设置一、Page中data数据的获取和设置:1、设置data数据 this.setData(object)setData() 参数格式:接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活,以数据 路径的形式给出,如 array[2].message,a.b.c.d,并且不...
1、如果console输出信息为“m is not defined”:     可能的问题是:m这个对象不存在,或者在用类或者id引用这个对象的时候,类名或者id名写错了。直白点就是要么该对象不存在, 要么是没有正确引用到该对象2、要是console输出信息是“ nnn is not a function ”,   但是在别的地方对nnn()的引用却是成功的,这有可能是在引用这个函数的时候,写函数...
button的边框是用:after方式实现的,用户如果在button上定义边框会出现两条线,需用:after的方式去覆盖默认值。如果设置了Button的背景色,没有用:after设置边框的颜色,则button的四个角会出现模糊的尖角。如下图所示:如上图四个角会模糊。.wxss代码如下:.clickEncryptBtn{ width:130px; border-radius: 3px; ...
控制台对app.json报错: VM1945:2 app.json Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[',']', got INVALID。app.json代码如下:{ "pages":[ "pages/main/simple/text", "pages/main/advanced/text", ...
问题:app.json中未配置当前页面pages/main/mine/text请检查后重试,如下面所示:                                                         但是在tabBar的list里面的确已经有定义了,代码如下:"tabBar": { "color": "#7A7E83", "selectedColor": "#3c...
利用onPullDownRefresh函数设置下拉刷新功能一、在app.json中,将window选项中的enablePullDownRefresh设为true "window":{ "enablePullDownRefresh":true }      或者在要刷新的界面的XXX.json中设置enablePullDownRefresh设为true 
小程序数据绑定渲染视图使数据与视图的关系显得很清晰wxml:<!--pages/todoList/toduList.wxml--><input class='addItem' placeholder-font-size:16px;' placeholder='输入事项' bindinput='changeStr' value='{{addStr}}'&g...
小程序可以说是非常火热了,开发周期短,页面简洁,数据控制方便,可以说结合了三大框架的特点小程序的目录结构:页面以index为例utils:工具类目录,供全局调用。在utils中封装一个tools工具类(axios获取请求)class Tools { constructor() { } axios(method, url, data) { return new...
由于调用接口会返回很多数据,用到的可能只有几个字段。这么多数据直接扔到小程序模板里面去遍历(wx:for),开发者工具的日志里面就直接报错了:invokeWebviewMethod 数据传输长度为 1233778 已经超过最大长度 1048576出现这个问题的原因是setData 这步出问题,每次setData 会传入大量数据,所以我们只需要传递需要的参数即可解决方法如下:1、后台的...
当我们开发微信小程序用到 wx:for 时可能会在控制台报"Now you can provide attr "wx:key" for a "wx:for" to improve performance" 的警告不要慌张这只是警告不妨碍运行,消除警告只需要在"wx:for"后面添加wx:key="xxx"就行了...
小程序页面的跳转有很多种方法,比较常用的有两种:1、wx.navigateTo APIwxml 先绑定事件<button class='btn' bindtap='goNew'>点我去新页面</button>js 中使用 wx.navigateTo 即可goNew:function(e){ wx.navigateTo({ ur...