微信小程序实践教程:知乎栏页面、功能、API分析

体验了几天微信小程序，借助知乎专栏的API代码，做了一个项目，也有很深的体会和大家分享。

页面

查看栏目首页查看栏目列表查看文章详情查看文章撰写功能各种基础组件使用微信上拉加载更多本地预览图片API本地上传图片API弹出窗口toast加载等查看模板使用基于flexbox包库的使用事件进行整合

API分析

微信小程序渲染方式？

目前网上流传着两种说法。

第一个：认为微信基于react native的高性能jsbridge打造了一个轮子。所有视图都作为原生分析渲染进行渲染。

第二个想法是微信创建了一个沙盒webview环境，渲染是通过一个优化定制的webkit完成的。

就我目前的体验来看，小程序很可能是第二种类型。在我的开发过程中，使用了很多前端已有的经验，比如负外边距居中、绝对定位相对、css3动画等等，这些在rn中应该是没有或者没有完全实现的。

微信小程序体验？

微信端离线缓存html5产品有一个通病。静态资源没有离线缓存访问慢。每次打开白屏等待，离线环境都无法使用。小程序很好地解决了这个问题。第一次访问时，会下载静态资源包解压到本地。当您从本地打开文件时，您可以访问其余的数据。从服务器拉取请求，以确保与原生请求相同的体验。(增量更新目前未知)2。转场表现众所周知，html5模拟转场动画在安卓机型上会表现不佳。微信小程序使用原生界面切换转场动画。

3.布局性能flexbox当前布局流行的规范小程序刚刚实现。它目前已经经历了高度的实现，可以做简单和复杂的布局。