windlany

“一种比HTTP安全的协议。” 如果面试这样说的话那差不多就gg了，其实HTTPS要展开回答的话内容还挺丰富的。本篇文章详细介绍了HTTPS是什么、为什么安全以及实现安全的方法，一起来学习吧。 本文略长，请保持耐心。 HTTPS是以安全为目标的HTTP通道，简单讲是HTTP的安…

如果你学过计算机网络你就会知道，我们请求一个带有n张图片的html文件实际上会发送n+1次请求，因为在浏览器解析html的时候遇到了src，就会请求src后面的内容。 设想一下如果我们的页面有1000000张图片，那么如果等待这些图片响应成功并加载完成时延是非常大的，用户体验非…

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

之前用饿了么印象最深刻的是联动菜单和小球飞入购物车动画，所以想看看别人是怎么实现的，但是看了很多仿饿了么的demo都是实现了一个完整的大的项目，要找到那个小模块很麻烦，所以自己将联动菜单和动画提取出来写了一个demo，方便学习。 1. 联动菜单 该元素定位表现为在跨越特定阈值前…

1. reduce 遍历数组每一项，若值为数组则递归遍历，否则concat。 reduce是数组的一种方法，它接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 2. toString & split 3. join & split 4. 递归 5.…

1. Promise简介 promise是异步编程的一种解决方案，它出现的初衷是为了解决回调地狱的问题。 这样的多重的嵌套的回调被称为回调地狱，这样的代码可读性很差，不利于理解。 使用了promise的链式调用，代码结构更清晰。 2. Promise的使用 Promise构造函…

重排是指元素的位置或尺寸发生了变化，浏览器需要重新计算渲染树，而新的渲染树建立后，浏览器会重新绘制受影响的元素。 去参加面试总会被问到一个问题，那就是“向浏览器输入一行url会发生什么？”，这个问题的答案除了要回答网络方面的知识还牵扯到浏览器渲染页面问题。当我们的浏览器接收到从…

本篇文章讲一下实现思路以及过程中遇到的问题，一起学习吧。（源码见文章末尾） 我们将页面部署在localhost:3000端口，浏览器根据index.js里的页面路由请求相应页面。页面所有和数据有关的操作接口，比如用户注册、发布评论等放在data.js中，将路由分为页面路由和数据…

先用node搭建一个服务器，部署在localhost:3000端口，先尝试向浏览器发送一个“hello world”，新建server.js文件。 一个node服务器搭建成功。 express.static(__dirname + '/www');是将www文件夹托管为静态资源…