世博

2020年，作为一名普通前端打字员，我平时工作的主要目标还是使用 React 构建应用程序。去年一直想建立一个属于自己的 NPM 库，用于沉淀自己的业务组件、Hooks，但是由于很多概念都不是很了解的缘故，又感觉这个目标有点遥不可及。 但是其实只要明白一些原理和细节之后，构建自…

当前版本发布后，你想要让大家能及时了解到项目迭代内容，收到项目迭代推送，你还在手动组装语句，一个一个发送到你想要通知的 IM 里吗？如果需要通知的 IM 比较多，会有未通知到和阐述不准确的情况。同时阐述的模板不一致，阐述可能也无法具体到哪个项目哪个分支哪个版本。信息自动化时代，…

Webpack是实现我们前端项目工程化的基础，但其实她的用处远不仅仅如此，我们可以通过Webpack来帮我们做一些自动化的事情。首先我们要了解require.context()这个API 不要困惑，接下来我们来探讨在项目中怎么用。 对于Vue中的路由，大家都很熟悉，类似于声明式…

众所周知的原因，前端作为一种特殊的 GUI 软件，做自动化测试困难重重。在快速迭代，UI 变动大的业务中，自动化测试想要落地更是男上加男 🐶。 近期的学习过程中，翻阅了众多前端自动化测试相关的文章，大多数都在讲如何使用自动化测试框架对前端代码进行测试，很少讲解为什么要引入自动…

最近接到产品需求，用户需要在我们的站点上在线查看 PDF 文件，并且查看时，用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。 这个太简单了，随便找找就一堆轮子。 这个方案麻烦一点，我们需要在项目中引入 PDF.js 这个库，然后再使用 iframe 来加载指定的…

聊聊前端开发日常的协作工具，跟大家分享下树酱日常工作中常用的一些工具，或许可以帮到你提升日常的协作效率。这些神器你值得拥有！

经常会有小伙伴让推荐好的代码库，最近看到了这篇文章，都是非常棒的代码库，供得大家学习参考。 手头有大量的资源📚总是一件很棒的事。 作为一个码农，我们需要专注于功能和最佳实践，而不是一遍遍地编写样板代码。消除无用功，投入时间学习使用正确的工具或者懂得使用有用的资源可以极大的帮助…

瀑布流布局是前端领域中一个很常见的需求，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是，图片高度不规律的情况下，在两列布局中，让左右两侧的图片总高度尽可能的接近，这样的布局会非常的美观。 注意，本文的目的仅仅是讨论算法在前端中能如何运用，…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…