zxhnext

1. 用户感知优化 友好错误提示 friendly-errors-webpack-plugin 进度条 progress-bar-webpack-plugin 编译完成弹出...

1. 字典树 字典树，即Trie树，又称单词查找树或键树，是一种树形结构。典型应用是用于统计和排序大量的字符串(但不仅限于字符串)，所以经常被搜索引擎系统用于文本词频统计。...

1. 什么是动态规划 动态规划（dynamic programming，DP）是一种将复杂问题分解成更小的子问题来解决的优化技术。 用动态规划解决问题时，要遵循三个重要步骤...

1. 什么是贪心算法 贪心算法是算法设计中的一种方法。 期盼通过每个阶段的局部最优选择，从而达到全局的最优。 结果并不一定是最优。 贪心算法是一种在每一步选择中都采取在 前...

1. 性能指标和优化目标 理解加载瀑布图 基于HAR存储与重建性能信息 速度指数(Speed Index) 重要测量指标 瀑布图 蓝色线为dom加载完成时间，红色线为页面所...

1. JS开销和如何缩短解析时间 体积相同情况下，JS性能开销是远大于图片等文件的，如下图所示： JS要经过编译、解析、执行过程，而图片只需要解码与绘制 1.1 尽量减少主...

1. 资源压缩与合并 为什么要压缩&合并？ 减少http请求数量 减少请求资源的大小 1.1 JavaScript 1. tree shaking tree shaking...

浏览器打开页面过程： 如上图所示，我们来看看每一部分分别都做了什么： -- prompt for unload: 卸载旧页面，请求新页面 ---- navigationSt...

构建DOM树(DOM tree)：从上到下解析HTML文档生成DOM节点树（DOM tree；构建CSSOM(CSS Object Model)树：加载解析样式生成CSSO...

1. 什么是回溯 回溯法采用试错的思想，它尝试分步的去解决一个问题。 在分步解决问题的过程中，当它通过尝试发现现有的分步答案不能得到有效的正确的解答的时候，它将取消上一步甚...

故事背景 事情是这样的呢 友人 A: 能不能帮我整一个 chrome 插件？ 我: 啥插件？ 友人 A: 通过后端服务或者 python 脚本通信 chrome 插件能够操...

继续我的自建博客之旅， node搭建博客后台，采用 koa + mysql来实现。 一个后端api项目，对于响应的处理是必不可少的，与之相关联的就是异常的处理。如何捕获异常...

分而治之是算法设计中的一种方法。它将一个问题分成多个和原问题相似的小问题，递归解决小问题，再将结果合并以解决原来的问题。...

1. 什么是二叉堆 二叉堆是计算机科学中一种非常著名的数据结构，由于它能高效、快速地找出最大值和最小值 二叉堆是一种特殊的二叉树，有以下两个特性。 它是一棵完全二叉树，表示...

递归是一种解决问题的方法，它从解决问题的各个小部分开始，直到解决最初的大问题。递归通常涉及函数调用自身...

图是网络结构的抽象模型，是一组由边链接的节点。 任何社交网络，例如 Facebook、Twitter 和 Google+，都可以用图来表示，图还可以表示任何二元关系，比如道...

前天（周日），写了一个 webpack-loader，auto-inject-async-catch-loader，晚上 8 点多发的 npm 包。昨天早上，上 npm 官...

集合是由一组无序且唯一（即不能重复）的项组成的，可以把集合想象成一个既没有重复元素，也没有顺序概念的数组。在JavaScript中集合的实现为Set()...

抽象数据类型（Abstract Data Type，ADT）是一些操作的集合，抽象数据类型是数学的抽象，在 ADT 的定义中根本没涉及如何实现操作的集合，这可以看作是模块化...