来说说吧Web前端技术历经的洗礼!!

sjwb1225

　　随着互联网产业的爆炸式增长，与之伴生的Web前端技术也在历经洗礼和蜕变。尤其是近几年随着移动终端的发展，越来越多的人开始投身或转行至新领域，这更为当今的IT产业注入了新的活力。尽管Web前端技术诞生至今时日并不长，但随着Web技术的逐渐深入，今后将会在以下几方面发力。zgnpxw.com
　　1.Web移动终端开发。
　　2.JavaScript的兄弟们。
　　3.百花齐放的类库和框架。
　　4.工程化的Web前端开发规范。
　　Web移动终端开发
　　PhoneGap：一个开源的开发框架，使用HTML、CSS和JavaScript来构建跨平台的移动应用程序。它使开发者能够利用iPhone、Android、Palm、Symbian、BlackBerry、WindowsPhone和Bada等智能手机的核心功能，包括地理定位、加速器、联系人、声音和振动等。除了在本地编译应用之外，还可以使用PhoneGap提供的云端Build工具进行应用编译。也就是说，只需要将用HTML5写好的应用上传到PhoneGap的云端服务器，PhoneGapBuild即可将其编译成适合不同平台的应用。
　　前端知识图谱
　　SenchaTouch：说到这里，就不得不提一些面向移动端的WebUI库，毕竟PhoneGap是一个工具，要想基于Web技术构建完整的App，必须选择一些适用的移动UI库。而最值得一提的是SenchaTouch，它可以让WebApp看起来像NativeApp。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和iOS设备。PhoneGap昭示着一种开发趋势，即App也可以使用Web前端技术来完成。而作为开发者最常用的UI工具箱，SenchaTouch又进一步加速了这种趋势，目前在淘宝已有大量的项目采用这种思路来搭建，即在内置应用的外壳加上自定义的基于移动Web的UI库。相信在未来这种模式必会越来越流行。
　　Sencha Touch：说到这里，就不得不提一些面向移动端的WebUI库，毕竟PhoneGap是一个工具，要想基于Web技术构建完整的App，必须选择一些适 用的移动UI库。而最值得一提的是Sencha Touch，它可以让Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和iOS设备。PhoneGap 昭示着一种开发趋势，即App也可以使用Web前端技术来完成。而作为开发者最常用的UI工具箱，Sencha Touch又进一步加速了这种趋势，目前在淘宝已有大量的项目采用这种思路来搭建，即在内置应用的外壳加上自定义的基于移动Web的UI库。相信在未来这 种模式必会越来越流行。
　　Media Queries：在CSS2时代，如果你曾经为网站设计过打印版CSS，那么就会明白CSS3 Media Queries的作用。不过，CSS3的Media Queries比CSS2的Media Queries可以获取这些数据：浏览器窗口的宽和高、设备的宽和高、设备的手持方向(横向还是竖向)和分辨率等。也就是说，Media Queries提供了一种基于不同的平台写CSS的技术。这项技术在2011年初被推广开来，至今已非常火热，尤其是在Web页面仍占互联网流量大多数的 今天，这种兼容技术能很快让网站兼容移动设备，保证产品实现最快的跨平台的兼容性和多平台的可用性。
　　Zepto.js：一个专为 Mobile WebKit浏览器(如Safari和Chrome)而开发的JavaScript框架。它标榜自己简约的开发理念能够帮助开发人员简单、快速地完成开发 交付任务。更重要的是这个JavaScript框架是超轻量级的，只有5KB。Zepto.js的语法借鉴且兼容jQuery。目前已有不少网站开始基于 Zepto.js做应用，因为在抛弃了IE浏览器的兼容性问题后，Web开发会变得越来越纯粹，体积更轻巧，编码也更加愉悦。不可否认，随着移动终端开发 越来越流行，Zepto.js在未来将会有更加广阔的应用场景和空间。
　　Bootstrap: Twitter推出的一个开源的用于前端开发的工具包。它由Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，由动态CSS语言LESS写成，与CSS 框架Blueprint存在很多相似之处。Bootstrap一经推出便颇受欢迎，一直是GitHub上的热门开源项目，NASA和MSNBC的 Breaking News都使用了该项目。2012年第二季度，Bootstrap发布了2.0版，Bootstrap 2.0的一个重大改进是添加了响应设计特性，在1.0中，这是让很多开发人员抱怨的地方。而且为了提供更好的针对移动设备的响应式设计方 案，Bootstrap 2.0采用了更为灵活的12栏网格布局。此外，它还更新了一些进度栏及可定制的图片缩略图，并增加了一些新样式。值得关注的是，Bootstrap是一个 非常轻量级的框架，2.0在压缩后只有10KB。Bootstrap为我们的网站快速搭建提供了不错的工具和思路，这个工具集将拥有更旺盛的生命力。sezyy.com