干物妹

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中对我的复习思维形成影响很大，

JSX是一个具有灵活性、功能较强的“模版语法”，它不仅仅具有常见的模版语法的功能，如Art、Jade中的功能，更支持Javascript语法的扩展，让我们使用Javascript编写模版。在React + webpack +babel的框架体系里，JSX是如何转换到Vdom的那…

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

最近有个领导想让我们搭组件库，然后我就想知道目前项目中使用的三方组件库哪些组件使用频率最高。本来想去咨询小伙伴，但是小伙伴太忙了，只能自己弄了。我就想能不能通过 webpack 来实现我的想法 做这个的意义是什么呢，比如是我们自己的组件库上线以后可以统计组件引用次数，并且以某个…

转眼已经离职半年多了，早就想写一篇工作总结，但由于一直在准备英语考试，又需要处理结婚和房子装修，没想到一拖拖了半年。在淘宝做前端是我第一份签了劳动合同的工作，在这个人才济济的大公司里，接触了非常多的人和事物，也学到了非常多的东西、开阔了眼界。所以还是有必要做一个回顾和总结，一是…

在小公司待了三年多，前端团队很小很小，没有前端大佬坐镇，完全处于自我摸索的状态。两年前开始独立负责前端项目，热衷于自己手搭项目。对于那个时候的我来说，一切都处于朦胧的状态，虽然有心想要把项目设计的更好，但是没有什么好的方向/思路（就比如刚开始写项目，调用后端接口都是分散在每个模…

我们在第一篇文章中介绍了JavaScript中的reducer以及他的一些特点，对reducer不熟悉的小伙伴可以先看看第一篇。 React Hook功能正式发布之后，允许在function component中拥有state和副作用（useEffect）。官方提供了两种sta…

随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webp…

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…