01.数组扁平化

数组扁平化是指将一个多维数组变为一个一维数组

const arr = [1, [2, [3, [4, 5]]], 6];
// => [1, 2, 3, 4, 5, 6]
复制代码

在做首屏优化时，为了减少初始代码的加载，我们一般都会使用组件懒加载来优化。但只靠组件懒加载来优化是不够的。下面我们一起来看下组件懒加载为什么不是首屏优化的唯一选择。

组件懒加载

组件懒加载（Component Lazy Loading）是一种优化技术，用于在需要时才加载组件，而不是初始化时就加载所有组件

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。

以下是爬取京东商品详情的Python3代码，以excel存放链接的方式批量爬取。excel如下

提升网页加载速度的方法有很多种，用 jquery.lazyload.js 实现图片异步延迟加载，对于页面包含图片较多的网站来说，会是个不错的提升网页打开速度的方法。代码君网站栏目页列表左侧，在PC端预览时能看到一个文章略缩图展示模块，一定程度上会延长网页加载时间。所以袁程旭采用图片异步延迟加载的方法，来提升本站页面加载速度。虽然不是什么非常高大上的话题，但也是可以分享的。

图片异步加载，就是不必一次性把页面的所有图片都加载显示出来，等用户滑动滚动条到某个位置时才会加载显示相应位置的图片，这样能很好地提升网页加载速度，进一步提升用户体验。

随着移动设备性能不断增强，web 页面的性能体验逐渐变得可以接受，又因为 web 开发模式的诸多好处(跨平台，动态更新，减体积，无限扩展)，APP 客户端里出现越来越多内嵌 web 页面（为了配上当前流行的说法，以下把所有网页都称为 H5 页面，虽然可能跟 H5 没关系），很多 APP 把一些功能模块改成用 H5 实现。

过往一些不足的地方，通过博客，好好总结一下。

1.css禁用鼠标事件

原文来源于：程序员成长指北；作者：海阔_天空

如有侵权，联系删除

哈喽, 今天给大家分享:前端性能优化——首页资源压缩 63%、白屏时间缩短 86%。

1、为什么选择VUE，解决了什么问题？

vue.js 正如官网所说的，是一套构建用户界面的渐进式框架。与其它重量级框架不同的是，vue 被设计为可以自底向上逐层应用。vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另外一方面，当与现代化工具链以及各种支持类库结合使用时，vue 也完全能够为复杂的单页应用提供驱动。