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