学习Web前端的七大误区，你遇到过几个？

Posted 2022-02-22 程序员的小傲娇

随着移动互联网的兴起，Web前端开发异常火爆，互联网公司对于Web前端开发的需求越来越旺盛，越来越多的人加入前端开发队伍中。但Web前端在大学中没有课程体系，而且知识也在不断更新着，很多人在学习Web前端时都会进去这7个误区。那么，学习Web前端都有哪七大误区呢？听听小千怎么说。

误区一：前端只是javascript

有这么一部分朋友，只看犀牛书（《JavaScript权威指南》），每天研究JS这JS那的，认为这样就算是Web前端开发了。

但其实：前端不只是JS。

何谓Web前端开发？一切以展现为目标的工作，都是Web前端开发工作。在Web前端开发中，除了JS，还有很多需要去掌握的，比如浏览器原理，html5，css3等。有触摸屏开发经验，不知道CSS3或canvas，不了解网页优化，是做不出来的。Web前端是综合技术的应用，只会JS是解决不了问题的。

误区二：我现在hold住一切，不用学新东西了

小千遇到的人中，有60%的人没有h5和CSS3的实际工作经验，甚至只听过一些名词，没有研究过。问他们原因，大部分回答之前的工作用不上，小部分回答没时间。当问到一些动画的实现时，有部分面试者还在用频繁改DOM的CSS2属性来实现。

这种状况的原因可能和工作内容有关，目前国内的一些移动端网页还是比较中规中矩的，产品经理对Web前端实现很少有非常规的要求。一些Web前端开发者的任务是把后端的数据给呈现出来即可，这些确实CSS2也能实现。但这些也不是不学不用新技术的理由，啃老本总有一天被淘汰。

误区三：Web前端不需要了解后端知识

行业在发展，Web前端的功能越来越强大。离线数据库能提供数据存储和管理的功能，但不会写SQL语句能玩得转吗？WebSocket能提供即时通信，但不了解socket和WebSocket的区别，能和后端开发（很多后端开发只会socket技术）一起搭建吗？ 加快页面展示速度不只是要从Web前端分析，后端也要考虑到，使用keep alive、 缓存等后端技术能使页面更快地打开。

误区四：觉得老板要求好难啊，能推就推了

不要排斥他们的非常规需求，他们的这些奇怪需求也许会成为企业的重要竞争力。用户越来越注重表现效果了，不要再以简单的列表页和详情页来打发用户了，他们可能会因为良好的用户体验而成为网站的忠实用户。

遇到非常规需求时，首先想下怎么运用Web前端知识来实现，如果想不出来，就和同行讨论下。总之，实现需求是开发者的责任，不要轻易说这个需求我们实现不了。

误区五：不考虑其他情况，页面出来就好了

大部分Web前端呈现使用DOM，但DOM用得多了会有性能问题。现在很流行列表页页底上拉加载更多，但很少有Web前端关注加载的极端问题，如果一个页面我下拉了很多次，加载了几千个DOM，会发生什么问题？答案是轻则页面响应缓慢，重则浏览器闪退。

另外举个例子：LocalStorage使用起来确实方便，很多企业的Web前端重度依赖它，甚至知名的前端开发框架也依赖它。但它有个缺点——有容量限制（2.6M-10M），我们得考虑极端情况，当LocalStorage空间快满时，怎么处理。或在架构上避免这种极端情况的发生。

误区六：页面给用户看，用户能用就好

能来看你页面的，不只是用户，还有机器人好不好！

误区七：不关注SEO问题

Web App一直在觊觎Native App的位置，有的Web App和Native App 根本看不出差别。Web App大红大紫，各种前端MVC框架也风声水起，但它们都有个问题，几乎没法做SEO，因为搜索引擎无视JS。

流量是企业的立命之本，SEO做得好能引来大量的流量，所以Web前端还是得考虑SEO问题。

以上就是小千给大家分享的学习Web前端你要注意的7个误区。从最简单的HTML5基础到Web前端高级技术，要学的内容还是不少滴！如果你想在学习的过程中都能避开这些误区，可以来系统学习一下！

本文来自千锋教育，转载请注明出处。