这是我参与更文挑战的第 1 天，活动详情查看：更文挑战 前言 本文整理了前端面试高频出现的手写源码相关的题目 其中有小编面试亲自遇到的也有其他同学帮忙补充的

两种类型 数据可视化分成两种类型： 可视化库，如： D3、Echarts、G2 等库，面向开发者，开发者可以基于这些库开发数据可视化项目； 可视化平台，如：腾讯小马 BI 的 datatalk、阿里的

做前端的小伙伴们可能会经常遇到做一个自定义dashboard这样的需求。 那么什么是自定义dashboard呢？自定义dashboard其实就是一个自定义面板，用户能够在面板上自由的拖拽，新增，删除组件。组件可以是各种echarts图形，也可是各种数据表格。通过各个组件的拖拽组…

这个项目比较复杂， 预计要分三部分来讲， 项目也还未完工， 怕工期拖长了， 前面忘了，这里先做下记录。 嵌套对象： 外层对象的属性是每个图表的id， 内层对象保存图表的各项属性。 这里使用的react的hook：useReducer创建的对象。 当点击左侧菜单栏时生成对应的基本…

我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待......。 不，还是先上一张效果图吧，请看...... 1. offset…

支持拖拉拽的可视化图表解决方案，支持可视化图表参数配置，支持暗黑模式切换，支持喜欢主题切换，支持拖拽排序，支持拉伸图表大小等

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是为什么要除以100呢，为什么

听说你精通循环，我不信 真正开始写业务逻辑，就离不开循环。而循环一直是编程中基础的基础。但是作为一个工作多年的前端程序员，一定还有人不了解循环的基础知识。