越来越多的开发者加入前端开发队伍. 但前端知识在不断更新着, 大家对它的认识也各不相同, 今天就为您解读, 学习 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 文档书籍教程, 需要的话都可以自行来获取下载.
来源: http://www.jianshu.com/p/6db60c5a0f66