无论是Vue，还是Vue3，还是React开发，使用这个JS库，都可以使得前端开发高效起来。高效的前端开发，从npm i js-tool-big-box开始

看别人代码会发疯 相信大部分同学都有类似的经历吧： 公司的团队中有人离职了或者很久以前的老项目需要迭代更新一些新的功能，就需要还活着的开发人员来接手他们的代码 🤣 没错，我就是那个还活着的开发人员！

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

大屏，vue大屏，react大屏，svelte大屏，vue，react，svelte，屏幕适配，使用 scale 做屏幕适配。 vue 组件，react 组件 适配大屏最简单方便的方案

由于工作需要学习react框架；最开始看文档的时候感觉还挺难的。但当我看了半天文档以后才发现，原来react这样学才是最快的；前提是同学们会vue一类的框架哈。 该方法适用于会vue的同学们食用

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

在大数据时代，我们经常听到“用数据说话”这句话。但是数据本身只是一个个冰冷的数字，很难直接告诉我们哪些数据是有价值的信息。 只有通过适当的可视化工具来展示和表达数据，才能更直观地向用户传达数据的价值。

在拿到设计图后，通常会先通过设计图的布局来思考代码的设计，这也是开始着手写代码前必须要进行的一步，在项目中，我曾遇到，在一张大屏图开发到一半的时候介入，和另一个前端一起进行开发，结果由于她将整张图上的所有图表都放到一个vue文件里面，结果导致整个页面的代码数量级达到上千行，并且…

一直以来都想自己写一款插件去解决大屏的适配问题，最近终于有时间去完成这件事，特此记录下过程中碰到的问题。