http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1373&extra=page%3D1
API 介绍
程序中所有api均来自豆瓣api
更新日志
2016年12月11日发布第一版本:
- 没有引入任何第三方的框架
- 使用了es6的语法,需要在项目中开启es6转es5
- 由于还在公测阶段,后续api变化可能会很大,目前的版本没有问题
开发总结
- 微信小程序既不是web也不是native,微信小程序是基于微信自带的浏览器的x5内核解析,其中封装了很多ui控件,有点类似react-native
- 小程序开发模式比较呆板,想要修改页面只有修改data,类似react中的setState,小程序中叫setData,但是react可以操作dom而小程序不能
- 小程序的组件化开发我是利用template模版组建实现,可能有更好的组件化开发框架,但是官方没有介绍我也没有深入研究。但是这种组建化开发的模式有点麻烦,在引入wxml模版的同时,还需要在page的wxss中引入模版的样式,而react中只需要引入一个component就行(因为react中js里可以写html,叫jsx)
- 微信官方的ide感觉开发有点坑,有时候代码莫名其妙的会消失,所以我选择的webStorm
- 总体来说,如果小程序的api稳定了,开发速度飞快
踩过的坑
- 标签要闭合,尤其是template标签,不闭合不报错,但是不会渲染,很难排错
- setState写习惯了,小程序里是setData
- wx 标签打错了不报错,这样子就很难排错了,因为输入的时候没有自动提示
- 使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。否则没有滚动事件,官方文档上就这么说的,可能是它们的bug
- 在写scroll-view的样式的时候,如果是竖着滚动,用display:flex布局,那么弹性容器,不要写在scroll-view上面,在另起一个view加上display:flex属性
- 会有渲染的瑕疵,编译器也会莫名其妙的报错,我的方法是重新编译,在左下角有个编译的按钮
![](http://img.e-com-net.com/image/info8/33c97200d2204884aba5162e24cc586e.jpg)
- wx.requrest 服务器返回404,也是success,貌似只要连接上,服务器有返回就算是success
- wx.navigateTo(OBJECT)要慎用,微信页面的路径层级只能有5层,如果两个页面的交互可以来回的跳转,应该用重定向,重定向会关闭当前页面跳转到目标页面,否则页面层级超过5层(getCurrentPages()会显示6个页面),页面跳转会失效。
项目地址及下载:
本帖隐藏的内容
https://github.com/sniperyan/wechat-smallRoutine
wechat-smallRoutine-master.zip (5.83 MB, 下载次数: 13)
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1373&extra=page%3D1