正当中国人民还沉浸在过年的忙碌中，在世界的另一头，React 团队的小伙伴们一点也没闲着，他们写了 一篇博客 ，并借此正式发布了 Hooks —— 一个官方宣传了好久、开发者们也期待了好久的新特性。 Hooks 正式发布于 v16.8.0，但由于官方团队的 一点点小失误，在 v…

总结Webpack4常见的配置, 含DEMO, 一步步肥肠详细，略长, 后续结束时候我们给出源码文件。 然后通过npx执行webpack进行打包。 或者配成一个script命令也可以。 在浏览器打开index.html就会发现代码执行成功了。 假设我们现在需要在index.js…

耗时了 5 个月，终于把设计模式一整个系列写完。其实设计模式这一系列文章网上已经有很多非常好、非常优秀的文章，为什么要写呢？ 一方面是为了学得更扎实，印象中设计模式学习了 2 遍，记得牢的基本就那几个众所周知的，反思前面 2 次学习过程，缺少了思考的过程，没有把知识消化掉转化成…

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 Mi…

正常情况下，一个涉及到H5和PC两端的简单活动，从产品提出需求开始，设计师需要2人*2天来完成设计工作，开发需要3人*2天（包括H5、PC端页面、后端接口开发、接口联调），测试需要2人*2天投入。 就这样，从需求提出到页面上线，需要一共投入14人*天的人力资源，得 7个工作日 …

最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比…

图片的上传一般情况下不需要上传大体积的图片，因为如果是用户头像或者是一些要求清晰度不是太高的场景上传大体积图片会很消耗资源，一个是上传耗时比较长，同时也增加了存储的开销，当展示的时候也会消耗下载的带宽，影响加载效率。要求用户上传的图片之前压缩图片很影响用户体验，所以就增加了在前…

前端工具链课系列文章第二篇