当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

最近在做项目的时候，遇到了在后端生成PDF的需求，而且生成的页面较多，且样式管理相对复杂，还原度要求较高。通过一系列的社区调研后发现，`Puppeteer`可以较为完美地应用~

核心思想：将用户输入的字符串作为一个整体去与数组的每一项做匹配，把符合的保存下来即可。 这里主要用到的JavaScript字符串的indexOf()方法——返回某个指定的字符串值在字符串中首次出现的位置，如果不存在，则返回-1。 下面是上述实例的完整代码，当然实际开发的时候数据…

大屏 适配 伪适配 优点： 适配比较快，就使用正常px开发就好了，监听下分辨率做一个scale缩放。 缺点： png、canvas 等要转成svg，不然就会模糊、不清晰。 真适配 vw 100vw 等

low-code 最近几年，低代码平台的概念一直很火，我也借助两个月利用摸鱼时间初步完成了一个低代码大屏构建平台。 这次文章我打算分为四个模块的连载系列，这篇文章主要整体介绍项目模块以及结构和实现思路

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找

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

在vue工程中创建SplitPane组件，引入页面使用。 SplitPane组件由三部分组成：区域1，区域2，以及滑动器。添加这三个元素，并分别添加class名，注意.pane为区域1和区域2共用。 将容器设置为flex布局，区域2的flex属性设为1，则区域2会根据区域1的宽…

ECharts案例大全整理；ECharts生态社区原Make A Pie网站各种案例大全的搬运工；ECharts各种案例，实例参照。