《JavaScript高效图形编程（修订版）》——导读

**

前言

作为资深的视频游戏开发人员，我已经习惯于和高性能的编程语言和硬件打交道，因此刚开始我并没有对javascript进行图形编程有太高的期望。不过后来发现，实际上javascript是一个优秀和高效的编程语言，而且随着更好的浏览器支持、本身的性能提升，以及新的工具库加入，javascript还在不断变好。javascript结合了html5 canvas等特性，给web开发人员提供了真正可以不用adobe flash等插件的方案。而webgl等特性则为使用javascript和浏览器进行图形编程描绘了非常美好的未来。

这本书的目标读者需要具备一定的javascript知识，并且想要学习真正的web图形编程，而不仅仅依赖于jquery这样的库做一些动画特效。本书中涵盖了下面这些内容：

如何重用和优化代码，包括继承技术和性能优化经验；

用普通的dom操作（dhtml）来构建图形化应用；

使用更高级的画布元素；

创建视频游戏；

创建图形和动画所需的数学；

使用谷歌可视化api和画图工具来呈现你的数据；

如何有效使用jquery并开发面向图形的jquery插件；

使用jquery mobile创建适合移动设备的图形web应用；

使用phonegap将你的web应用转换为本地android应用。

**[第2章 dhtml基础

2.1.1　图像动画

2.1.2　封装和画图抽象

2.1.3　最小化dom插入和删除

2.1.4　sprite代码

2.1.5　一个简单的sprite应用程序

2.1.6　一个更动态的sprite应用程序

<a href="https://yq.aliyun.com/articles/95740">2.2 转为一个jquery插件</a>

<a href="https://yq.aliyun.com/articles/95752">2.3 定时器、速度和帧速率</a>

2.3.1　使用setinterval和settimeout

2.3.2　定时器精度

2.3.3　保持速度一致

<a href="https://yq.aliyun.com/articles/95757">2.4 ie6背景图像缓存</a>

**[第6章 html5画布

<a href="https://yq.aliyun.com/articles/95770">6.2 位图、矢量图，或两者兼而有之？</a>

<a href="https://yq.aliyun.com/articles/95773">6.3 画布限制</a>

<a href="https://yq.aliyun.com/articles/95777">6.4 画布与svg的对比</a>

<a href="https://yq.aliyun.com/articles/95781">6.5 画布与adobe flash的对比</a>

<a href="https://yq.aliyun.com/articles/95790">6.6 画布导出器</a>

<a href="https://yq.aliyun.com/articles/95814">6.7 画布绘制基础</a>

6.7.1　画布元素

6.7.2　绘图环境

6.7.3　绘制矩形

6.7.4　绘制直线和曲线的路径

6.7.5　绘制位图图像

6.7.6　颜色、描边和填充

<a href="https://yq.aliyun.com/articles/95825">6.8 使用画布创建动画</a>

<a href="https://yq.aliyun.com/articles/95835">6.9 画布和递归绘图</a>

6.9.1　画布树的页面布局

<a href="https://yq.aliyun.com/articles/95842">6.10 用画布sprites取代dhtmlsprite</a>

6.10.1　新canvassprite对象

6.10.2　其他的代码更改

<a href="https://yq.aliyun.com/articles/95869">6.11 一个图形使用画布的websockets聊天应用</a>

6.11.1　websockets优势

6.11.2　websockets支持和安全

6.11.3　聊天应用程序