Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优化，那么 Performance 是一个很好的选择，也是一个不容忽视的选择。 大致的介绍了一下工具和api…

上一节我们解决了工程的开发调试问题，项目的生产和开发环境也已配置完成，还约定了 Webpack 配置文件规范。但它还很粗糙，这一节我们就来一起打磨这套配置。 在之前的配置中我们使用使用 MiniCssExtractPlugin.loader 来代替 style-loader ，…

2019 农历新年即将到来，是时候总结一下团队过去一年的技术沉淀。过去一年我们支撑的数据相关业务突飞猛进，其中两个核心平台级产品代码量分别达到30+万行和80+万行，TS 模块数均超过1000个，协同开发人员增加到20+人。由于历史原因，开发框架同时基于 React 和 Ang…

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

汇总下我在项目中高频使用的git命令及姿势。 不是入门文档，官方文档肯定比我全面，这里是结合实际业务场景输出。 用来切换到对应记录的,可以基于分支,提交,标签。 切提交和标签一般用来热修复或者老版本需要加新特性。 变基在项目中算是很频繁的，为什么这么说。 比如你开发一个新的 f…

如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论： 可以用 ESLint 检测代码中未命名的常量。 既然创建了一个 car 对象，就没有必要把它的颜色命名为 carColor。 如果参数超过两个，建议使用 ES6 的解构语法，不用考虑参数的顺序。 这是一条在软件工…

前端开发的世界移动快，非常快。本文将回顾 2018 年最重要的前端新闻，引人注目的事件，以及 JavaScript 的趋势。 WebAssembly 通常被认为是互联网的未来。它的目标是通过提供在 web 上运行的二进制格式来最大化性能，减少文件大小，实现多语言 web 开发。…

随着前端工程化的发展，越来越多企业选择脚手架来从零到一搭建自己的项目。 其中大家最熟悉的就是 create-react-app 和 vue-cli，它们可以帮助我们”搭建-运行-构建“项目。 但是真正企业中，其实是需要我们自己去订制一套符合公司的脚手架，跟公司一些基础服务打通，…