【学习笔记】2020/7/21

141 阅读3分钟

1. cookie、localStorage和sessionStorage 

  • 保存cookie的值

    var dataCookie = '110'; document.cookie = 'token'+'='+dataCookie;

  • 生命周期:

  1. cookie:可设置失效时间,没有设置的话,默认是浏览器关闭后失效
  2. localStorage:除非手动删除,否则将永久保存
  3. sessionStorage:仅在当前网页会话下有效,关闭页面或浏览器被清除
  • 存放数据大小: 
  1. cookie:4KB左右 
  2. localStorage和sessionStorage:可以保存5MB的信息。
  • http请求: 
  1. cookie:每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题
  2. localStorage和sessionStorage:仅在客户端(即浏览器)中保存,不参与和服务器的通信
  • 易用性: 
  1. cookie:需要程序员自己封装,源生的Cookie接口不友好 
  2. localStorage和sessionStorage:源生接口可以接受,亦可再次封装来对Object和Array有更好的支持

2.nodejs和npm关系        

   nvm,node,npm之间的区别

3.强缓存和协商缓存

  • 访问刷新分析    有哪三种刷新情况?

  • 强缓存和协商缓存的区别?

4. HTTP 2

  • HTTP/1.1 存在什么问题?  TCP连接数限制是什么?解决办法是什么? 线头阻塞问题?解决办法是?

5.跨域问题  

  • 浏览器不能执行其他网站的脚本。   主域名、子域名、端口、协议不同都是跨域。  虽然localHost和127.0.0.1都指向本机,但也是跨域

  • 使用CORS(跨资源共享)解决跨域问题

  • 使用JSONP(JSON with Padding)解决跨域问题

  • JSONP 只支持 GET 请求,CORS 支持所有类型的 HTTP 请求。JSONP 的优势在于支持老式浏览器,以及可以向不支持 CORS 的网站请求数据。

  • 使用 Nginx 反向代理解决跨域问题

6. http和https

  • http是超文本传输协议,明文传输;https是具有安全性的ssl加密传输协议
  • https协议需要ca申请证书,一般免费证书比较少,因此需要一定的费用
  • 端口 http:80    https:443
  • https加密过程

  • 数字证书是指互联网通讯中各方身份信息的一个数字认证,可以通过它来识别对方的身份

7.消息摘要

  • 消息摘要(Message Digest)又称为数字摘要(Digital Digest)。
  • 它唯一对应一个消息或文本,由一个单向Hash加密函数对消息进行作用而产生。如果消息在途中改变了,则接收者通过对收到消息的新产生的摘要与原摘要比较,就可知道消息是否被改变了。因此消息摘要保证了消息的完整性。 
  • 消息摘要采用单向Hash 函数将需加密的明文”摘要”成一串128bit的密文,这一串密文亦称为数字指纹(Finger Print),它有固定的长度,且不同的明文摘要成密文,其结果总是不同的,而同样的明文其摘要必定一致。这样这串摘要便可成为验证明文是否是”真身”的”指纹”了

8.对称加密和非对称加密

9.react中hooks的理解

  • 可以将组件内部的逻辑组织成为一个可以复用的隔离模块