HTML5高级程序设计(完整清晰版)

所需积分/C币:48 2017-10-02 11.11MB PDF
评分

本书从最早期Netscape浏览器中的JavaScript开始讲起,直到当前它对XML和Web服务的具体支持,内容主要涉及JavaScript的语言特点、JavaScript与浏览器的交互、更高级的JavaScript技巧,以及与在Web应用程序中部署JavaScript解决方案有关的问题,如错误处理、调试、安全性、优化/混淆化、XML和Web服务,最后介绍应用所有这些知识来创建动态用户界面。
1.2关于2022年的那个神话3 就是在大学里工作。 那时候的HTML非常初级,没有任何工具可用。Web应用几乎没有顶多有少量的文本处 理脚本。页面代码都是用大家各自喜欢的文本编辑器写出来的。页面的更新频率基本上是数周或 者数月。 不知不觉,我们已经走过了漫长的15个年头。 今天,用户对其在线资料一天史新很多次已经是很平常的事了。当然,如果没有在线工具持 续稳定的更靳换代,也不会有今天这样的交互方式。 提醒各位读者,大家在看这本书的时候心里要明白,我们的示例虽然现在看起来非常简单 但潜力是巨大的。就像20世纪90年代中期那些率先使用<img>标签的人一样,他们又怎么会知 道在十年以后,很多人都已经在线编辑和储存照片了;而我们要有这种前瞻性。 我们希望书中示例的基本思路能够激发读者无穷的创意,从而为Web的下个十年寞定新的 基础。 -Bt 1.2关于2022年的那个神话 今天,我们看到的HTML5规范已经以工作草案的形式发布了还不是最终版。那什么时 候HTML5规范才能尘埃落定呢?现在就来了解一下几个关键时间点。第一个时间点是2012年 目标是发布候选推荐版。第二个时间点是2022年,目标是发布计划摧荐版。哦!那等着吧,还 早蓍呢!可能大家会这么想,然后就把书合上,扔到一边,等十年后再说。那就大错特错了,在 4第1章HIML5概述 明白这两个时间点的真正意义之前,可别急着下结论。 第一个,也就是最近的2012年,可以说是最重要的时间点,因为这个时间点一到就意味着 HTMI5规范编写完成了。想象一下,这并不夂远,也就两年后的事情。计划推荐版(普邐认为 距今还有点远)的重要性在于届时将会有两个对HIML5的互通实现,意味着有两个浏览器会 完全支持整个HTML5规范的所有功能这个远大的目标让2022年这个时间点看起来又似乎 太近了。毕竟,现在连HTML4都还没有实现这个目标呢°。 关键是现在浏览器厂家已经着手支持HTML5中很多优秀的新功能了。只要用户有需求,现 在就可以利用这些新功能进行Web应用的开发。虽然一些细节方面的改造还会持续进行,相应 的Wb应用可能需要改动,不过,相对于使用HTML5为用广带来的体验来讲,这点付出不算什 么。当然,如果用户的浏览器是I6的话,很多新功能是不支持的,需要模拟—不过这也不能 成为抛弃HTML5的理由,毕竞这些用户最终都会升级浏览器版本,很多可能会直接选用IE9, 而且微软承诺在I9中持续増加对IIML5的支持。实际上,通过使用新的浏览器和改进的模拟 技术意味用户现在和不久的将来便可以使用很多HTML5功能了。 1.3谁在开发HTML5 我们都知道开发HIML5需要成立相应的组织,并且肯定需要有人来负责。这正是下面这三 个重要组织的工作。 ④HTML4最早于1997年成为W3C推荐标准,到现在10多年早已经过去了,仍然不存在两个完全支持这一规范 的浏览器。—编者注 1.4新的认识5 口 WHATWG:由来自 Apple、 Mozilla、( bugle、 Opera等浏览器厂商的人组成,成立于204 年。 WHATWG开发HTML和Wb应用API,同时为各浏览器厂商以及其他有意向的组 织提供开放式合作 口W3C:W3C下辖的HTML工作组目前负责发布HTML5规范。 日TF(nternetEngineeringTaskForce,因特网工程任务组):这个任务组下辖HTTP等负 责 Internet协议的团队HML5定义的一种新AP( Websocket apl)赖于新的 WebSocket 协议,TFTF工作组正在开发这个协议。 14新的认 HTML5是基于各种各样的理念(在 WHATWG规范中有详述)进行设计的,这些设计理念 体现了对可能性和可行性的新认识。 口兼容性 口实用性 口互通性 通用访问性 1.4.1兼容性和存在即合理 别担心,HTML5并不是颠覆性的革新。相反,实际上HIMI5的一个核心理念就是保持一切 新特性平滑过渡。一且浏览器不支持HIML5的某项功能,针对功能的备选行为就会悄悄进行。再 说,互联网上有些HTML文档已经存在20多年了,因此,支持所有现存HTML文档是非常重要的。 6第1章HIML5枧述 HTMI5的研究者们还花费了大量的精力来研究通用行为。上如, Google分析了上百万的页 面,从中分析出了Dv标签的通用I名称,并且发现其重复量很大。例如,很多开发人员使用 Td=" header"来标记页眉区域。HTMI5不就是要解决实际问题吗?那何不直接添加一个 < header>标签呢? 尽管HIML5标准的一些特性非常具有革命性,但是HTM5旨在进化而非革命。毕竟没有 从头再来的必要。(就算有必要的话,也不应该是HIML5,起码也要发明一个史好的!) 1.42效率和用户优先 HTML5规范是基于用户优先准则编写的,其宗旨是用户即上帝”,这意味着在遇到无法解 决的冲突时,规范会把用户放到第一位,其次是页面作者,冉次是实现者(或浏览器),接着是 规范制定者(W3 CHATWG),最后才考虑理论的纯粹性。因此,HTML5的绝大部分是实用的, 只是有些情况下还不够完美。 看看这个示例,下面的几种代码写法在HIML5中都能被识别。 id=rp-ohtml5 id=-rohtml5 ID=rprohtml5" 当然,肯定会有人反对这种不严格的语法,我们不去辩论对错,只去关心一个底线,那就是 最终用户其实并不在乎代码怎么写。当然,我们并不提倡入门者一开始写代码就这么不严谨,毕 竞归根结底,受害者还是最终用户,因为一旦白于开发人员的原因造成页面错误导致不能正常显 示,那么被折磨的肯定是最终用户。 1.4新的认识7 HTML5也衍生出了 XHTML5(可通过XML工具生成有效的HTM5代码HTML和 XHTML两种版本的代码经过序列化应该可以生成近乎一样的DOM树。显然 XHTML的验证规 则严格得多,刚才示例中后两行代码是无法通过验证的。 1.安全机制的设计 为保证HTML5足够安全,HTML5在设计时就做了大量的工作。规范中的各个部分都有专 门针对安全的章芍,并且安全是被优先考虑的。HTML5引入了一种新的基于来源的安全模型, 该模型不仅易用,而且对各种不同的AP都通用。这个安全模型可以让我们做一些以前做不到的 事情,不需要借助于任何所谓聪明、有创意却不安全的hack就能跨域进行安全对话。在这方面 我们肯定不会怀念过去的“好”时光了。 2表现和内容分离 在清晰分高表现和内容方面,HTML5迈出了巨大的步伐。HTML5在所有可能的地方都努力 进行了分离,也包括CSS。实际上,HTML5规范已经不支持老版本HTML的大部分表现功能了, 但得益于先前提到的ITM5在兼容性方面的设计理念,那些功能仍然能用。表现和内容分离的 概念也不是全新的,在HTML4 Transitional和 XHTMI1.1中就已经开始用了。Web设计者把这 个概念当做最佳实践使用了很久,不过现在清晰地分开表现和内容显得更为重要,否则会有如下 鄄端: 口可访可性差; 口不必要的复杂度(所有样式代码都放在页面中,代码可读性很差); 口文件变大(样式内容越多,文件越大),带来的后果就是页面载入变慢。 8第1章HIML5枧述 143化繁为简 IITML5要的就是简单、避免不必要的复杂性。IIML5的口号是“简单至上,尽可能简化”。 因此,HTML5做了以下这些改进 口以浏览器原生能力替代复杂的 Java Script代码 口新的简化的 DOCTYPE; 口新的筒化的字符集声明 口简单而强大的HTML5API。 随后我们捋详细讲解这些改进。 为了实现所有的这些简化操作,HIML5规范已经变得非常大,因为它需要精确再精确。实 际上要比以往任何版本的HTML规范都要精确。为了达到在2022年能够真正实现浏览器互通的 目标,HTML5訉范制订了一系列定义明确的行为;任何歧义和含糊都可能延缓这一目标的实现。 另外,HTML5规范比以往的任何版本都要详细,为的是避免造成误解。HTML5规范的日标 是完全、彻底地给出定义,特别是对web应用。所以也难怪,整个规范超过了900页! 基于多种改进过的、强大的错误处理方案,HTML5具备了良好的错误处理机制。非常有现 实意义的一点是,HTML5提倡重大错误的平缓恹复,再次把最终用户的利益放在了第一位。比 如,如果页面中有错误的话,在以前可能会影响整个页面的显示,而HTML5不会出现这种情况 取而代之的是以标准方式显示 broken”标记,这要归功于 HTMLS中精确定义的错误恹复机制。 1.44通用访问 .5无插件范式9 这个原则可以分成三个概怠。 口可访可性:出于对残障用户的考虑,HML5与WA( Web Accessibility Initiative,Web可 访问性偶议)和ARIA( Accessible Rich Internet Applicaions,可访问的富 Internet应用) 做到了紧密结合, WALARIA中以屏幕阅读器为基础的元素已经被添加到HML中。 口媒体中立:如果可能的话,HTML5的功能在所有不同的设备和平台上应该都能正常运行。 口支持所有语种:例如,新的<ruby>元素支持在东亚页面排版中会用到的Ruby注释。 1.5无插件范式 过去:很多功能只能通过插件或者复杂的hack(本地绘图API、本地 socket等)来实现,但 在HTML5中提供了对这些功能的原生支持。插件的方式存在很多问题 口插件安装可能失败; 口插件可以被禁用或屏蔽(例如Aple的iPad就不支持Flah插件) 口插件自身会成为被攻击的对象: 口插件不容易与HTML文档的其他部分集成(因为插件边界、剪裁和透明度问题) 虽然一些插件的安裝率很高,但在控制严格的公司内部网络环境中经常会被封锁。此外,由 于插件经常还会给用户带来烦人的广告,一些用户也会选择屏敲此类插件。这样的话,一旦用户 禁用了插件,就意味着依赖该插件显示的内容也无法表现出来了。 在已经设计好的页面中,要想把插件显示的内容与页面上其他元秦集成也比较困难,因为会 引起剪裁和透明庋等问题。插件使用的是自带的渲染模型,与普通Web页面所使用的不一样, 10第1章HTML5概述 所以当弹出菜单或者其他可视化元素与插件重叠时,会特别麻烦。此时,HTML5却可以站出来 挥舞着它的原生功能魔棒,对这类问题笑而不语,它可以直接用CSS和 JavaScript的方式控制页 面布局。实际上这是HTM5的最大亮点,显示了先前任何HTM版本都不具备的强大能力。 HTML5不仅仅是提供靳元素支持新功能更重要的是添加了对脚本和布局之间的原生交互能力, 基于此,我们可以实现以前不能实现的效果。 以HTML5中的 canvas元素为例,有很多非常底层的事情以前是没办法做到的(比如在 HIML4的页面中就难面出对角线),而有了 canvas就可以很轻易地实现了。更为重要的是新 API释放出来的潜能,以及通过寥寥几行CSS代码就能完成布局的能力。基于HTML5的各类 API的优秀设计,我们可以轻松地对它们进行组合应用。比如,从 video元素中抓取的帧可以 显示在 canvas里面,用户点击 canvas即可播放这帧对应的视频文件。这只是一个使用原生方 法实现插件功能的示例。其实,当工作不再基于黑盒后,开发反而会变得更简单。HTML5的不 同功能组合应用为Web开发注入了一股强大的新生力量,这也是我们为什么决定写一本关于 HTMI5编程的书,而不单单是介绍那些新元秦的原因。 HTML5包括什么,不包括什么 那么,HTML5到底包括些什么?仔细阅读过规范的读者,可能会发现本书中讲解的很多功 能其实在规范中是没有的。例如, Geolocation和 Web workers就不在规范中。那为什么还要将它 们纳入本书的讨论范围呢?炒作?当然不是! 很多HTMI5的研究成果(如 Web Storage和 Canvas2D)起初都是HTMI5规范的一部分

...展开详情
立即下载 最低0.43元/次 身份认证VIP会员低至7折
举报 举报 收藏 收藏 (1)
分享

评论 下载该资源后可以进行评论 2

jameskarry 章节过少,如楼上所说,只有第一章和第二章
2018-07-25
回复
杨笑常 只有第一章和第二章
2017-11-06
回复
28.54MB
HTML5程序计(中文第2版)

今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和开发人员的当务之急。 本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新特性构建先进的Web应用,并以大量的示例涵盖全部HTML5 API。此外,还介绍了当今浏览器对HTML5特性的支持情况。

2018-09-19 立即下载
62.32MB
HTML5高级程序计(第2版)清晰PDF+随书源码

内含HTML5高级程序设计(第2版)清晰PDF,以及随书源码。供有需要的朋友下载

2018-06-06 立即下载
31.92MB
HTML5高级程序计(完整版)

HTML5高级程序设计(完整版),高清PDF文档,HTML5从基础到高级,一本在手精通H5开发。

2018-09-07 立即下载
2.18MB
HTML5高级编程》

《HTML5高级编程》 分成两份PDF 中文

2011-01-12 立即下载
20.49MB
HTML5高级程序计(高清版)

HTML5高级程序设计(高清版) 高清pdf可以在电脑上高清阅读,欢迎下载

2018-09-09 立即下载
11.11MB
HTML5高级程序计(完整版) pdf 清晰完整

HTML5高级程序设计(完整版) pdf 清晰完整版

2013-12-21 立即下载
75.11MB
HTML5高级程序计》完整版电子书

本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新特性构建先进的Web应用,并以大量的示例涵盖全部HTML5 API。此外,还介绍了当今浏览器对HTML5特性的支持情况。

2016-09-28 立即下载
34.45MB
HTML5高级程序计代码

HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、Web Workers[1] 、Storage等API的使用,辅以直观明了的客户端和服务器端示例代码

2016-10-26 立即下载
34.85MB
HTML5高级程序计(完整版PDF)

这是一本不错的HTML5参考资料,对于初学者可以精读,对于有一定基础的WEB前端开发人员,可以以此书来提升自己

2017-06-15 立即下载
img
初心鸿鹄

关注 私信 TA的资源

上传资源赚积分,得勋章
相关内容推荐