7个前端新手常见误区，千万要避开！

愈来愈多的开发者加入前端开发队伍。但前端知识在不断更新着，你们对它的认识也各不相同，今天就为您解读，学习web前端都有哪七大误区。

误区一：前端只是JavaScript

但我要说的是：前端不仅是JS。

何谓前端开发？我认为，一切以展示为目标的工做，都是前端开发工做。在前端开发中，除了JS，还有不少须要去掌握的，好比浏览器原理，html5,css3等。以前在面试别人时，问他，怎么作一个触摸屏上的转盘。他摇头。我退了一步，和他说谈谈你的想法也可。他想了一下，仍是不会。

作转盘，看似简单，但表明了前端知识的综合应用。你没有触摸屏开发经验，不知道CSS3或canvas，不了解网页优化，是作不出来的。前端是综合技术的应用，只会JS是解决不了问题的。

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

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

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

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

也是，前端好好的弄前端呗，管后端干吗。

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

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

不要排斥他们的很是规需求，他们的这些奇怪需求也许会成为企业的重要竞争力。（好吧，这一点切换到公司经营者的视角了。）用户愈来愈注重表现效果了，不要再以简单的列表页和详情页来打发用户了，他们可能会由于良好的用户体验而成为网站的忠实用户。

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

误区五：不考虑其余状况，页面出来就行了

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

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

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

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

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

流量是企业的立命之本，SEO作得好能引来大量的流量，因此前端仍是得考虑SEO问题。

误区七：不使用/不推进 新技术

上帝给了你一双翅膀,你却把它给烤了。

问本身几个问题，网页用了CSS3动画吗？网页支持多点触摸操做吗？距离感应器，动做感应器，你用了没有？这里并非说为了用而用这些新技术。而是想代表，咱们已经有新的技术了，不要把它们浪费了，是时候对之前的网页和之前的操做方式进行变革了。

使用这些特性，能让用户体验更佳。一些产品经理或设计师对前端的认识还停留在html4时代，咱们有必要和他们科普一下新知识。

以上就是今天为各位总结的学习要点，但愿能够帮到你们！

若是你们想从事前端不知道怎么入门的，能够在留言区评论“学习”我把我多年的经验分享给你们，还有一些学习资料（点赞+转发）