CFF前端沙龙总结
2016-02-18 13:51
381 查看
一、 -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模板;严肃的幽默;预言家;笑点让观众自己发现,不强调;反问即回答;思考深度;
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模板;严肃的幽默;预言家;笑点让观众自己发现,不强调;反问即回答;思考深度;
相关文章推荐
- js数组去重
- ReactNative 真机调试
- POJ 1418 Viva Confetti
- AngularJS学习笔记
- jQuery图片上传前先在本地预览
- 传奇创世h5开发定制案例--《名师天团喊你来上课》
- 快速理解bootstrap、bagging、boosting
- window onload || jquery $()
- git 中fetch+rebase工作流
- web学习之路—H5(三)
- js-jQuery对象与dom对象相互转换
- node处理get请求
- js详解之作用域-实例
- 剑指Offer:包含min函数的栈(JAVA)
- Html 语法学习笔记二
- CSS3 animation-fill-mode 属性
- css3动画实例分段讲解
- js实现checkbox多选和反选
- 取HTML的中文字
- Div和CSS编写中对包含选择器和通配选择器的使用