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

相关文章
相关标签/搜索