在没有前端模块化规范前，我们通过抽离公共逻辑放到公共代码中，而后在不同的页面中直接引用想要的文件来实现代码模块化和模块共享。 早期的会将变量都暴露在全局，这样方便调用但是却会严重污染全局变量。 而后出现了使用命名空间来减少对全局作用域的影响，但是由于代码都在全局作用域执行很容易…

前端技术日新月异，随着 大前端 的趋势，想要成为一名合格的前端工程师，需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中，既要不断夯实前端基础，也要快速响应技术的更新迭代。闲话少说，这次给大家整理分享一些前端进阶的优质学习资源，希望对大家有所帮助！ 0. 年度报告 1. 基…

强烈推荐 GitHub 上值得前端学习的数据结构与算法项目，包含 gif 图的演示过程与视频讲解。 关于数据结构与算法的 GitHub 项目，star 数由高到低排序。 该仓库包含了多种基于 JavaScript 的算法与数据结构，提供进一步阅读的解释和链接。 每种算法和数据结…

关于 commitlint, husky, eslint 的具体信息可以见官网。 prettier。 一个很流行的代码格式化工具，你很容易在编辑器找到实现它的各种插件，像vscode,atom,webstom都可以找到。这里用它在代码提交前做代码格式化。 eslint。 代码检…

使用typescript无非就是因为它的代码约束和提示能力. 以react为例: 正如一开始所说, 使用typescript无非就是因为它的代码约束和提示能力, 那么, 第三种才是我们的最优解. typings-for-css-modules-loader是一个webpack …

这段时间公司的事情变得比较少，空下了很多时间，作为一个刚刚毕业初入职场的菜鸟级程序员，一点都不敢放松，秉持着我为人人的思想也想为开源社区做点小小的贡献，但是一直又没有什么明确的目标，最近在努力的准备吃透react，加上react的脚手架工具create-react-app已经很…

读书是一种享受，能喜欢读书的人都是幸福的。 我会毫无保留的把我个人的阅读书籍经验全部分享出来，希望可以帮助更多的还在路上的前端小伙伴可以更好的走上正确的道路。 作为一个前端工程师，我阅读了很多书籍，前端的，后端的，架构的，底层的，软技能系列的，等等吧。甩几张以前保存的图吧： 反…

本文将简单介绍webpack loader，以及如何去编写一个loader来满足自身的需求，从而也能提高对webpack的认识与使用，努力进阶为webpack配置工程师。 webpack想必前端圈的人都知道了，大多数人也都或多或少的用过。简单的说就是它能够加载资源文件，并对这些…