从事前端工作需要掌握什么

来源：忻州中公优就业IT培训学校时间：2020/10/7 17:34:29

1.实现效果图是基本的工作

把视觉稿通过页面代码的方式表现出来包含了两个基本诉求：1.能够真实反映视觉稿；2.能够通过浏览器的兼容。这两个诉求的达成需要我们有追求细节的态度和一定的页面功底，能完成这两个内容就可以初步进入页面前端的从业者行列了，但这就代表着我们可以胜任前端开发的工作了？不，才刚刚开始！

2.与设计师的沟通和项目的参与
沟通很重要。先抛出几个问题：我们有没有和设计师探讨过某些效果对低端浏览器渲染效率影响比较大？有没有探讨过部分效果可以用CSS3实现从而使得结构更加简洁清晰？有没有在代码和视觉中寻追求过平衡？页面前端的开发向基本用户，编写的代码也直接作用在浏览器上，我们有义务对页面的稳定性和渲染效率负责。我们也经常碰到项目在总体进度压力下导致的设计与页面前端开发同步进行，这时更有必要尽量多地获取项目信息，了解我们还要做些什么，这些可以帮助我们充分考虑重用和框架拓展。
3.良好的页面结构
页面结构的编写好比盖房的地基建设，其好坏会直接影响到CSS代码的质量、js开发、后台开发还会影响到以后的页面拓展、迭代和页面调整。拿到视觉稿后，不要忙着动手开始，多观察思考。先分析布局，划分框架，然后规划结构，编写代码。特别在大型项目中，合理使用模块化的开发不论从整体进行还是拓展维护都有相当大的好处。
4.优美的代码
现在很多web项目功能复杂，代码规模也会变得很庞大，如何更好地进行协同开发和维护是我们面临的一个问题。需要考虑完善统一的规划，还有要养成良好的代码开发习惯才会在面临各种情况时游刃有余。翻阅页面代码，看到合理的标签使用、良好的注释、清晰的代码结构、用意准确的css不仅犹如欣赏一个艺术品，更为下游开发和协同开发降低了不小的沟通成本，我们有什么理由不去这么做呢？举个反面例子：div滥用是现在比较典型的一个问题。数数看自己使用的标签有多少个呢？不同的语义都该使用对应的标签代码，特别是HTML5提供了更丰富的语义化标签，它们都苦苦地在等待战场上的冲锋号，让我们去解放它们吧！
5.无障碍页面开发
可访问性与易用性是非常主观且人性化的东西。普通人看上去上呈现的页面在特殊群体中不一定显得那么贴心。当盲人用读屏软件在页面某个区域内陷入循环时，我们应该感到内疚。只能说目前的网站对此的重视程度还远远不够，这就需要我们共同努力，让更多的人感受到我们的热情。
6.保障效率
作为项目开发中比较靠前的一环，页面开发可能需要尽早完成为项目争取时间，这就需要我们尽可能地提率。“工欲善其事，必先利其器”，除了实战经验和代码习惯的形成可以帮助我们提率外，想要提高对自己开发的进度掌控能力，还有很多辅助工具可以帮助我们进行页面开发。
7.针对服务器的优化
页面开发也需要了解服务器的优化，尽量减小服务器负担。比如csssprite就是一个典型减小服务器请求数的例子。在网易邮箱的页面前端开发中大家不停地在做着各种优化，比如一直在寻求文件大小与服务器请求数的平衡；为了尽可能提高缓存利用率采用了补丁升级；对class名进行了混淆压缩避免命名过长的冗余；应用base64减少请求数量等等措施。这些都是综合权衡的结果，需要考虑各个方面整体优化。因为当页面访问量达到一定的数量级时，再小的一点优化都会达到可观的效果，再小的问题都可能会形成巨大的灾难。

领取试听课

每天限量名额，先到先得

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/2414/news/262238/违者必究！以上就是忻州中公优就业IT培训学校小编为您整理 从事前端工作需要掌握什么的全部内容。