1. cookie、localStorage和sessionStorage
-
保存cookie的值
var dataCookie = '110'; document.cookie = 'token'+'='+dataCookie;
-
生命周期:
- cookie:可设置失效时间,没有设置的话,默认是浏览器关闭后失效
- localStorage:除非手动删除,否则将永久保存
- sessionStorage:仅在当前网页会话下有效,关闭页面或浏览器被清除
- 存放数据大小:
- cookie:4KB左右
- localStorage和sessionStorage:可以保存5MB的信息。
- http请求:
- cookie:每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题
- localStorage和sessionStorage:仅在客户端(即浏览器)中保存,不参与和服务器的通信
- 易用性:
- cookie:需要程序员自己封装,源生的Cookie接口不友好
- 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的理解
- 可以将组件内部的逻辑组织成为一个可以复用的隔离模块