一、 -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模板;严肃的幽默;预言家;笑点让观众自己发现,不强调;反问即回答;思考深度;