三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

18年初，React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。 目前 v6已是测试最后一版，估计新的特性不出意外就是下面这些了。 <Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套…

不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…

迫近年关，很多人都写了 19 年的总结和 20 年的展望。我在回想 2019 年的时候，想到自己只读完了几本‘杂’书，真正技术的书籍一本也没有读完。焦虑就悄然涌上心头，有种不学习就退步的烦躁。然后我回想起了之前看到的一个网站： 接下来，你将得到答案。（😍我寻找的书单要来啦！）…

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

引言：在React项目开发的过程中，怎么减少代码冗余，提供代码质量，加强代码的可维护性，都是我们经常要考虑的问题。接下来，我会用HOC、Render Props、Hook这三种方式，示范一些常用的组件封装的技巧 高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧…

首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…

在日常开发中，使用Git命令最多的应该就是Git commit ，然而书写规范的commit message能够提高开发人员的代码维护升级效率，在能快速方便排查问题。那么commit message的规范就十分重要了 目前使用比较多的规范是Angular规范，阿里、滴滴也有在使…