_wind

摘要： 为什么使用SSR 与传统 SPA（Single-Page Application - 单页应用程序）相比 服务器端渲染(SSR)的优势主要在于： 更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 更好的 SEO 阅读全文

摘要： 细节 url-loader和file-loader是什么关系？ file-loader用于将文件路径打包为另一个url，url-loader封装了file-loader。使用url-loader时，只需要安装url-loader即可，不需要安装file-loader，因为url-loader内置了f 阅读全文

摘要： 引言 “你能谈一下HTTPS吗？” “一种比HTTP安全的协议。” “...” 如果面试这样说的话那差不多就gg了，其实HTTPS要展开回答的话内容还挺丰富的。本篇文章详细介绍了HTTPS是什么、为什么安全以及实现安全的方法，一起来学习吧。 本文略长，请保持耐心。 https是什么？ HTTPS是以 阅读全文

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

摘要： 前言 我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接 阅读全文

摘要： 数组扁平化概念 数组扁平化是指将一个多维数组变为一维数组 [1, [2, 3, [4, 5]]] > [1, 2, 3, 4, 5] 实现 1. reduce 遍历数组每一项，若值为数组则递归遍历，否则concat。 function flatten(arr) { return arr.reduce 阅读全文

摘要： 前言 之前用饿了么印象最深刻的是联动菜单和小球飞入购物车动画，所以想看看别人是怎么实现的，但是看了很多仿饿了么的demo都是实现了一个完整的大的项目，要找到那个小模块很麻烦，所以自己将联动菜单和动画提取出来写了一个demo，方便学习。 目的只是想突出功能所以界面细节很relax，大家也relax的看 阅读全文

摘要： 1. Promise简介 promise是异步编程的一种解决方案，它出现的初衷是为了解决回调地狱的问题。 打个比方，我需要： --(延迟1s)--> 输出1 --(延迟2s)--> 输出2 --(延迟3s)--> 输出3 通常写法： setTimeout(()=> { console.log('1' 阅读全文

摘要： 布尔操作符(!、&&、||) 当使用 条件判断语句(if...else) 以及 布尔操作符(!、&&、||) 时，会调用Boolean()进行隐式类型转换 转换为false的有：0, null, undefined, NaN, '', false 其余都为true([], {}为true) ![]; 阅读全文

摘要： 优化DOM得从重绘和重排讲起，long long ago... 1、重绘和重排 1.1 重绘和重排是什么 重绘是指一些样式的修改，元素的位置和大小都没有改变； 重排是指元素的位置或尺寸发生了变化，浏览器需要重新计算渲染树，而新的渲染树建立后，浏览器会重新绘制受影响的元素。 1.2 浏览器渲染页面 去 阅读全文