由于我最近一直开发大屏，所以累计了一些经验（yuanqi）,在此分享给大家，也方便后续自己复制粘贴... 内容主要是大屏一些可复用的模块，项目技术栈：vite + vue3 + echarts + v

本次分享含有很多小技巧，灵活使用能够提升技术水平和工作效率，具体包括以下知识点： 知识点1：:before :after伪元素的使用 知识点2：line-height: 0的妙用 知识点3：trans

身为前端的你，开发地图的时候是不是满脸问号？是不是深感无能？也许，我们应该先了解一些基本的地图开发知识，

大屏适配解决方案 做可视化大屏时，在适配屏幕上，有四种常用的解决方案： 根据屏幕尺寸随意缩放 适用场景：留白不可接受的情况下使用 优点：占满屏幕，美观 缺点：屏幕尺寸比和设计稿尺寸比不一致时，导致变形

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

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

前言 授人以渔，不如授人以鱼。 我把最近开发大屏的项目，抽象为一个最简版的demo，放到 github 上。保证拿来即用，可以帮助大家省去一些调研的时间。 半成品demo的github地址如下：