微信小程序 jQuery每日经典 第二阶段已经发布,截至目前收录的技术有jQuery和CSS。其他技术正在不断的填充完善中。
CSS技术手册实现的方法:
资料来源
所有的CSS资料均参考自网址:http://css.doyoe.com/
无可避免的其中肯定会有一些疏漏或者表述不到位的问题,希望大家积极指出。每个版本的更新都会讲大家反馈的问题进行相关的取证并修改。
网站手册分析
找到可以参考的资料来源后,首先大概浏览每个属性的表述有哪些,基本上会有以下几种(以position为例):
② 第二种是复合属性,例如border,在手册中列的属性是所有复合属性的列表,而不是取值。
数据结构的封装
上面这么多信息,并且属性也不少。总不至于傻到每一个属性一个页面这样干吧。。。而且这么多信息都是有共通之处的,哦,全部都是共通之处。用一个通用的数据结构将数据封装起来(后台服务器正在建设中,以后会把这些数据使用数据库进行存储),每次去调用相关的数据即可。
数据模型如下:
可以参考每一个例子将模型和数据表达联系起来。
页面渲染
有了数据模型后,渲染页面就简单了。微信小程序的开发类似于Angular 或者 Vue,思想都是面向组件,都实现了双向数据绑定。