自動化構(gòu)建工具 gulp webpack grunt
gulp－－構(gòu)建項(xiàng)目，壓縮合并處理赫模，依賴于 gulpfile.js －－ task? watch? default? dist? pipe
gulp提供了豐富了 插件? uglify mini sass
webpack－－構(gòu)建項(xiàng)目蒸矛，模塊整合，把瀏覽器不識別的語言（babel）轉(zhuǎn)換成瀏覽器可識別的語言雏掠，依賴于
webpack.config.js －－? entry output module rules plugins devServer
webpack提供了豐富的? 加載器? css-loader? style-loader babel-loader (管理／處理靜態(tài)資源文件)
包管理器 npm? cnpm? yarn －－ package.json
cnpm--npm 鏡像 (真實(shí)項(xiàng)目開發(fā)中不建議使用－－會生成多余的依賴文件)
npm install --? 只要執(zhí)行所有依賴重新下載乡话，一個接一個安裝 （速度慢），安裝信息全部打印
yarn add --? 安裝過的不會重新下載 诬像，并行安裝 （速度快），安裝信息以emojis表情
-g 全局環(huán)境 安裝一次
--save-dev /? -D? /-S 項(xiàng)目依賴安裝
npm i webpack@2 -D 指定版本
版本管理工具 git? svn
git －－ 分布式
svn－－集中式
開發(fā)語言 es5? es6?
let? const
()=>? this的指向
map forEatch [...]
`` ${}
class? extends
模塊化開發(fā)規(guī)范? AMD? CMD? commonjs
AMD-異步加載規(guī)范? 提前引入? require.js
CMD－標(biāo)準(zhǔn)通用加載規(guī)范? 按需引入 sea.js
commonjs－－谷歌提供的規(guī)范? 核心 模塊的接收與暴露 module.exports? /? require? export default / import
事件驅(qū)動：事務(wù)在執(zhí)行過程中用以決策的一種策略坏挠；跟隨當(dāng)前時間點(diǎn)上出現(xiàn)的事務(wù)，調(diào)用一切可調(diào)用的資源对竣，
用于解決該事務(wù)柏肪，防止事務(wù)堆積
I/O? input? ／? output? 寫入寫出
測試 －? 通過工具? ? 黑盒測試／白盒測試? 測試用例 測試文檔? 一輪 二輪 三輪? （線上／線下）
調(diào)試－－ 瀏覽器控制臺
聯(lián)調(diào) --? 前后端數(shù)據(jù)對接測試 調(diào)試 －－ 數(shù)據(jù)
