小程序开发日志—获取用户信息
微信小程序功能上线-Item Review
Item Review是一个用于记录生活中各种分散场景的物体评价系统,主要功能是针对某个事物给出一个评价并记录在数据库中。
dmm.R18 Tuner Updated to 1.2
本次更新主要解决了预加载图片的问题,因为在使用过程中发现虽然鼠标移动到图片上可以自动显示放大图片,但是由于要等待图片加载,所以很影响使用体验。
技术细节
为了使鼠标移动到图片上不卡顿,需要预加载所有大图。为了预加载所有大图,需要先获得所有大图的链接,然后放入一个隐藏的div元素中,这样在网页加载的同时,大图也已经下载到本地,不会出现临时下载图片影响体验的情况。
预加载大图方法
- 遍历所有小图的src
- 将转换后的大图src放入新建的img标签并设置可见属性为隐藏
//preload img $( "img.mg-b6,img.tdmm" ).each(function( index ) { console.log('preloading img start!'); var srcTemp = $(this).attr('src'); console.log(srcTemp); if(srcTemp.indexOf("ts-")!=-1) var srcBig = srcTemp.replace(/ts/, "tl"); else if(srcTemp.indexOf("ps.")!=-1) var srcBig = srcTemp.replace("ps.", "pl."); else if(srcTemp.indexOf("pt.")!=-1) var srcBig = srcTemp.replace(/pt/, "pl"); else if(srcTemp.indexOf("-")!=-1) var srcBig = srcTemp.replace(/-/, "jp-"); console.log(srcBig); $("body").append('<div id="preloading" style="display:none"><img src="'+ srcBig + '" alt="" /></div>'); console.log('preloading img done!'); });
微信小程序功能开发-上传文件
上传文件接口开发问题汇总
微信小程序功能上线-密码生成器
密码生成功能是一直想要的一个功能,因为每次在手机上注册账号填写密码的时候,都要坐到电脑前打开浏览器生成密码实在是非常不方便,遂准备把这个使用频率非常高的功能添加到小程序里。
小程序界面
技术细节
在开发这个功能的时候,想实现的是Strong Password Generator这个网站的功能,遂去GitHub上找了下,找到了hackzilla/password-generator这个library,看了下示例页面,感觉功能很全,遂照着这个页面的功能,做了小程序的界面。
接着在checkbox的数据绑定上花了很长的时间,因为在组合提交给api的数据的时候,发现没有办法获取选项的勾选状态,找了很久,才发现存在data里的值需要使用that.data才可以取出
data里checkbox的值
Page({ data: { items: [ { bool: 1, value: 'op_uc', name: 'Include Uppercase', checked: 'true' }, { bool: 1, value: 'op_lc', name: 'Include Lowercase', checked: 'true' }, { bool: 1, value: 'op_num', name: 'Include Numbers', checked: 'true' }, { bool: 0, value: 'op_sym', name: 'Include Symbols' }, { bool: 0, value: 'op_rsc', name: 'Remove Similar Characters' } ] },