微信小程序首页优化 第1篇
从渲染效率上来讲，骨架屏它并不能使首屏渲染加快。由于骨架屏的一些使用又向用户渲染了额外的一些内容，这些内容是额外添加的、本来是不需要渲染的，它反而从整体上加长了首屏渲染的一个时长。但是骨架屏在这个页面白屏的时候，它给了用户及时的反馈，减缓了用户焦急等待的一个情绪。
注意：骨架屏需要人工手动进行维护，当业务变更时，需要重新生成新的骨架屏并重新引入。
在中引入骨架屏代码，用wx:if和wx:else动态切换页面两种不同的版本
在中引入骨架屏样式
在中设置loading初始值为true，在接口请求成功后loading值改为false
微信小程序首页优化 第2篇
在上个小节中，我们提取来时间格式化的方法到utils里面达到了便于复用。有时候我们维护常用时间工具类成本很高，而且我们要去深入去了解里面的API，这个时候去其实我们用别人维护的时间工具类。
这个时候我们就会去github查找相关的开源库，找到合适的就需要进行使用。使用通常有两种方式：
微信小程序开发快速入门之码仔备忘录以及全部写完，希望能够帮助更多人入门微信小程序开发，在这 5 篇文章中我希望传达是一种学习编程的思维方式，利用这些方法你们可以自学其他相关性的开发知识，用项目的方式去学习新的技术。
更多教程可以看 我的主页，我会持续更新小程序相关内容。
微信小程序首页优化 第3篇
我们会发现在这三个页面中都用到了同样的样式，那么其实之前有提到过，公用样式可以放在里面这样就可以直接复用。如：flex布局的纵向排列，定义在里面
然后其他页面可以直接使用组合样式：通用的写在里面，个性化的在具体页面编写。
以上是样式的复用，还有一种是样式中常用的具体属性值设置成变量，便于复用。
使用CSS自定义属性（变量）声明一个自定义属性，属性名需要以两个减号（–）开始，属性值则可以是任何有效的CSS值。
注意：需要在定义，这样所有页面的wxss才能使用。
使用一个局部变量时用 var() 函数包裹以表示一个合法的属性值：
同样的除了颜色，还有一些统一的边距、大小、等等属性都可以。