为了将之前业务开发的组件进行统一维护以及便于后续在其他项目复用，以此为目的而搭建组件库。由于之前开发的项目是基于 React 实现，经过调研，决定选用较为普遍使用的 Dumi 作为组件库文档工具，Father 作为组件库打包工具。

前言 前端的单元测试在很多人看来都是一个可有可无的东西，理由一般有下面几条（以下内容统一称单元测试为单测）： 写单测比较费时，有这个时间不如多做几个需求 测试在验收的时候对页面的功能都会操作一遍，写单测相当于做无用功 后端提供给前端的接口需要保证质量...

谢谢各位热心的大佬, 昨天我摸索的解决方案是:逐个把每一个iframe(一个iframe是一个大屏的组件)用html2canvas转成图片, 然后用这个图片替换掉这个组件的Html代码, 这样可以保持这个组件大屏的位置不变. 最后把含有多个组件图片的大屏转成一张图.具体代码是:

楼主, 我html2canvas 怎么echarts压根就就生成不到canvas里呢, 你用的Html2canvas是哪个版本的

本文主要对以下技术要点进行分析：编辑器自定义组件拖拽删除组件、调整图层层级放大缩小撤消、重做组件属性设置吸附预览、保存代码绑定事件绑定动画导入 PSD手机模式为了让本文更加容易理解，我将以上技术要点结合在一起写了一个可视化拖拽组件库 DEMO：github 项目...

秋招来临，在面试过程中不仅会问到前端知识、算法问题，网络相关的内容也会多少涉及，被问的最多的就是“你了解HTTP2.0吗？”由于这个问题并不能很完美的回答出来，因此特地查阅了相关资料、博客，最终整理出一份通俗易懂的HTTP2.0入门文章，也算是学习笔记，希望能给...

代码编辑器 CodeMirror 的轻量级 React 组件 demo @uiw-react.github.io/react-codemirror/ 特性: 🌱 自动根据 mode 配置加载 mode 文件。 🚀 快速简单的配置 API。 安装 {代码...} 使用 {代码...} 需要 codemirror 资源，在指定某些语言模式和主题时经常会出现这种情...

想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 这是 Web 性能优化的第四篇，之前的可以在下面点击查看： Web 性能优化： 使用 Webpack 分离数据的正确方法 Web 性能优化： 图片优化让网站大小减少 62% Web 性能优化： 缓存 React 事件来提高性能 R...

组件的挂载是最基本过程，这个过程主要做初始化。在这初始化个过程中componentWillMount会在render方法之前执行，而componentDidMount方法会在render方法之后执行。分别代表了渲染前后时刻。写一个简单的例子：

运行时性能表现（runtime performance）指的是当你的页面在浏览器运行时的性能表现，而不是在下载页面的时候的表现。这篇指南将会告诉你怎么用Chrome DevTools Performance功能去分析运行时性能表现。在RAIL性能评估模型下，你可以在这篇指南中可以学到怎么去用这个p...

问题比较模糊，如果两者有相同的属性，假设以后来者为准 供参考 {代码...} 如果属性有子对象还要考虑深浅复制问题