前言 平常 你在开发过程中是不是经常会遇到这种场景： 一个页面共有多个区域， 头部区域和中间区域是兄弟组件 头部区域有一个 按钮 会修改 中间部分的内容

各种 UI 库的 Select，你们能不能人性化一点！ 最近在云效上合并代码，本想着懒的目的输入了非连续的关键字搜索分支，结果...

概述： 在前端项目中，有时会需要通知、提示一些信息给用户，尤其是在后台系统中，操作的正确与否，都需要给与用户一些信息。 1. 实例 在页面的右侧会出现一个Toast弹框，多次点击时，会依照顺序进行显示，并且Toast可自动关闭，具体效果如图。 2. 原理 在组件外构建一层代理并…

文件上传是我们作为开发者在日常工作中经常遇到的一个需求，各个流行的组件库中也都有现成的组件可以很方便的直接调用。具体的用法不再赘述，小伙伴们可以在组件库中查看demo，这里笔者主要介绍下如何实现一个Upload组件。 在书写前端Upload组件之前，首先需要通过Node.js来…

在学习了解组件复用的时候查看资料，看到了mixins,extend方法同时也查到了高级函数(Higher-Order Components)和jsx等字眼。听上去hoc和jsx有种高级的感觉，那得好好研究下。 render函数的功能创建虚拟节点就是代替template所以 在.…

我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积非常庞大。 组件库依赖在npm上管理，组件库以项目根目录的 index.js 作为出口导出，文件中导入了项目中所有的组件，并提供组件安装方法。 组件库并不导出编译完成后的依赖文件，业务系统使用时，安装依…

性能分析 当页面中包含大量元素和复杂布局的时候，页面会有明显的卡顿感，会严重影响用户体验 常见场景：大数据量的列表渲染，如 无限滚动的列表 或 表格 卡顿根源：一次性渲染的 DOM 元素太多，导致性能

组件库能帮我们节省开发精力，无需所有东西都从头开始去做，通过一个个小组件拼接起来，就得到了我们想要的最终页面。在日常开发中如果没有特定的一些业务需求，使用组件库进行开发无疑是更便捷高效，而且质量也相对更高的方案。 目前的开源组件库有很多，不管是react还是vue的体系里都有很…

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…