fwq

这边文章的内容主要讲述在小程序中使用 wx:key 提升 wx:for 的渲染效率 之所以加上 wx:key 会提升 wx:for 的渲染效率，原因是（我的初步理解） 如果不加 wx:key, 在 setData 之后，如果 array 内的数据如果发生改变，会重新创建前端的渲染对象 加上 wx:key，重新渲染时，只是将对应的对象重新排序。未发生变化的对象，不会重新创建 参考官方的解释 当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。 需要验证的问题 加上 wx:key 之后，会根据给定的 key…

小程序需要https协议，需要安全证书，没接触过https开发的同学可能就一头雾水，无从下手了。整理此文的目的就是为了解决这个问题： 阿里云提供免费的https安全证书服务： 位置：在阿里云的安全，证书服务下面，可以创建免费的安全证书 点击购买证书 购买证书 选择免费型，点击立即购买 购买免费型 审核时间大约10分钟，通过之后点击下载 点击下载 点击下载证书，会下载一个压缩文件，通过Windows的shell终端可以把文件托拉拽到指定目录下：/etc/nginx/cert 下载证书 关于配置nginx server {  listen       80;  listen       443 ssl;  server_name  xxx.maiyatian.com;  root         /home/wangzhongyang/xxx/public/;  index        index.php;  ssl on;  ssl_certificate   cert/214088335340610.pem;  ssl_certificate_key  cert/214088335340610.key;  ssl_session_timeout 5m;  ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;  ssl_protocols TLSv1 TLSv1.1 TLSv1.2;  ssl_prefer_server_ciphers on;  access_log  /data/logs/nginx/www.mhsy.com.access.log main;  error_log  /data/logs/nginx/www.mhsy.com.error.log;  rewrite "^/([A-Za-z]+)/([A-Za-z]+)/$" /index.php?c=$1&a=$2&$query_string last;…

相关学习推荐：微信小程序教程 前言 我曾发布过《》一文，当时是我探索微信小程序工程化的第一阶段。起初我只是为了验证微信小程序与 webpack 是否能够相结合（很大程度是被对于技术的好奇心驱使），对于工程化的持续交付并没有过多的思考。但是在内部需求的不断冲击下，我开始萌生以工程化手段持续简化微信小程序开发难度的想法，最终衍生的产物就是这套以 Medusa 命名的微信小程序快速开发方案。接下来我将较为详细的分享达成这一方案的实践过程，下文中将提到的工具我也已经发布在 npm 上供大家下载使用。这篇文章将会覆盖之前发表的那篇文章的全部内容并且内容更加丰富，所以篇幅方面也较为长请读者们耐心阅读。 webpack-build-miniprogram webpack-build-miniprogram 是 Medusa 方案的基础也是核心，这一工具包提供了以 webpack 构建微信小程序的能力，并且我们可以利用 webpack 的生态持续丰富 Medusa 的功能。在讲述基础构建配置之前，我们先来看看 Medusa 的目录结构基础，有了相应的目录约束才使得项目更加规范化。 |-- dist                        编译结果目录 |-- src                         源代码目录 |   |-- app.js                  项目入口文件 |   |-- app.json                小程序配置文件 |   |-- sitemap.json            sitemap配置文件 |   |-- assets                  静态资源存放目录…

本文主要和大家分享微信小程序基于slider组件动态修改标签透明度的方法,可通过slider组件拖动实现图片透明度的改变功能,涉及微信小程序事件绑定、base64格式图片载入及slider组件使用技巧,需要的朋友可以参考下。 本文实例讲述了微信小程序基于slider组件动态修改标签透明度的方法。分享给大家供大家参考，具体如下： 关键代码 index.wxml <view></view><slider></slider> 登录后复制 此处的opacity:{{imgOpacity}}绑定data中的imgOpacity:1，用于表示图片透明度。同时bindchange=”changeImgOpacity”绑定事件处理函数changeImgOpacity用于改变图片透明度。 index.js var pageData={} pageData.data={   imgOpacity:1 } pageData['changeImgOpacity']=function(e){   this.setData({     imgOpacity:e.detail.value   }) } Page(pageData) 登录后复制 这里使用setData设置透明度imgOpacity，读者可使用console.log(e)在控制台获取影响imgOpacity改变的e.detail.value，如下图： 这里还是用了slider组件，该组件主要有以下几个属性： 以上内容就是微信小程序slider组件动态修改标签透明度的方法，希望能帮助到大家。 以上就是微信小程序slider组件动态修改标签透明度的方法的详细内容，更多请关注米云其它相关文章！