首页 > 代码库 > Html5培训之精髓

Html5培训之精髓

一。核心技术(可去各技术官网学习)

1.html5的六大核心技术:Html5,CSS3,JavaScript,WebSocket,PhoneGap,Node.js,它们覆盖了设备端,浏览器端和云端的开发,可作为一套技术系统。

2.做Web开发要学好JavaScript和设计模式,讲师(就是王家林本人)推荐的JS教材《JavaScript框架设计》司徒正美 著,《JavaScript设计模式》(美)哈梅斯,(美)迪亚斯 著,建议读英文版。

3.王家林讲师对我们人生的建议:

   1)每天最好10点睡,早上5点起,起来研究两个小时技术

   2)每周写3篇博客,多多分享

   3)2014年的机遇在于Spark技术,推荐了“spark亚太研究院公益课程 王家林”

   4)真正的高手可以通过读你使用的平台的实现源代码来培养,这是唯一途径

二。知识点回顾:

1.html5之所以重要的最大原因:可以在智能设备上实现既能应用云服务又能运用本地设备功能(如Camera)特性的应用。

2.html5怎样运用本地设备(如手机)的特性呢?通过使用本地浏览器提供的API,html5可与本地交互。

3.html5的几大核心变化:a.WebSocket技术,使得云端(服务器端)可以主动推送数据到客户端! b.多线程,通过利用本地的操作系统实现真正的多线程 c.可定制浏览器,使得浏览器具有本地存储数据和离线浏览等功能 d.通过Js整合云端和设备端的特性 e.新增了新标签和本地存储以及操作数据库的功能。

4.html5的API使用特点:API对象在浏览器启动的时候就初始化而不是用户请求页面的时候;每个API接口都有回调callBack,这些回调里的代码是由浏览器调用和控制的而不是编程人员,这叫做控制反转技术IOC。

5.html5中,工作线程(Worker对象)的出现使得在web页面进行多线程编程成为可能。编写多线程程序应把耗时的线程交给worker,worker是子线程,而主线程只负责页面的绘制和重绘以及响应用户操作。例如,用户请求了一些产品信息数据,那么由主线程把请求发给子线程去处理,主线程可以继续响应用户的其他请求。

6.html5跨平台的本质,是不同的浏览器提供了对不同平台的支持,使得html5开发者可以忽略去解决平台兼容性的问题。

7.JavaScript的闭包特性:在Js方法(对象)外实现访问方法的内部变量。但是这样可能导致内存泄露,同时要注意保护方法的内部代码。

8.PhoneGap是一个整合了html5,JavaScript和Css3的移动设备的开发平台,在该开发平台上可以开发出既能够使用Web网页技术,又能够使用移动设备的本地功能的应用。其PlugIn(插件)机制非常强大,因为可以用java语言来开发本地功能,然后整合到html5中。也体现出Hmtl5结合了云端(网络 html开发)和本地设备(java开发)特性的特点。

9.三款不错的JS框架:JQueryMobile,Sencha,XUI.

10.Node.js,基于Chrome JavaScript 运行时建立的一个平台,用于搭建易拓展的网络应用,是事件驱动的,非阻塞I/O模型,使得其高效轻量,适用于分布型设备和数据密集型的实时应用,如2000人同时在线的聊天系统。学习资料:《The Node Beginner Book》可在www.nodebeginner.org下载

10. html5   =   device +   browser +  cloud

device设备端,使用技术:html5,Css3,JavaScript(这三者由phoneGap打包,phoneGap提供浏览器内核WebView,可以解析html)

browser浏览器,使用技术:html5,Css3,JavaScript,Js框架(用于暴露本地功能的接口),可想象这是手机浏览器

cloud云端,使用技术:Node.js