阅读之前，先确定你知道基本的html+css+js语法，这样就能更好地和我一样，以一个新手的视角来理解小程序。 目标是编写一个查单词的小程序，很明显需要一个输入框（如果有一个placehoder就更好了），然后再加上一个按钮，点击之后如果成功就显示结果，如果失败就提示失败。查词…

web-view组件是微信小程序1.6.4版本开始支持的功能，用以承载网页的容器，会自动铺满整个小程序页面。但是个人类型与海外类型的小程序暂不支持使用。 如果小程序只有一个页面，那它的左上角是没有返回按钮的（ios系统下），退出小程序只能从右上角的“圆圈”按钮退出，安卓系统也可…

相信不少同学在维护老项目时，都遇到过在深深的 if else 之间纠缠的业务逻辑。面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差，有没有固定的套路来梳理它呢？这里分享三种简单通用的重构方式。 所谓的【面条代码】，常见于对复杂业务流程的处理中。…

一些 GitHub 上不错的文章或电子书列表与大家分享。不乏有不少经典，可以收起来慢慢阅览。

既然来了，把妹子都给你。 懒加载，前端人都知道的一种性能优化方式，简单的来说，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 我们知道小程序页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本…

练练手，给 ofo 撸一个微信小程序

页面可以嵌套页面，但是建议不要超过5个层级。 小程序是移动端的开发，所以要注意像素的使用。 px：通常说的像素点，物理分辨率，随着屏幕的变化不会变化；一般设计师给的设计稿是以物理分辨率为单位的，也就是说，iPhone6下的分辨率是375，但是设计图却是750；因为rpx：px …

大部分Web应用的富文本内容都是以HTML字符串的形式存储的，通过HTML文档去展示HTML内容自然没有问题。但是，在微信小程序（下文简称为「小程序」）中，应当如何渲染这部分内容呢？ 小程序刚上线那会儿，是无法直接渲染HTML内容的，于是就诞生了一个叫做「wxParse」的库。…