JASONETTE

Author: ZhYong10

2018.md

@@ -11,3 +11,20 @@
 1. 开启摄像头，获取最近五帧照片。
 2. 下载[facefinder](https://raw.githubusercontent.com/nenadmarkus/pico/c2e81f9d23cc11d1a612fd21e4f9de0921a5d0d9/rnt/cascades/facefinder)，体积为240K，内含450棵深度为6的决策树。
 3. 将每张照片像素转为DataView，通过facefinder匹配。
+
+## Jasonette/JASONETTE-iOS
+
+用json写native。
+将web页面转换为native应用。
+
+### 原理
+
+1. 从Dom字典中，读取约定好的固定字段
+2. 循环遍历Dom字典，遍历所有设计数据
+3. 然后用字符串匹配去判断每个节点的key与值，指引OC代码应该怎么调用
+ - 匹配出label就创建UILabel
+ - 匹配出iamge就创建UIImageView
+ - 匹配出style就调用autolayout赋值属性进行autolayout计算，或者进行自行算法计算
+
+参见：[动态界面：DSL&布局引擎 | Jasonette 与 Tangram](http://awhisper.github.io/2017/05/01/DSLandLayoutEngine/)
+