网站开发

每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。同一个微信用户，同一个小程序 storage 上限为 10MB 。localStorage 以用户维度隔离，同一台设备上，A 用户无法读取到 B 用户的数据。 数据常用于哪里？ 对于数据需求较小的历史记录、购物车事件等都可以使用 storage 进行缓存， Storage 将数据存储在本地缓存中指定的 key 中，如果重复会覆盖掉原来该 key 对应的内容 可以参照微信小程序开发手册中的Storage 如何使用异步接口进行数据缓存？ 将数据存储在本地缓存中指定的key中，会覆盖掉原来该key对应的内容，这是一个异步接口。 OBJECT参数说明： 示例代码 wx.setStorage({ key:key,     data:value }) 登录后复制 当 setStorage 之后可以去到开发者工具里面查看 这是没有保存值的情况 可以看到是没有 key 值的 那么当我们去进行输入搜索 最后再去 storage 中查看 获取到了一个 key 为 history 的 Array 数组 那么再去看看storage…

这篇文章主要介绍了微信小程序checkbox组件详细介绍的相关资料,需要的朋友可以参考下 不得不吐糟下checkbox默认样式真是有点略丑！！！checkbox组件为一个多选框被放到checkbox-group组中，并在checkbox-group（只能包含checkbox）中设置监听事件。 checkbox-group监听方法： checkbox多选属性： wxml <!--checkbox-group就是一个checkbox组 有个监听事件bindchange，监听数据选中和取消--> <checkbox-group><!--这里用label显示内容，for循环写法 wx:for-items 默认item为每一项-->  <label>  <!--value值和默认选中状态都是通过数据绑定在js中的-->   <checkbox></checkbox>{{item.value}}  </label> </checkbox-group> 登录后复制 js Page({  /**   * 初始化数据   */  data:{  items: [   {name: 'JAVA', value: 'Android', checked: 'true'},   {name: 'Object-C', value: 'IOS'},   {name: 'JSX', value: 'ReactNative'},   {name: 'JS', value: 'wechat'},   {name: 'Python', value: 'Web'}…

这篇文章主要介绍了微信小程序五星评分效果实现代码的相关资料,需要的朋友可以参考下 微信小程序五星评分效果实现代码 很多做过电商项目的朋友会经常用到评分的功能，我这里正好写了一个例子，发出来分享一下： 我写的是5分满分制的，首先，准备3个图片， ，像这样的，分别代表分数为0，0.5，1 时的状态， 效果图：（以3.5为例） 然后上代码： js: function pingfenxing(pingfen){    var that=this,　　//这里是图片的路径，自己需要改      data={      ling:"img/pingfen0.png",      zheng:"img/pingfen2.png",      ban:"img/pingfen1.png"　　　　},      nums=[];//这里是返回图片排列的顺序的数组，这里要注意在页面使用的时候图片的路径，不过使用网络图片无所谓　　　　if((pingfen/0.5)%2==0){//如果评分为整数，如4.0、5.0      for(var i=0;i<p></p><p>WXML代码：</p><p class="jb51code"></p><pre class="brush:html;toolbar:false;"><view>    <block>       <image></image>    </block>    <text>{{item.pingfen}}</text></view> 登录后复制 使用这个功能的页面的JS代码： var pingxin=require("../../utils/pingxing.js"); Page({　　data:{　　　　tuangou:tuangou}//我这里是在页面加载的时候先从后台获取数据，把数据的值赋值给tuangou，然后遍历将数据里面的参数拿出来，然后再把相应的评分中的图片排列顺序放到这条数据中的pingfenpic中保存，然后在页面中渲染即可 onLoad:function(options){…

这篇文章主要给大家总结了关于微信小程序开发中的各种疑问解答，文中将在微信小程序开发中可能遇到的问题都进行了整理和解答，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。 前言 最近总结一篇微信小程序解答，作为小程序填坑人深有体会这里的变化，小程序刚发布消息的时候我就说了一个观点，只要小程序提供的组件或API丰富，稳定，兼容性好，才能实现小程序快速开发的理念，先如今还有很多组件的兼容不理想，有一些还在的优化中，因基于小程序这个平台开发限制很大，只能坐等中。。。如果想用第三方库来实现，小程序明文规定不支持第三方库的做法，这样做最终小程序审核环节百分百的不通过。 1.scroll-view 在 iOS 上存在 bug 在使用这个组件开发页面的时候，因自带滚动效果，Y 轴滑动在下拉触发 iOS 原生的橡皮筋效果时，scroll-view 出现不能滑动的 bug，在 Android 系统下无橡皮筋效果则没有这个 bug。现在最新版本0.11.122100如果还存在那就是下个版本会处理的。 2.微信 6.3.31 版本中 input 的 focus 无效 在小程序更新日志记录中以解决 2016-12-22 更新日志 1.F…

这篇文章主要为大家详细介绍了微信小程序日期时间选择器的使用方法，自定义精确到分秒或时段，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 本文实例为大家分享了精确到秒的微信小程序日期时间选择器，供大家参考，具体内容如下 效果图 实现原理 利用微信小程序的picker组件的多列选择器实现！ WXML <view>  <view>时间选择器（选择时分）</view>  <picker>  <view>   午饭时间: {{time}}   </view>  </picker></view><view>  <view>日期选择器（选择年月日）</view>  <picker>  <view>   国庆出游: {{date}}  </view>  </picker></view><view>  <view>日期时间选择器（精确到秒）</view>  <picker>  <view>   选择日期时间: {{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}}  </view>  </picker></view><view>  <view>日期时间选择器（精确到分）</view>  <picker>  <view>…

本篇文章给大家带来的内容是关于小程序中生命周期的解析（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 首先,我们来思考:当我们点击屏幕或者做滑动屏幕的类似的触发事件时,界面为什么会做出相应的变化呢? 原因是 :  整个小程序应用有2个线程. 一个线程做视图渲染. 一个线程做逻辑处理. 这样你差不多应该清楚了 : wxml和wxss文件主要做视图展示,而js文件主要是做响应事件的逻辑处理,分工明确! 其次,我们再来分析:我们使用小程序会发现有很多的页面,那么谁来管理这些页面呢?页面和整个程序之间又是个什么样儿的关系呢? [x] 一个app,有app和pages构成,有着不同的生命周期 app 一个程序启动后,执行onLaunch—>onShow App({   onLaunch: function () {   },   onShow: function (options) {   },   onHide: function () {   },   onError: function (msg) {   } }) 登录后复制 pages 一个程序启动后,执行onLaunch—>onShow后,接着加载首页;加载首页onLoad—>onShow—>onReady…

微信小程序 支付功能开发错误总结 微信小程序支付终于踩完坑了，发现里面坑挺大的，现在发个贴，希望以后入坑的同学可以看一下 ： https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=2 业务流程在这里大家看文档的时候可以看到。第一个坑，获取用户的openid，参数一定要拼在url连接上，否则会报{“errcode”:40013,”errmsg”:”invalid appid, hints: [ req_id: iil1ba0504ns86 ]”}错误  onLoad: function () {   var that = this   wx.login({    success: function (res) {     if (res.code) {      //发起网络请求      wx.request({       url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wxaacf22345345cfc7162fe3&amp;secret=83ebd41c3e6f34a49b3a34578063434548ff3f71&amp;js_code=' + res.code + '&amp;grant_type=authorization_code',       method: "POST",       success: function (res) {        that.setData({         openid: res.data.openid        })       }      })     } else {…

这篇文章主要介绍了 微信小程序点击控件修改样式实例详解的相关资料,需要的朋友可以参考下 微信小程序点击控件修改样式实例详解 现在要在微信小程序中实现点击控件修改样式，如下： 微信小程序中不支持直接操作dom，要实现这种效果，我们需要通过设置data，然后利用数据和界面的双向绑定来实现它。 第一步：在wxss中定义被点击和未被点击的样式，如下： .service_selection .is_checked{   border: 1px solid #FE0002 ;   color: #FE0002 ;   background: #fff;  }  .service_selection .normal{   border: none;   color: #333;   background: #F0F1EC;  } 登录后复制 第二步：在js文件中的data中设置一个flag,叫他isChecked，默认isChecked==false。如下： data: {    isChecked: false   } 登录后复制 第三步：在wxml文件中绑定点击事件， <view></view> 登录后复制 登录后复制 在js文件中实现这个方法，并另他点击后设置isChecked==true。如下： serviceSelection(){ …

“小程序”破解ide + demo：https://github.com/gavinkwoe/weapp-ide-crack.git资源汇总：https://github.com/aufree/awesome-wechat-weapp官方简易教程·mina：http://wxopen.notedown.cn/hello小程序 – 非官方：http://www.helloxcx.com微信应用号开发教程：https://my.oschina.net/wwnick/blog/750055 资源来自网络，拿走不谢！ 简单搞了一下，吼吼~： js：业务处理 //index.js //获取应用实例 var app = getApp() Page({  data: {   motto: 'Hello World',   userInfo: {name:'汗青',         desc:"前端的春天来了！  前端要烂大街了！！",      avatarUrl:"http://img2.3lian.com/2014/gif/10/9/25.jpg"}  },  //事件处理函数  bindViewTap: function() {   wx.navigateTo({    url: '../logs/logs'   })  },  onLoad: function () {   console.log('onLoad')   var that = this…