最近做网站体验优化的时候突然发现一个好东西，pace.js(加载进度条插件)，gzip之后只有几kb， 简单好用，特地分享出来，也作为自己的一个学习总结。 pace.js是一个自动加载页面进度栏的小插件,它可以自动监视您的Ajax请求，事件循环滞后，文档就绪状态以及页面上的元素…

关于数组或对象遍历，相信很多人都没有深入观察过执行效率。这是一个曾在群里吵翻天的话题，读懂后你将成为遍历效率话题的大师。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：详解JS遍历 导读 遍历数组或对象是一名程序员的基本素养之一. 然而遍历却不是一…

由于业务的需要，笔者最近需要实现一个大量图片同时加载的需求。在实现这个需求的过程中，笔者遇到了很多的坑，也总结了一些优化方案。这里将笔者使用或准备使用的优化方案总结一下。 在描述如何解决问题，我们现在先来申明，问题是什么？ 笔者的需求大概是在某个页面显示 1~1000张，200…

Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优化，那么 Performance 是一个很好的选择，也是一个不容忽视的选择。 大致的介绍了一下工具和api…

Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于 vue 2.0 以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于 Vue 作者尤雨溪大神的 vue-hacker-news。本人在公司做 Vue 项目的时候，一直苦于产品、客户对首屏加载要求，SEO 的诉求，也想过很多解决方案，本次也是针对浏览器渲染不足之处，采用了服务端渲染，并且做了两个一样的 Demo 作为比较，更能直观的对比 Vue 前后端的渲染。

搜索引擎优化（Search engine optimization，简称SEO），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为，是为了从搜索引擎中获得更多的免费流量，以及更好的展现形象。 SEM（Search engine ma…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

引入Vue-Awesome-Swiper有两种方式，一种是全局引入，一种是组件内引入。如果你的项目里只有一个地方要用到这玩意，那就在用到的那个页面引入就行，如果多个地方要用到，那就全局引入吧。 配置参数那里，init我是设置的false，我是想在项目挂载完成后，获取到了接口数据…