CFF前端沙龙总结

一、 -OOCSS + Sass ——大漠

1. OOCSS

结构<=>皮肤 分离

容器<=>内容 分离

2. Sass

工具、处理器

SCSS（CSS风格）<=> Sass（Ruby风格）

（1）变量（2）混合宏（3）占位符、使用时才启用

（4）嵌套（5）运算（6）函数

（7）&符 （8）控制命令

3. 编写Sass技巧， "7+1"原则，保持Sass简单

4. 演讲风格

全黑背景PPT、色调柔和和谐、演讲谦逊。

二、Web应用组件化 ——徐飞

1. 组件化的优势

组件化的第一目标是"易管控"，第二目标才是"复用"

2. 全组件化<=>半组件化

资产和耗材

3. HTML/CSS/JS谁是入口

4. 动态HTML是模板还是组件

5. 组件化框架

Angular,Vue,React,Polymer

6. MVVM

React,promise

7. 组件化的实践

（1）组件树

层级，粒度，3-5级比较合理

（2）通讯方式

① 组件树传递

②第三方传递disipatcher

如何选择通讯方式

①数据模型的耦合程度

②上下组件关系的密切程度

（3）关键步骤

①框架选择

②业务架构

Relay,GraphQL，可视化继承，从继承到组合，模板外置的组件实现

模板的意义，模板是什么，模板是组件的字面量形式

ShadowDOM重要性，构建->Theme

客户端=>Web

7. 演讲风格

全白背景PPT；H5PPT模板；严肃的幽默；预言家；笑点让观众自己发现，不强调；反问即回答；思考深度；