摘要：
数组扁平化 所谓数组扁平化就是将数组中并不规则的多维数组去除维度，使之变为一维数组。 let newArray = arr.flat(depth) flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 其中，depth指定要提取嵌套数组的结 阅读全文
摘要：
webpack是一个模块打包器（module bundler），提供了一个核心，核心提供了很多开箱即用的功能，同时它可以用loader和plugin来扩展。webpack本身结构精巧，基于tapable的插件架构，扩展性强，众多的loader或者plugin让webpack显得很复杂。webpack 阅读全文
摘要：
一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 三、使用 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import（及require.ensure） 1、未用懒 阅读全文
摘要：
移动端300ms延迟原因 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。 双击缩放(double tap to zoom)，这也是会有上述 300 毫秒延迟 阅读全文
摘要：
最近，WebAssembly 在 JavaScript 圈非常的火！人们都在谈论它多么多么快，怎样怎样改变 Web 开发领域。但是没有人讲他到底为什么那么快。在这篇文章里，我将会帮你了解 WebAssembly 到底为什么那么快。 第一，我们需要知道它到底是什么！WebAssembly 是一种可以使 阅读全文
摘要：
最近，需要对业务上的一些性能做一些优化，比如降低首屏时间、减少核心按钮可操作时间等的一些操作；在这之前，需要建立的就是数据监控的准线，也就是说一开始的页面首屏数据是怎样的，优化之后的数据是怎样，需要有一个对比效果。此时，performance 这个API就非常合适了。 window.onload = 阅读全文
摘要：
应用缓存：是项目本身的缓存，比如一个js对象缓存的数据，或者状态管理机制如vuex和redux等进行应用数据存储，它们在页面刷新就会丢失。 离线缓存：应用在离线情况下也能快速访问的缓存资源，这里主要讲serviceWorker，大多数浏览器已经支持serviceWorker提供离线缓存。 本地缓存： 阅读全文
摘要：
(function() { if(!window.localStorage) { console.log('当前浏览器不支持localStorage!') } var test = '0123456789'; var add = function(num) { num += num; if(num. 阅读全文
摘要：
一、背景 文章2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。 大家都知道Native app体验确实很好，下载到手机上之后入口也方便。它也有一些缺点: 开发成本高(ios和安卓) 软件上线需要审核 版本更新需要将新版本上传到不同的应 阅读全文
摘要：
1 什么是尾调用？ 尾调用（ Tail Call ）是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。 function f(x){ return g(x); } 上面代码中，函数 f 的最后一步是调用函数 g ，这就叫尾调用。 以下三种情况，都不 阅读全文