## 前端的概念
?? ?前端開發(fā)的產(chǎn)出是直接面向用戶的
?? ??? ?軟技能：用戶體驗（性能）
?? ??? ?編程技能：
?? ??? ??? ?css:?
?? ??? ??? ??? ?綜合實踐能力、常見兼容hack
?? ??? ??? ?html:
?? ??? ??? ??? ?遵循w3c規(guī)范的語義化結(jié)構(gòu)
?? ??? ??? ?js:

?? ??? ?硬技能：
?? ??? ??? ?數(shù)據(jù)結(jié)構(gòu)、算法、抽象能力、架構(gòu)能力、工程化思維

?? ?大前端（縱向、nodejs）、泛前端（橫向\react native）

## 前端工程化的意義
一系列規(guī)范和流程及集合
一種可演化、可擴展的服務，服務的目標是解決前端開發(fā)及后端協(xié)作開發(fā)過程中的難點和痛點問題
工具是前端工程化的實現(xiàn)媒介、規(guī)范是工程化的指導方針，工作流程是工程化的外在表現(xiàn)形式以及約束規(guī)范的載體

編程規(guī)范、持續(xù)的架構(gòu)設計 -> 質(zhì)量、效率

## 內(nèi)容
?? ?腳手架
?? ??? ?初始化項目（即用即棄）yeoman
?? ?發(fā)開
?? ??? ?本地服務器（nodejs + express + middleware）
?? ??? ?HMR (runtime runtime server)?
?? ??? ?livereload?
?? ??? ?mock?
?? ??? ??? ?SSR
?? ??? ?webpack-dev-middleware

?? ?構(gòu)建 webpack rollup gulp?
?? ??? ?打包
?? ??? ??? ?babel
?? ??? ??? ?loader
?? ??? ??? ?postCSS
?? ??? ??? ?less
?? ??? ??? ?sass
?? ??? ?資源定位
?? ??? ??? ?CDN、反向注入html

?? ??? ?模塊依賴關(guān)系

?? ??? ?緩存策略
?? ??? ??? ?強制緩存策略
?? ??? ??? ?協(xié)商緩存策略

?? ??? ?fis
?? ??? ??? ?sprite 項目強綁定

?? ?測試
?? ??? ?單元測試、集成測試、仿真環(huán)境
?? ?工作流

?? ??? ?持續(xù)集成、持續(xù)交付
?? ??? ?gitflow與版本管理
?? ??? ?webhook與自動構(gòu)建

?? ?部署
?? ??? ?速度、協(xié)作、安全

?? ??? ?自動化容器化部署、灰度發(fā)布、增量更新（保留多個版本，有利于回滾）

?