摘要:为什么使用SSR 与传统 SPA(Single-Page Application - 单页应用程序)相比 服务器端渲染(SSR)的优势主要在于: 更好的 SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 更好的 SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 更好的 SEO 阅读全文
posted @ 2018-08-29 09:46 _wind 阅读 (1055) 评论 (2) 编辑
摘要:细节 url-loader和file-loader是什么关系? file-loader用于将文件路径打包为另一个url,url-loader封装了file-loader。使用url-loader时,只需要安装url-loader即可,不需要安装file-loader,因为url-loader内置了f 阅读全文
posted @ 2018-08-25 15:13 _wind 阅读 (312) 评论 (0) 编辑
摘要:引言 “你能谈一下HTTPS吗?” “一种比HTTP安全的协议。” “...” 如果面试这样说的话那差不多就gg了,其实HTTPS要展开回答的话内容还挺丰富的。本篇文章详细介绍了HTTPS是什么、为什么安全以及实现安全的方法,一起来学习吧。 本文略长,请保持耐心。 https是什么? HTTPS是以 阅读全文
posted @ 2018-06-21 21:30 _wind 阅读 (1109) 评论 (3) 编辑
摘要:http请求 如果你学过计算机网络你就会知道,我们请求一个带有n张图片的html文件实际上会发送n+1次请求,因为在浏览器解析html的时候遇到了src,就会请求src后面的内容。 设想一下如果我们的页面有1000000张图片,那么如果等待这些图片响应成功并加载完时延是非常大的,而且图片的加载是同步 阅读全文
posted @ 2018-06-12 16:32 _wind 阅读 (5597) 评论 (0) 编辑
摘要:前言 我的目标是写一个非常详细的关于diff的干货,所以本文有点长。也会用到大量的图片以及代码举例,目的让看这篇文章的朋友一定弄明白diff的边边角角。 先来了解几个点... 1. 当数据发生变化时,vue是怎么更新节点的? 要知道渲染真实DOM的开销是很大的,比如有时候我们修改了某个数据,如果直接 阅读全文
posted @ 2018-05-19 21:25 _wind 阅读 (28022) 评论 (10) 编辑
摘要:数组扁平化概念 数组扁平化是指将一个多维数组变为一维数组 [1, [2, 3, [4, 5]]] > [1, 2, 3, 4, 5] 实现 1. reduce 遍历数组每一项,若值为数组则递归遍历,否则concat。 function flatten(arr) { return arr.reduce 阅读全文
posted @ 2018-05-16 08:32 _wind 阅读 (8069) 评论 (0) 编辑
摘要:前言 之前用饿了么印象最深刻的是联动菜单和小球飞入购物车动画,所以想看看别人是怎么实现的,但是看了很多仿饿了么的demo都是实现了一个完整的大的项目,要找到那个小模块很麻烦,所以自己将联动菜单和动画提取出来写了一个demo,方便学习。 目的只是想突出功能所以界面细节很relax,大家也relax的看 阅读全文
posted @ 2018-04-27 21:22 _wind 阅读 (2777) 评论 (3) 编辑
摘要:1. Promise简介 promise是异步编程的一种解决方案,它出现的初衷是为了解决回调地狱的问题。 打个比方,我需要: --(延迟1s)--> 输出1 --(延迟2s)--> 输出2 --(延迟3s)--> 输出3 通常写法: setTimeout(()=> { console.log('1' 阅读全文
posted @ 2018-04-15 21:46 _wind 阅读 (278) 评论 (1) 编辑
摘要:布尔操作符(!、&&、||) 当使用 条件判断语句(if...else) 以及 布尔操作符(!、&&、||) 时,会调用Boolean()进行隐式类型转换 转换为false的有:0, null, undefined, NaN, '', false 其余都为true([], {}为true) ![]; 阅读全文
posted @ 2018-04-02 19:08 _wind 阅读 (158) 评论 (0) 编辑
摘要:优化DOM得从重绘和重排讲起,long long ago... 1、重绘和重排 1.1 重绘和重排是什么 重绘是指一些样式的修改,元素的位置和大小都没有改变; 重排是指元素的位置或尺寸发生了变化,浏览器需要重新计算渲染树,而新的渲染树建立后,浏览器会重新绘制受影响的元素。 1.2 浏览器渲染页面 去 阅读全文
posted @ 2018-03-17 13:12 _wind 阅读 (373) 评论 (1) 编辑