[参加HTML5培训前必知HTML5知识指南.doc

参加HTML5培训前必知HTML5知识指南！ 参加HTML5培训前必知HTML5知识指南！从HTML5的基础出发，通过各种精彩的实例，将走进HTML5的精彩世界。各种实例精彩纷呈且通俗易懂，深入浅出，引人入胜。详细讲解HTML5技术的各个部分，深入到HTML5的核心，充分学习并体验HTML5。 　　越分享越成功，想做好一件事，必须要花费一些功夫，然后是多学、多思、多练、多交流、多总结，发现自己的问题，然后一定要克服，在状态不好的情况下，往往要及时调整。新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己，多向大牛请教，多教一些没有自己水平高的人，那样往往能让自己成长的快，切勿急躁。 　　初学可以看一些入门视频教程，之后可以买一些书，做一些小项目，要学会投资，分析自己的现状及能力，实时调整，一定要有自己的想法，懂得创新。在这里一定要对自己做分析，然后找出一种适合的学习方法。 一个优秀的前端开发工程师必备的知识技能!到底有哪些知识点。在此附两张前端知识点总结图： 图.1 　　 图.2 　　1)有一定web基础的技术人员，深入学习移动HTML5新技术 　　2)产品、设计人员，对HTML5及周边技术能得到很好的了解和提高 　　3)移动HTML5基础JavaScript详解 　　1. Basic JavaScript 　　1) HTML5页面的层级结构剖析 　　2) 实例详解：Hello World的文档结构 　　2. JavaScript变量 　　1) 函数中变量的使用 　　2) 实例详解：JavaScript陷阱知多少 　　3. 执行环境和作用域 　　4. 引用类型 　　1) Object对象 　　2) 日期对象 　　3) 实例详解：上线时间的地雷千万不要踩 　　4) JavaScript小技巧之apply和call 　　5. JSON 　　6. 面向对象 　　1) JavaScript对象简介 　　2) 工厂模式 　　3) 原型模式 　　4) 构造函数 　　5) 面向对象实例详解：花名册的编写 　　7. BOM 　　1) BOM的重要性 　　2) location你不知道的那些事 　　3) navigator行业标准 　　4) 实例详解：获取用户的分布 　　8. DOM 　　1) 移动手机页面层级结构的再探究 　　2) 实例详解：兼容pc与移动端的任意添加块 　　9. 事件处理 　　1) 冒泡和捕获的历史是与非 　　2) 事件监听机制的重要 　　3) 实例详解：随手指拖拽的小方块 　　10. 闭包 　　11. Ajax与Comet 　　1) Ajax的兴起与JavaScript的血泪史 　　2) Comet机制的引入 　　3) 实现Comet的两种方式 　　12. JavaScript调试与监控 　　1) 调试工具一览 　　2) Chrome面板 　　3) 深度浏览你的页面，各种资源尽收眼底 　　4) 熟悉网络的情况 　　二、 移动HTML5精彩世界 　　1. 移动HTML5的杀手效应——新浪移动H5网站架构分析 　　1) HTML5到底是什么? 　　2) 为何H5能在这几年快速的发展起来 　　2. 今日头条：移动端H5标签全解析 　　1) 新标签与div到底有什么区别? 　　2) 爬虫从此不再孤单 　　3. 绘图canvas的世界 　　1) 从方圆开始的计算机图形学 　　2) 手机财经：腾讯canvas绘制手机股票行情图细节分析 　　3) canvas处理位图 　　4) canvas制作动画 　　5) 实例详解：windows98屏保再回忆 　　6) canvas与flash的性能分析 　　7) 提高canvas绘图性能的几个秘籍 　　4. HTML5多媒体 　　1) 如此快捷的多媒体应用 　　2) 如何制作兼容所有浏览器的多媒体播放器 　　3) 把视频当图片一样来处理?canvas的威力再现! 　　4) 实例详解：九宫格大屏幕 　　5. 如何通过H5表单提升用户体验 　　1) 移动时代的到来 　　2) 从chrome浏览器的发展，展望H5表单的未来 　　6. 本地存储Local Storage深入探讨 　　1) 传统cookie与H5本地存储之间的博弈，到底该选择谁? 　　2) 移动百度首页分析：如何巧妙使用H5提升网站性能，节省带宽 　　3) 动手练习：最简单的本地存储程序，计数器 　　7. HTML5离线应用 　　1) H5离线应用打造终极本地APP 　　2) HTML5 APP分析：新闻客户端 　　8. HTML5跨域请求 　　1) 新浪与淘宝的合作：页面之间域的限制 　　2) 传统的跨域解决方法 　　3) 横空出世HTML5的PostMessage 　　4) 实例详解：跨浏览器的解