CFF前端沙龙总结

时间:2022-02-12 10:49:39

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