模块化打包工具的由来 模块化确实是很好的解决了我们在复杂应用开发中的代码组织问题，但随着我们引入模块化，我们的应用又会产生一些新的问题。 第一个就是我们所使用的ES Modules这样一款模块系统本身就存在环境兼容问题，尽管现如今主流浏览器 ...

简介 谷歌公司由于掌握了 Chrome 浏览器，一直在推动浏览器的原生组件，即 Web Components API。相比第三方框架，原生组件简单直接，符合直觉，不用加载任何外部模块，代码量小。目前，它还在不断发展，但已经可用于生产环境。 ...

搞前端开发这几个工具命令都会用到，介绍下这几个工具的用处及之间的关系。 nrm: 描述： nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换。 使用： ...

前言本文首先会简单介绍下前端的常见缓存方式，再引入serviceworker的概念，针对其原理和如何运用进行介绍。然后基于google推出的第三方库workbox，在产品中进行运用实践，并对其原理进行简要剖析。前端缓存简介先简单介绍一下现有 ...

前端开发的瓶颈到底在哪里，前端技术是否已经走到一个十字路口，全栈化的系统架构是否能改变目前的窘境？本文将根据作者自身的开发经历谈谈当下前端开发中遇到的一些问题和想法。    引子    近两年我一直在思考的一个问题：如果前端不用考虑性能问题 ...

分支管理 创建项目时（一般是服务型项目，工具型或辅助型项目可以简单一些），会针对不同环境创建三个常设分支： develop：开发环境的稳定分支，公共开发环境基于该分支构建。 pre-release：测试环境的稳定分支，测试环境基于该分支构建 ...

image 随着掘金开启了第一期技术专题之“聊聊 Deno 的一些事儿”的征稿活动，赶在截稿日的最后一天（08/04），一篇新的 Deno 文章呼之欲出。拜读了下其他伙伴的 Deno 征文，有 Deno TCP Echo Server、在 ...

何为插件（Plugin）？专注处理webpack在编译过程中的某个特定的任务的功能模块，可以称为插件。插件是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机 ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

这篇文章列举了一些技巧，可帮助你写出更好的 JavaScript 代码，从而提高性能。本文最初发布于 Medium 网站，经原作者授权由 InfoQ 中文站翻译并分享。JavaScript 已经成为有史以来最受欢迎的编程语言之一。从 W3T ...