微信小程序wx.setStorage数据缓存实现缓存过期时间
我接到的需求在购物车列表页面，点击关闭降价提醒的时候会把当前显示的文案(mainData.cart.cart_popups.txt)和当前时间缓存下来，下次刷新的时候，拿新的降价文案和缓存的对比，如果不一样，就显示新的。如果一样，就继续对比当前时间和上一次缓存的时间有没有超过delay那个时间，如果没超过就不显示，反之显示。这个时间是换算成时间戳，时间差是25秒(mainData.cart....
WebStorm项目如何部署到本地服务器上
说明前端开发中，经常需要将做好的页面给其他同事预览或手机测试；或者自己本地写个demo，想在手机上进行调试等。
微信小程序打开app小结
说明最近涉及到这部分的功能，需要在小程序中打开一个app，然后将小程序uid和app uid进行绑定功能。所以查看了微信的官方文档，梳理了下流程。需求文档
前端开发小技巧
vue 获取元素DOM（ref属性）<div ref=“refreshBtn”></div>this.$refs.refreshBtn.style.transform = 'rotateZ(360deg)'判断对象是否为空JSON.stringify(obj) === '{}'路由传参Object类型查看参考的文章json文件：
"components&qu...
微信小程序：<cover-image>中使用rotate旋转动画的坑
法1 --小程序动画小程序的rotate动画在非<cover-*>标签上使用时没有什么问题的，但是在<cover-*>标签上使用时，我发现ios下只支持-180~180度的旋转（官方文档上也有范围备注），若超过则不旋转（如0~360度）。所以我让设计师出了一个图标旋转了-180度的图使用。<map>
<!-- 刷新按钮 -->
<...
html5移动网页自适应手机屏幕的meta写法
1、移动网站要加的html5相关meta和标签 a、强制让文档与设备的宽度保持1：1 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-s...
微信小程序：基础篇之页面路由
什么是路由？
微信小程序：踩坑+笔记2
小程序之webview在ios下访问不到问题描述ios端小程序里用web-view打开的H5页面有的白屏，H5地址是后台反的。解决经过排查问题发现，web-view的src中携带的参数中含有符号"|"，所以只能让后台给参数值转码了，h5页面提取参数的时候再解码一下即可。如这个地址，需要将sell_params值转码。http://caiyichen.me?sell_params=shoppe...
JS获取URL中参数值（QueryString）的4种方法
查看原文链接方法一：正则法function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null)...
css小笔记
说明记录下平时工作中做H5、小程序等开发中的css小笔记，包含常见的规则、样式等。
微信小程序-分享到朋友圈功能之曲线救国
说明描述：在做换装游戏的结果分享页中，有一个『分享到朋友圈』的按钮和对应功能，但由于微信没有开放小程序直接分享到朋友圈的相关api，所以只能另辟蹊径来达到此目的，具体如下文。注意：将小程序『分享给好友』是图文链接，图是一张固定的图；『分享到朋友圈』就是作品分享图，两者不一样。
微信小程序开发-踩坑+笔记
说明描述：在此次换装游戏的结果分享页中，由于用户点击『分享到朋友圈』按钮后，将生成一张图片并保存到本地相册中（原因见传送门），而这张图片是需要根据用户所选装扮、得分进行动态绘制的，所以我采用了微信canvas绘图相关的api。现在将此次快速开发中使用canvas踩的坑做个小结，方便自己随时查阅回顾。
css 实现垂直居中小结+禁止页面滚动
说明描述：之前有用过一些垂直居中的方法，今天在做小程序换装游戏的过程中，两个页面都需要用到垂直居中，为了选一个更方便的方法，我查阅资料学习并整理成本篇文章，方便自己随时查阅回顾。
前端开发规范
注释参考文章 《javascript代码注释规范与示例》普通注释普通注释是为了帮助开发者和阅读者更好地理解程序，不会出现在API文档中。其中，单行注释以“//”开头；多行注释以“/”开头，以“/”结束。普通注释的使用需遵循以下规定。总是在单行注释符后留一个空格。例如：// this is comment不要编写无意义的注释。例如：// 初始化value变量为0
var value = 0;如...
flex 弹性布局学习
说明描述：近两天在熟悉小程序项目的过程中，发现项目里布局大部分采用了flex布局法。之前有了解，但我没有实际使用过，所以我花时间学习了下flex，并总结成下文，方便自己随时查阅回顾。