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时代，我们有必要和他们科普一下新知识。

以上就是今天为各位总结的学习要点，希望可以帮到大家！

我目前是在职前台开发，假如你现在也想学习前台开发技术，在入门学习前台的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前台学习交流裙：前面：603 中间：985 最后：993。里面聚集了少量正在自学前台的初学者裙文件里面也有我做前台技术这段时间整理的少量前台学习手册，前台面试题，前台开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。