1. nodejs簡介
- Node.js是一個Javascript運行環(huán)境，封裝了Google Chrome的V8引擎并進(jìn)行了優(yōu)化，提供了API灌灾；
- Node.js應(yīng)用比較廣泛雕旨，可以當(dāng)做服務(wù)器端腳本語言扮匠，快速搭建服務(wù)環(huán)境或者web框架，http框架凡涩，主要在web應(yīng)用方面發(fā)揮作用棒搜；
- Node.js采用事件驅(qū)動，非阻塞I/O模型而得以輕量和高效活箕，充分利用了系統(tǒng)資源力麸，因此其特別適合后端網(wǎng)絡(luò)服務(wù)編程。
2. npm 是什么? 如何安裝 node 應(yīng)用？全局安裝和本地安裝有什么區(qū)別末盔？ --save與--saveDev的區(qū)別筑舅？node_module的查找依賴的路線是怎樣的?
- npm是一個包管理器，整合了多達(dá)二十萬種應(yīng)用或程序陨舱，方便安裝翠拣，Node.js中自帶npm；
- 使用系統(tǒng)終端游盲，鍵入npm install xxx就可以本地安裝包文件误墓；
- 在安裝包的命令中用-g，就是全局安裝益缎，包程序會安裝在系統(tǒng)指定的文件夾谜慌，能夠在任何目錄下使用包程序，而不帶-g命令的話就是本地安裝莺奔，安裝在當(dāng)前目錄下欣范，只能在當(dāng)前目錄使用；
- --save和--save-dev是npm中的命令令哟，--save可以將包的信息記錄在package.json中的dependencies中恼琼，而--save-dev將包信息記錄在package.json中的devDependencies中；在安裝包的過程中并沒有嚴(yán)格區(qū)別屏富，不過dependencies一般用于記錄重要依賴晴竞，即項目上線后仍然要使用的依賴，而devDependencies中主要記錄項目開發(fā)過程中需要的安裝包狠半，沒有這些包項目不受嚴(yán)重影響噩死；
- node_modules的查找依賴路線：現(xiàn)在當(dāng)前目錄下查找依賴包，如果沒有就向上依次遍歷神年，直至根目錄為止已维。
3. browser-sync的使用方式
- 全局安裝browser-sync
npm install -g browser-sync
- 靜態(tài)網(wǎng)站
如果想要監(jiān)聽.css文件, 需要使用服務(wù)器模式。 BrowserSync 將啟動一個小型服務(wù)器已日，并提供一個URL來查看您的網(wǎng)站衣摩。
// --files 路徑是相對于運行該命令的項目（目錄）
browser-sync start --server --files "css/*.css"
// --files 路徑是相對于運行該命令的項目（目錄）
browser-sync start --server --files "css/*.css, *.html"
// 如果你的文件層級比較深，您可以考慮使用 **（表示任意目錄）匹配捂敌，任意目錄下任意.css 或 .html文件艾扮。
browser-sync start --server --files "**/*.css, **/*.html"
- 動態(tài)網(wǎng)站
如果已經(jīng)有其他本地服務(wù)器環(huán)境PHP或類似的，需要使用代理模式占婉。 BrowserSync將通過代理URL(localhost:3000)來查看網(wǎng)站泡嘴。
// 主機名可以是ip或域名
browser-sync start --proxy "主機名" "css/*.css"
- 更多
4. server-mock的使用方式
- 全局安裝server-mock
npm i -g server-mock
- 初始化項目目錄
// 自動生成index.html、router.js逆济、user.ejs酌予，方便快速上手
mock init
- 啟動項目
\\localhost:8080可以訪問
mock start
- 設(shè)置
mock start --port 3000 // 設(shè)置服務(wù)器啟動端口為3000
mock start --public public //設(shè)置靜態(tài)文件路徑為當(dāng)前文件 public 目錄磺箕。默認(rèn)是當(dāng)前文件夾
mock start --views views //設(shè)置模板路徑為當(dāng)前文件 views 目錄。默認(rèn)是當(dāng)前文件夾
mock start --tpl ejs //設(shè)置模板抛虫，支持 ejs, jade, velocity
mock start --tpl ejs --port 3000" //設(shè)置模板為ejs,端口為3000松靡。 默認(rèn)端口是8080
- 更多
5. 什么是前端構(gòu)建，有哪些常見的前端構(gòu)建工具?
- 前端代碼的測試建椰，編譯雕欺，壓縮，及圖片資源的壓縮等過程棉姐，是前端構(gòu)建屠列；構(gòu)建工具就是為了自動化前端構(gòu)建過程而創(chuàng)造出來的工具，為的是讓我們不再做機械重復(fù)的事情伞矩，解放雙手笛洛。
- 常見的前端構(gòu)建工具：Gulp、Grunt乃坤、webpack苛让、Yeoman等。
Coding
用gulp合并壓縮之前的企業(yè)頁面作品
預(yù)覽
代碼
本文歸本人和饑人谷所有湿诊，如需轉(zhuǎn)載請注明來源蝌诡，謝謝
