恩

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

阅读前提：希望你对react-hook的官方文档有几次阅读。 下面我基本是拿了人家的代码直接过来自己执行。该骂看起来不难，重要的是人家的思路值得学习。 如果想看原味的请移步这里参考地址，仔细看完你会觉得太美了。 下面的代码是封装类似于useHttp的自定义hook。 可以替代原…

Hook 出来后，相信很多小伙伴都自己跃跃欲试，对于喜欢用react的，又喜欢Hook的，本篇文章将会与你一起玩转Hook。 useEffet 我们可以理解成它替换了componentDidMount, componentDidUpdate, componentWillUnmo…

动前端动画，我们熟知的有两种 CSS 动画 (requestAnimation/setTimeout/setInterval +属性)动画，今天我们学习第三种，WAAPI。

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟

上期通过项目优化分享和实例解析：在淘宝优化了一个大型项目，分享一些干货（代码实例，图文结合），把 webpack 打包优化利器 SplitChunksPlugin 系统讲解了一遍。本期进一步深入，分析 SplitChunksPlugin 源码，搞清楚 webpack 是怎么和 …

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

任何程序都需要记录业务日志，因此各种语言都有对应的日志库，例如 Java 中的 Log2j，在 Node.js 中也有很多选择，例如 winston、log4js、bunyan 等等，其中 winston 简单易用，且支持多种传输通道。 默认会把日志打印到控制台中。我们还可以用…

推荐一波质量很高，值得一看的学习资料，内容涵盖 Webpack 应用、示例、原理、工具，希望对你有用