第三一个，布局。这个是大屏开发中最烦的事情，尽管是根据固定的分辨率开发调试，但是毕竟实际情况可能根据电脑不同需要稍微的适配，保证在近似的分辨率下展示效果是正常的，不至于很错版。

在开发的时候建议哈，仅仅是建议，建议使用弹性布局、使用百分比设置宽高之类的属性值，尽可能的减少px的使用，因为像素不一样，px的大小也不一样，极容易出现错版的问题，但是可以使用rem、em之类的，推荐rem。

还有一点，我们在开发大屏的时候如果用到echarts，它里面的一些东西比如说字体大小设置的数值就是px，默认就是px，这个就不太好搞，我们需要定义一个方法，然后把px转成rem对应的值，效果会好一些，这些代码不需要自己写，网上百度就可以，案例有很多，只要看得懂，会用就行，当然用了之后研究一下更好，不过话又说回来，能用起来其实已经会了。

模块化

因为我是用vue开发的大屏，模块化是必不可少的，不要在一个文件里面填充太多的东西，我们可以把每一小部分单独拆出来，封装好，然后引用到对应的位置，不要把一个页面填充到上千行，不方便阅读，也不容易维护，那句话怎么说的来着，“我写的代码，只有我和浏览器能看懂，但是一星期以后，只有浏览器能看懂。” 不要出现这么尴尬的局面，该加注释的地方加注释，文件命名易懂又好区分。模块化之后第一个原因是方便维护，第二一个原因是可以组件复用，比如说echarts，页面上有好多相同的柱形图，一摸一样，只是渲染的数据不一样，那就可以封装一个柱形图组件，组件复用就可以，就是类似的道理。

样式

样式的话很简单，尽可能的减少内联样式，不要直接写在标签里面，那样多了的话，会疯！可以抽成一个文件，如果页面多了，样式有近乎相同，那就可以样式复用。样式不要乱，管理好，具体使用什么样的写法，根据自己的兴趣来，自己觉得好就可以，但是不要因为省事就不管后期维护和修改了。

插件和文档分项

在这里总结一下做大屏可能会用到的一些资料吧，不知道会不会用到，也不确定是不是就是最好的，记录一下，希望有用。

Echart官网

Echart配置项地址

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**