1. TreeShaking tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块系统中的静态结构特性,例如 import 和export 接着我们build打包一下，发现打包后端…

前端工程化是指遵循一定的标准和规范，通过工具去提高效率降低成本的一种手段。 前端工程化这些年的被广泛的关注和探讨，究其原因主要是因为前端应用现在功能要求不断提高，逻辑日益复杂。作为当下互联网时代不可或缺的技术，前端可以说是占据了整个开发行业的半壁江山。从传统的网站到现在移动Ap…

我们都知道Vue.js具有数据响应式的特点。 我们用三篇文章来看看这三种watcher都是什么、干什么用、以及怎么用的。 结合上面的代码来看，响应式意味着：当name属性值改变时，渲染的内容也应随之变化。 用了和变了，是可以通过对该属性值设置访问描述符（get/set）知道的。…

持续更新中... 1.返回一个失败的promise。 ES6 的模块化分为导出（export） @与导入（import）两个模块。 简单地说，TS就是增加了重要的类型检测机制，添加了很多类型，可以用来写大型项目。 JavaScript中有6种数据类型：数字（number）、字符…

金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也…

我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。 需要注意的是这篇文章每个点不会讲的特别详细，我这里就是把一些知识点归纳一下。每个详细的点仍需自己花时间学习。 相信看过 Vue、Vuex 等源码的人都知道…

Promise是一种用于解决异步问题的思路、方案或者对象方式。 如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。 XSS，即 Cross Site Script，中译是跨站脚本攻击。 CSRF，即 Cross Site Request Forgery，中译是跨站请求…

虽说刷面试题有走捷径之嫌，但我发现，对于我这样没有工作经历的人来说，其实是拓展自己实战技能和加深知识理解的一个好机会。 分享出来，也希望大家不要背完了事，正经的去细细琢磨各种原由。 本篇是一个题目合集，部分答案我会整理后用自己的话说的尽量简单，部分网络现成的好答案我就直接贴链接…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…