官方定義：Node.js 是一個開源和跨平臺的 JavaScript 運行時環(huán)境。

??在nodejs 這個執(zhí)行環(huán)境中，我們可以與操作系統(tǒng)進行通信、能控制計算機，通過這個平臺做很多的事情，如寫一些web服務(wù)，客戶端工具軟件、打包工具等等。有了這樣的一個平臺，我們干的事情相比只能依賴在瀏覽器中完全不是一個級別的。

??nodejs 正式發(fā)布的時候，JavaScript 還沒有標準的模塊機制，nodejs一開始采用了CommonJS規(guī)范。后面JavaScript 標準的模塊機制ES Modules誕生，瀏覽器開始逐步支持ES Modules。Node.js 從v13.2.0之后也引入了規(guī)范的ES Modules機制，同時兼容早期的CommonJS。

現(xiàn)在我們寫 Node.js 模塊的時候，可以有 3 種方式：

1. 直接采用最新的ES Modules
2. 采用ES Modules，通過 Babel 編譯成CommonJS 規(guī)范。
3. 仍然使用舊的CommonJS規(guī)范，預(yù)計未來 Node.js 在很長一段時間內(nèi)依然會同時兼容ES Modules和CommonJS。

NPM Scripts 是指在package.json文件中配置scripts屬性，在其中指定腳本命令：

// package.json
{
  ... //其他配置
  "scripts": {
    "eslint": "eslint ziyue.js"
  }
}

npm run eslint

node ./node_modules/.bin/eslint xx.js

??作為前端工程師，少不了要和 Web 打交道。通常情況下，前端工程師主要負責(zé)“端”的部分，也就是瀏覽器這一頭的功能實現(xiàn)，后端工程師負責(zé)另一頭，也就是服務(wù)器上的邏輯實現(xiàn)。當我們打開一個網(wǎng)頁的時候，瀏覽器會向服務(wù)器發(fā)送 HTTP 請求，服務(wù)器根據(jù)請求的內(nèi)容處理數(shù)據(jù)，將正確的數(shù)據(jù)返回?？梢哉f，HTTP 協(xié)議將瀏覽器與服務(wù)器連接在了一起。

理解 MIME 類型

瀏覽器緩存策略

瀏覽器緩存策略根據(jù)響應(yīng)頭的cache-control 來控制。

服務(wù)器返回資源的時候帶有Cache-Control響應(yīng)頭，這個策略叫做強緩存。

響應(yīng)頭只要帶有cache-control 就使用強緩存策略，當然值不能是no-store（不進行緩存）

Cache-Control響應(yīng)頭的最常用格式為：

Cache-Control: max-age=<seconds>

其中 seconds 是緩存的時間，單位是秒。

協(xié)商緩存，以 HTTP 內(nèi)容協(xié)商的方式來實現(xiàn)的緩存。協(xié)商緩存規(guī)定，瀏覽器發(fā)起 HTTP 請求時，服務(wù)器可以返回Last-Modified響應(yīng)頭，這個響應(yīng)頭的值是一個時間戳。如果服務(wù)器這么做了，那么瀏覽器會緩存這個資源，并且在今后請求該資源的時候，會帶有if-modified-since請求頭，它的值是上一次Last-Modified響應(yīng)頭中的時間戳。

??服務(wù)器收到帶有if-modified-since請求頭的請求，根據(jù)請求頭中的時間戳，對文件進行判斷，如果文件內(nèi)容在該時間戳之后到當前時間里沒有被修改，那么服務(wù)器返回一個 304 響應(yīng)，該響應(yīng)表示只有 HEAD 沒有 BODY。瀏覽器如果收到 304 響應(yīng)，就會以緩存的內(nèi)容作為 BODY。

??除來Last-Modified響應(yīng)頭，還有一個 Etag 響應(yīng)頭，它的機制和Last-Modified大同小異，只是把Last-Modified的時間戳換成Etag簽名，相應(yīng)地把If-Modified-Since字段換成If-None-Match字段，其中Etag的值可以用資源文件的 MD5 或 sha 簽名。??

??如果這種情況采用Etag形式的協(xié)商緩存，根據(jù)文件內(nèi)容而不是修改時間來判斷緩存，就不會有這個問題了。

??通過地址欄訪問、以及強制刷新網(wǎng)頁的時候，HTTP 請求頭自動會帶上Cache-Control: no-cache和Pragma: no-cache的信息。只要有這兩個請求頭之一，瀏覽器就會忽略響應(yīng)頭中的Cache-Control字段，即忽略強緩存。

強制刷新的區(qū)別

??因為強制刷新會帶上Cache-Control: no-cache和Pragma: no-cache請求頭且不會帶上If-Modified-Scene和If-None-Match請求頭，意思是不使用緩存，忽略緩存。

緩存位置

?一般是緩存到內(nèi)存以及硬盤

• from memory cache 表示資源是從內(nèi)存當中獲取的，瀏覽器關(guān)閉后該資源內(nèi)存會被釋放。
• from disk memory 表示資源是從硬盤中讀取的，關(guān)掉瀏覽器資源依然在。

1. 瀏覽器能不能緩存核心是服務(wù)端端返回的響應(yīng)頭決定，如強緩存的標識頭，協(xié)商緩存的兩個標識頭，整個過程主要由服務(wù)端控制；

2. 強緩存標識符：響應(yīng)頭的cache-control: 不是no-store，強緩存的狀態(tài)碼是200，帶上from memory cache/from disk memory

   協(xié)商緩存標識符：

   響應(yīng)頭的帶有 Last-Modified，表示緩存起來，下次請求帶上If-Modified-Since，值是上次 Last-Modified的值。

   響應(yīng)頭的帶有 ETag，表示緩存起來，下次請求帶上If-None-Match，值是上次 ETag的值。

   （1）如果一致說明文件內(nèi)容沒有發(fā)生變化，直接返回304；
   （2）如果不一致返回200 + 最新資源 + 最新的 ETag字符串。

3. 強制刷新會HTTP 請求頭自動會帶上Cache-Control: no-cache和Pragma: no-cache請求頭且不會帶上If-Modified-Scene和If-None-Match，意思是不使用緩存，忽略緩存。