daily

第二阶段

DAY21

1. 服务器

  1. url
  2. 传输协议 http https
  3. 域名
  4. 端口号 0~65535 80 443

2. Node

基于Chrome v8的js运行环境

  1. DOS(磁盘系统)操作

    • 目录操作 dir tree cd 文件夹 cd .. 盘符:
    • 文件操作 md 文件夹 rd 文件夹 xcopy 文件夹 文件夹(1) type nul> 文件 copy 文件 文件(1) type 文件 ren 原文件 新文件 del 文件 move 文件 文件夹
    • 其他指令 cls ipconfig ping systeminfo
  2. Node的导入导出

    • require()
    • module.exports
  3. Node常用内置模块

    • fs模块
      • 异步读取文件 fs.readFile(地址,'utf-8',回调函数)

      • 同步读取文件 fs.readFileSync(地址,'utf-8')

      • 异步写入文件 fs.writeFile(地址,内容,回调函数)

      • 同步写入文件 fs.writeFileSync(地址,内容)

      • 依次写入文件不覆盖 fs.appendFile(地址,内容,回调函数)

    • path模块
      • 组装好的相对路径 path.join(片段1,片段2,...)
      • 组装成绝对路径 path.resolve(片段1,片段2,...)
        • 片段1非盘符或者是当前目录所在盘符,则在当前目录下拼接
        • 片段1为其他盘符,在此盘符后拼接
      • 解析路径 path.parse(路径)
    • url模块
      • 解析地址(深度解析) url.parse(地址,true)
    • http模块
      • 创建服务

        const 服务 = http.createServer(function (req, res) {
        	res.setHeader('Content-type', 'application/json;charset=utf-8') //返回中文 避免乱码
        	if (req.url === '/请求地址a') {
        		res.end(字符串)
        	}
        	if (req.url === '/请求地址b') {
        		res.end(字符串)
        	}
        })
        
      • 配置端口号 服务.listen(端口号,回调函数)

3. NPM

  1. 检测是否安装 npm -v

  2. 下载包 npm install 包名@版本号 -g --save

    • 生成文件夹 node_modules
    • 生成文件 package-lock.json,锁定版本信息
  3. 删除包 npm uninstall xxxx

  4. 管理项目

    • 初始化项目 npm init
      • 生成一个package.json 文件
    • 恢复被删除的node_modules包
      • 保存到生产依赖 npm install xxxx --save dependencies
      • 保存到开发依赖 npm install xxxx --save-dev devependencies
    • ~~清除缓存 npm cache clear -f~~
  5. 自定义npm脚本

    • 通过package.json文件中的scripts "start":"node 01_test.js" ==》 npm start
  6. 自动重启应用 nodemon

    • 全局安装 npm i -g nodemon
    • 执行node脚本 nodemon app.js

4.NRM

  1. 安装全局nrm(整个电脑) npm install --global nrm
  2. 检测安装 nrm --version
  3. 检测镜像源地址 nrm test
  4. 切换镜像源 nrm use taobao

DAY22

1.http协议

2.cookie

  1. 4kb 50条
  2. 受域名和路径限制
    • 一般直接设置到 path=/
  3. 实效性 标准时间UTC
  4. 服务端环境下

3.localStorage

4.sessionStorage

  1. setItem(key,value)
  2. getItem(key)
  3. removeItem(key)
  4. clear()

5.cookie、localStorage、sessionStorage区别(面试题)

一、存储时效不同

  • cookie 如果不设置 session 会话级 关闭页面或者浏览器就没有
  • sessionStorage 有效期是仅保持在当前页面 关闭当前会话页面或者浏览器后消失
  • localStorage 在不手动删除的情况下 一直存在

二、存储的大小不同

​ 1.cookie 一般存储 4kb左右 一般存50条

​ 2.localStorage、sessionStorage 一般在5M

三、与服务端通信

​ 1.cookie可以和服务端进行通信 一般请求头 存储关键信息

​ 2.localStorage、sessionStorage 只能前端存储

四、读写的便捷度

​ 1.localStorage、sessionStorage 操作更简单

五、支持的浏览器

​ 1.cookie 出现比较早 支持所有的浏览器

​ 2.localStorage、sessionStorage 不支持低版本的ie IE8版本之下的都不支持

你可能感兴趣的:(chrome,前端,npm)