摘要：
一、什么是https https是http的升级，因为http是明文传输的，所以非常不安全，https在http的基础上进行了数据加密。 二、https的加密方式 1.对称加密 服务端会给客户端发送一个key，客户端利用key来进行数据加密，传输给服务端，服务端再用key进行解密。 但是这样黑客依然 阅读全文
摘要：
一、浏览器的刷新方法 1.手动点击浏览器的刷新按钮 2.F5或者鼠标右键刷新 3.CTL+F5 二、对强制缓存和协商缓存的影响 手动点击浏览器的刷新不影响强制缓存和协商缓存 F5或者鼠标右键刷新影响强制缓存(失效)，不影响协商缓存 CTL+F5影响强制缓存和协商缓存(失效) 阅读全文
摘要：
一、什么是协商缓存 协商缓存是服务器端的一种缓存策略，服务端提供一种记号，用来判断客户端资源和服务端是否一样。 一致返回304，否则返回200和新资源。 二、如何实现 主要是通过在response header中携带相关标识 一种通过last-modified资源的最后修改时间 第一次请求时，服务器 阅读全文
摘要：
http响应response headers中会有一个cache-control，这个参数就是用来做强制缓存的 一、什么是强制缓存 强制缓存就是服务端告诉客户端某些资源（JS CSS IMG）需要按照某种方法存在客户端本地，下次请求时直接从本地缓存中获取资源，不用再通过服务器，提高了网页加载速度。 阅读全文
摘要：
一、功能区别 Restful API是当作资源的唯一标识符,而传统是实现某某功能 如：/api/getList/1 and /api/getList?page=1 二、methods多样性 Restful API methods: post 创建数据 get 获取数据 put/patch是更新数据 阅读全文
摘要：
一、背景由来 cookie原来是用来网络请求携带用户信息的，只不过在HTML5出现之前，前端没有本地存储的方法，只能使用cookie代替 localstorge、sessionStorge是html5提供的API，极大的方便了前端在客户端存储数据 二、那么这三者有什么区别呢？ 1.存储时间 cook 阅读全文
摘要：
一、手写一个ajax 1 const xhr = new xmlHttpRequest() 2 3 xhr.open(请求方式：post get, 请求地址， 同步或者异步) 4 5 xhr.onreadyStateChange = function(){ 6 if(xhr.readyState 4 阅读全文
摘要：
javascript中的addEventListener(事件名，回调，布尔) 其中第三个参数默认为false-事件冒泡，true为事件捕获 二者区别： 事件冒泡：目标元素事件先触发，然后父元素事件触发 事件捕获：父元素事件先触发，然后目标元素事件触发 1 <body id="body"> 2 <d 阅读全文
摘要：
一、尽量将DOM查询做缓存 1 let pElements = document.getElementById('div1') //将dom缓存 2 3 for(let i=0；i<pElements .length; i++){ 4 操作 5 } 二、尽量一次性操作 1 const parent 阅读全文
摘要：
properrty：修改对象属性不会体现到html结构中，针对DOM节点自带属性（id,className,style） attribute：修改html属性，会改变html结构，大多可以添加自定义属性（data-node） 两者都有可能引起dom重新渲染 注：尽量使用properrty，DOM渲染 阅读全文