前端技术系列课程(No.4) – 深入学习JavaScript语言

本次系列培训最后一课为诗鸣为我们带来的“JavaScript语言”，针对JavaScript语言的运行机制和原理、浏览器引擎和JavaScript引擎之间的协作、阻塞、以及DOM操作性能优化等方面做了详尽讲解，同时还给出了很多代码实例，适合初学者学习.

随着互联网产业的爆炸式增长，与之伴生的Web前端技术也在历经洗礼和蜕变. 尤其是近几年随着移动终端的发展，越来越多的人开始投身或转行至新领域，这更为当今的IT产业注入了新的活力. 尽管Web前端技术诞生至今时日并不长，但随着Web技术的逐渐深入，今后将会在以下几方面发力. JavaScript的兄弟们.

听说yupoo改版了，打开看了一下，我对设计风格什么的不太懂，所以直接看了下源代码，发现他们用了Modernizr和labjs这两个工具，所以很有兴致的分析了一下前端代码，的确做得不错的说. 为各个IE版本设置了class，目的应该是处理各种css hack. IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.

前端开发技术，从狭义的定义来看，是指围绕HTML、JavaScript、CSS这样一套体系的开发技术，它的运行宿主是浏览器. 专门为手持终端设计的类似WML这样的类HTML语言，类似WMLScript这样的类JavaScript语言. VML和SVG等基于XML的描述图形的语言. 从属于XML体系的XML，XPath，DTD等技术.

以下 Web 开发人员学习路线图是来自 Github developer-roadmap 项目，目前已经有繁体版翻译 developer-roadmap-chinese. 主要有三个方向，分别为前端开发、后端开发和运维. 可以看到，作为 Web 开发者，不管从事什么职位，下面这些技能点是必须掌握的：.

在网上经常会看到一些很长的网页会延迟加载其中的图片，我认为这是一种按需分配的做法，网页只为那些想继续浏览网页的人加载后面的图片，在不影响用户体验的前提下，最大程度地减少服务器负担和流量. 目前，主要的购物网站都采用了这种加载方式. 今天在一个网友的站里发现一个图片延迟加载的插件，很好用，在这里介绍一下.

框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了.

我想现在做开发的同行有很大一部分人应该每天都在想，我们的每天的工作事项都是. 写业务代码，项目评审，代码review，沟通业务是否符合需求. 每天都围着技术含量不高的业务代码. 这是个引子，业务技术不是我今天要罗嗦的主题. 我想表达的是我们其实都想去学习，去深入的了解某项技术，更去应用，让人用，让自己有强烈的成就感.

玉伯在我的一条微博后面写了一些（和主题不是很相关但）非常值得思考的评论. 而这些评论的源头来自于我非常尊敬的不在你们前端界混的JS大师愚公（爱民）. 想起愚公的一番言论：我们做了一个不错的东西，有很多好的 IDEA. 最终这些东西却消散了，变成了另外一些更大更好的东西的局部. 我们——我指的是国内的软件开发的现状——什么“好”的东西也做不出来.

经过这段时间国内（百度，淘宝，新浪）及国外（Facebook，Youtube，Yahoo）各大公司的集中自曝，我们可以从中总结出2010 Web前端技术的一些趋势. 总的来说，随着后端技术（存储，并发，分布式）的成熟，各大公司已经把重点从后端架构调整/建设转移至前端（TTI时间，快速发布，带宽利用率）.