前端技术API手册（2） -- CSS API 的实现

微信小程序 jQuery每日经典 第二阶段已经发布，截至目前收录的技术有jQuery和CSS。其他技术正在不断的填充完善中。

 

CSS技术手册实现的方法：

资料来源

所有的CSS资料均参考自网址：http://css.doyoe.com/

无可避免的其中肯定会有一些疏漏或者表述不到位的问题，希望大家积极指出。每个版本的更新都会讲大家反馈的问题进行相关的取证并修改。

 

网站手册分析

找到可以参考的资料来源后，首先大概浏览每个属性的表述有哪些，基本上会有以下几种（以position为例）：

1. 属性的参数列式，这里分为了两种情况，

   ① 第一种是像position一样的单属性，将所有的可能取值全部列出，并在下方的取值中给出描述。

   

   ② 第二种是复合属性，例如border，在手册中列的属性是所有复合属性的列表，而不是取值。

   

数据结构的封装

上面这么多信息，并且属性也不少。总不至于傻到每一个属性一个页面这样干吧。。。而且这么多信息都是有共通之处的，哦，全部都是共通之处。用一个通用的数据结构将数据封装起来（后台服务器正在建设中，以后会把这些数据使用数据库进行存储），每次去调用相关的数据即可。

数据模型如下：

可以参考每一个例子将模型和数据表达联系起来。

 

页面渲染

有了数据模型后，渲染页面就简单了。微信小程序的开发类似于Angular 或者 Vue，思想都是面向组件，都实现了双向数据绑定。