Node.js 不是一門語言,而是一個基于 V8 引擎的運行時環境,下圖是一張架構圖。
:-: 
  由圖可知,Node.js 底層除了 JavaScript 代碼之外,還有大量的 C/C++ 代碼。
  常說 Node.js 是單線程的,但這個單線程是指處理 JavaScript 的主線程是單的,像 I/O 任務都是多線程處理的。
## 一、準備
  要開發 Node.js 應用,首先需要下載安裝[Node.js](https://nodejs.org/en/),點擊下一步下一步就可完成。
:-: 
  值得一提的是,在官網中,還配套了一份 50 多篇的[入門教程](http://nodejs.cn/learn),每篇都不長,蠻通俗易懂的,可以閱讀一下。
  然后需要一個編輯器,IDE編輯器(例如?[VS Code](https://code.visualstudio.com/Download)、[WebStream](https://www.jetbrains.com/webstorm/download/#section=mac)),或者是帶語言著色的文本編輯器(例如[CotEditor](https://coteditor.com/))都可以,看個人喜好。
  寫完一個簡單的腳本文件后,觸發命令 node xx.js 就能運行了。
  Node.js 在國內有個著名論壇[CNode](https://cnodejs.org/),其中有許多優秀的 Node.js 資料可供參考。
  目前的前端開發肯定會涉及到工程化,所以或多或少需要 Node.js 環境,用[npm](https://www.npmjs.com/)命令下載或管理包。
  但是如果要開發實際應用,那么就得需要了解 Node.js 的模塊。
## 二、模塊
  Node.js 賦予了 JavaScript 很多沒有的能力,例如讀寫文件、發起跨域的網絡請求、連接數據庫等。
  前端邊界因 Node.js 變得很廣,一個前端也可以做后端的工作,俗稱全棧工程師。
  在閱讀 Node.js 的[官方文檔](https://nodejs.org/dist/latest-v16.x/docs/api/)時,就會發現內容很詳盡,很多細節都會講到。
  只是沒有上下文語境,缺乏代入感,有時候文檔讀起來就比較晦澀。
  進入到官方文檔后,在左邊的菜單欄中有 60 多個選項,直接讀的話,會讓人睡著。
  一般的話,可以配合其他教程,然后將官方文檔作為參考資料,當遇到不太明白的地方,再有針對性的瀏覽,效果會更佳。
  本文推薦幾個常用的模塊,包括[fs文件模塊](https://nodejs.org/dist/latest-v16.x/docs/api/fs.html)、[http協議模塊](https://nodejs.org/dist/latest-v16.x/docs/api/http.html)、[path路徑模塊](https://nodejs.org/dist/latest-v16.x/docs/api/path.html)、[global全局變量](https://nodejs.org/dist/latest-v16.x/docs/api/globals.html)和[module模塊化](https://nodejs.org/dist/latest-v16.x/docs/api/modules.html)。
  日常項目開發中肯定會涉及到上述一個或多個模塊。
## 三、框架
  真正項目開發時,很少需要從零開始,選擇成熟的框架主要就是為了提升工作效率。
  市面上的框架有很多,例如[Express](https://expressjs.com/)、[KOA](https://koajs.com/)、[egg.js](https://www.eggjs.org/)、[Next.js](https://nextjs.org/)、[Nuxt.js](https://nuxtjs.org/)等,這些框架都有對應的中文文檔。
  以我公司為例,選擇的是 KOA 框架,這是一個短小精悍的框架,[源碼](https://www.cnblogs.com/strick/p/16178207.html)只有 4 個文件。
  雖然簡單,但擴展性很高,可以通過中間件的形式加載進來,例如路由、日志、權限驗證、[JWT](https://jwt.io/)認證等。
  在將開發環境搭建好后,還得布置[單元測試](https://www.cnblogs.com/strick/p/15394115.html),框架都能集成單元測試,只要簡單的配置即可。
  在 Node.js 中,有很多單測框架可供選擇,例如[Mocha](https://mochajs.org/)、[Jest](https://jestjs.io/)?等,斷言庫包括[Chai](https://www.chaijs.com/)、[assert 斷言模塊](http://nodejs.cn/api/assert.html)等。
  接口測試有[SuperTest](https://github.com/visionmedia/supertest),測試替身庫有[Sinon](https://sinonjs.org/),可以模擬數據庫讀記錄。
## 四、數據庫
  開發 Node.js 的項目,離不開數據庫的處理。常用的數據庫有[MySQL](https://www.mysql.com/downloads/)和[MongoDB](https://www.mongodb.com/try/download)。
  MySQL 官方給出的可視化操作工具是[Workbench](https://dev.mysql.com/downloads/workbench/),MongoDB 官方給出的可視化操作工具是[Compass](https://www.mongodb.com/try/download/compass)。
  直接用 Node.js 作為項目持久層的并不多,很多時候都是作為數據中間層的角色存在。
  因此,對數據庫的處理并不是很復雜,常用的也就是增刪改查,其中刪除很少是物理刪除,基本都是改個狀態。
  以 MySQL 為例,常用的就是下面三類 SQL 語句。
~~~
select * from table where id = 1;
update table set name = 'strick' where id = 1;
insert into table(name) values ('strick');
~~~
  當然,在日常開發中不需要手寫拼接 SQL 語句,既為了安全,也是為了可維護。
  所以就需要常用的 ORM(對象關系映射),例如 MySQL 的?[Sequelize](https://sequelize.org/),MongoDB 的?[mongoose](https://mongoosejs.com/)。
  至此,開發一個常規 Node.js 應用所需的知識儲備,已全部涉及到,接下來就是熟能生巧的過程了。
*****
> 原文出處:
[博客園-Node.js躬行記](https://www.cnblogs.com/strick/category/1688575.html)
[知乎專欄-Node.js躬行記](https://zhuanlan.zhihu.com/pwnode)
已建立一個微信前端交流群,如要進群,請先加微信號freedom20180706或掃描下面的二維碼,請求中需注明“看云加群”,在通過請求后就會把你拉進來。還搜集整理了一套[面試資料](https://github.com/pwstrick/daily),歡迎閱讀。

推薦一款前端監控腳本:[shin-monitor](https://github.com/pwstrick/shin-monitor),不僅能監控前端的錯誤、通信、打印等行為,還能計算各類性能參數,包括 FMP、LCP、FP 等。
- ES6
- 1、let和const
- 2、擴展運算符和剩余參數
- 3、解構
- 4、模板字面量
- 5、對象字面量的擴展
- 6、Symbol
- 7、代碼模塊化
- 8、數字
- 9、字符串
- 10、正則表達式
- 11、對象
- 12、數組
- 13、類型化數組
- 14、函數
- 15、箭頭函數和尾調用優化
- 16、Set
- 17、Map
- 18、迭代器
- 19、生成器
- 20、類
- 21、類的繼承
- 22、Promise
- 23、Promise的靜態方法和應用
- 24、代理和反射
- HTML
- 1、SVG
- 2、WebRTC基礎實踐
- 3、WebRTC視頻通話
- 4、Web音視頻基礎
- CSS進階
- 1、CSS基礎拾遺
- 2、偽類和偽元素
- 3、CSS屬性拾遺
- 4、浮動形狀
- 5、漸變
- 6、濾鏡
- 7、合成
- 8、裁剪和遮罩
- 9、網格布局
- 10、CSS方法論
- 11、管理后臺響應式改造
- React
- 1、函數式編程
- 2、JSX
- 3、組件
- 4、生命周期
- 5、React和DOM
- 6、事件
- 7、表單
- 8、樣式
- 9、組件通信
- 10、高階組件
- 11、Redux基礎
- 12、Redux中間件
- 13、React Router
- 14、測試框架
- 15、React Hooks
- 16、React源碼分析
- 利器
- 1、npm
- 2、Babel
- 3、webpack基礎
- 4、webpack進階
- 5、Git
- 6、Fiddler
- 7、自制腳手架
- 8、VSCode插件研發
- 9、WebView中的頁面調試方法
- Vue.js
- 1、數據綁定
- 2、指令
- 3、樣式和表單
- 4、組件
- 5、組件通信
- 6、內容分發
- 7、渲染函數和JSX
- 8、Vue Router
- 9、Vuex
- TypeScript
- 1、數據類型
- 2、接口
- 3、類
- 4、泛型
- 5、類型兼容性
- 6、高級類型
- 7、命名空間
- 8、裝飾器
- Node.js
- 1、Buffer、流和EventEmitter
- 2、文件系統和網絡
- 3、命令行工具
- 4、自建前端監控系統
- 5、定時任務的調試
- 6、自制短鏈系統
- 7、定時任務的進化史
- 8、通用接口
- 9、微前端實踐
- 10、接口日志查詢
- 11、E2E測試
- 12、BFF
- 13、MySQL歸檔
- 14、壓力測試
- 15、活動規則引擎
- 16、活動配置化
- 17、UmiJS版本升級
- 18、半吊子的可視化搭建系統
- 19、KOA源碼分析(上)
- 20、KOA源碼分析(下)
- 21、花10分鐘入門Node.js
- 22、Node環境升級日志
- 23、Worker threads
- 24、低代碼
- 25、Web自動化測試
- 26、接口攔截和頁面回放實驗
- 27、接口管理
- 28、Cypress自動化測試實踐
- 29、基于Electron的開播助手
- Node.js精進
- 1、模塊化
- 2、異步編程
- 3、流
- 4、事件觸發器
- 5、HTTP
- 6、文件
- 7、日志
- 8、錯誤處理
- 9、性能監控(上)
- 10、性能監控(下)
- 11、Socket.IO
- 12、ElasticSearch
- 監控系統
- 1、SDK
- 2、存儲和分析
- 3、性能監控
- 4、內存泄漏
- 5、小程序
- 6、較長的白屏時間
- 7、頁面奔潰
- 8、shin-monitor源碼分析
- 前端性能精進
- 1、優化方法論之測量
- 2、優化方法論之分析
- 3、瀏覽器之圖像
- 4、瀏覽器之呈現
- 5、瀏覽器之JavaScript
- 6、網絡
- 7、構建
- 前端體驗優化
- 1、概述
- 2、基建
- 3、后端
- 4、數據
- 5、后臺
- Web優化
- 1、CSS優化
- 2、JavaScript優化
- 3、圖像和網絡
- 4、用戶體驗和工具
- 5、網站優化
- 6、優化閉環實踐
- 數據結構與算法
- 1、鏈表
- 2、棧、隊列、散列表和位運算
- 3、二叉樹
- 4、二分查找
- 5、回溯算法
- 6、貪心算法
- 7、分治算法
- 8、動態規劃
- 程序員之路
- 大學
- 2011年
- 2012年
- 2013年
- 2014年
- 項目反思
- 前端基礎學習分享
- 2015年
- 再一次項目反思
- 然并卵
- PC網站CSS分享
- 2016年
- 制造自己的榫卯
- PrimusUI
- 2017年
- 工匠精神
- 2018年
- 2019年
- 前端學習之路分享
- 2020年
- 2021年
- 2022年
- 2023年
- 2024年
- 日志
- 2020