的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

什么是workbox，workbox有什么用途，为什么要使用它？在介绍workbox之前，我们来先大致了解一下service worker，有助于我们后面更好地去理解workbox。 一. service worker service worker是在浏览器后台独立于网页运行的…

通过 webpack / parcel / gulp 构建项目。 通过 parcel / gulp / babel 构建组件。 如果你喜欢零配置的 parcel，那么项目和组件都可以拿它来编译。 如果你业务比较复杂，需要使用 webpack 做深度定制，那么常见组合是：项目 -…

webpack 顾名思义, web 应用的 pack(打包) 工具. 举个栗子, 假如你出门旅行需要携带各种各样的随身物品, 怎么办咧? 一个背包搞定. 所有的随身物品打包到背包里, 管他充电器还是充电宝, 杜蕾斯还是冈本全都一步到位... 早期的 web 应用相对单调, 网页…

(直到最近，这是使用状态等功能的唯一方法。) 在这两种情况下，React的目标是获取渲染节点（本例中，是<p> Hello </ p>）。 就像在我之前的帖子中一样，你不需要知道this在React中的所作所为。多年来我一直都不知道。请不要把它变成面试问题。事实上，这篇文章更多…

随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…

最近在复习 JavaScript 基础，因为工作以后基本上没用过，天天都是拿起框架加油干，确实大部分都忘了。到了原型和原型链这一部分，觉得自己理解的比较模糊。又翻阅了《你不知道的 JavaScript》、阮一峰老师的JavaScript继承机制的设计思想还有网络上的各种文章，收…

Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Worker）。专用线程仅能被创建它的脚本所使用（一个专用线程对应一个主线程），而共享线程能够在不同的脚本中使…

Vuex2.0 状态管理