一、 -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模板；嚴肅的幽默；預言家；笑點讓觀眾自己發現，不強調；反問即回答；思考深度；
前端專案總結
一 頁面布局 bootstrap font awesome 二 框架 easyui bootstrap 三 外掛程式 jquery validate,form,datatables bootstrap select 彈窗外掛程式 bootstrap dialog，jbox，bootbox artdi...
前端開發總結
console.log 可以取代alert 或document.write 在網頁指令碼中使用console.log 時，會在瀏覽器控制台列印出資訊。console.dir 可以顯示乙個物件所有的屬性和方法。console.dirxml 用來顯示網頁的某個節點 node 所包含的html xml c...
教務前端總結
學習越久,發現前端和後端越像,和大家分享改一下前端使用switch.case的 searchinfo querytype string,search any angular 中 的用法 下面兩個例子是等價的 1 data data data 1 2 function data angular 中 p...