HTTP事務、Node模塊化規範等

HTTP事務:

首先、HTTP事務描述得是一次完整的從請求到響應的過程:
image.pngjavascript

  1. 用戶發起請求時,首先進行域名解析
  2. 拿到域名所對應的 IP 地址以後,經過 TCP 協議創建與服務端的通訊鏈接。( 三次握手,創建鏈接 )
  3. 服務接收到用戶請求以後,進行業務處理,隨後將請求以後的結果返回給瀏覽器
  4. 瀏覽器接收到後臺的數據 (4次揮手,斷開鏈接 ) 注:connection:keep-alive常鏈接
Node模塊化規範:

解決的問題:java

  1. 變量污染:就是兩個JS文件中的變量能夠相互訪問 形成了變量覆蓋
  2. 依賴管理:就是須要人工來管理且繁瑣 效率不高
  3. node javascript`的運行時:也就是運行環境且分兩種(瀏覽器、 Node)

    node標準:node

    每一個JS文件都是模塊 都有一個獨立的做用域express

    經過 require(「路徑」)來引入 module.exports={要暴露的東西}來暴露 統稱 接口npm

npm包管理工具(Node Package Manage)

一、修改淘寶源:打開命令控制符 複製npm config set registry https://registry.npm.taobao.org瀏覽器

二、建立一個工程目錄(文件夾) myapp,並進入終端app

三、終端項目初始化:npx express-generator模塊化

四、終端安裝依賴:npm install工具

五、終端 啓動 npm startui

六、瀏覽器 使用 http://localhost:3000 訪問,查看訪問頁面彈出爲成功!
image.png
image.png

瀏覽器模塊化規範:

JS引入規範: <script type="module" src="./src/1.js"></script>

暴露單個:export 跟要暴露的方法;
image.png

單個引入:import{被暴露的方法}from"路徑.js";

批量暴露:export default { 要暴露的方法1, 要暴露的方法2};

批量引入:import 任意值接收 from "路徑.js";
image.png

image.png 引入了兩個方法 add、add1並傳參

注:當引入的方法和自身方法同名時 能夠用 xx as xx 取別名
image.png

相關文章
相關標籤/搜索