feizhixuan46789的专栏

第 1 章 1.1 1.2 1.3 1.4 1.5 1.6 利用 HTML5 制作网站 .....................1 大多数人不了解 HTML5 时代的网页 设计............................................................1 HTML5 带来的网页结构、设计风格 及理念的变化 ............................................3 1.2.1 HTML 4 时代的几个特征 ..............4 1.2.2 一个典型的 HTML5 页面 ..............4 1.2.3 小结 ................................................6 HTML5 带来的标签变化...........................6 1.3.1 什么是标签 ....................................6 1.3.2 标签的分类 ....................................7 1.3.3 近十几年来的 HTML.....................9 1.3.4 Web 的变化趋势 ............................9 HTML5 带来的表单数据内容进化 ...........9 1.4.1 数据提交格式的变化 ...................10 1.4.2 数据提交范围的变化 ...................11 1.4.3 表单数据类型的增加 ...................12 1.4.4 表单属性和验证方式的进化........13 1.4.5 文件上传控件和重复模型的 应用..............................................14 1.4.6 小结..............................................14 HTML5 与 SEO .......................................15 1.5.1 技术趋势 ......................................15 1.5.2 搜索引擎服务商面临的问题........16 1.5.3 SEO 从业人员面临的问题 ...........17 1.5.4 SEO 面临的几个社会问题 ...........18 HTML5 的开发环境与调试环境 .............18 1.6.1 HTML5 编写工具 ........................18 1.6.2 JavaScript 开发.............................19 1.6.3 HTTP 监控 ...................................19 1.6.4 调试环境 ......................................20 1.7 案例:HTML5 网站建设 ........................ 22 1.7.1 需求的提出 .................................. 22 1.7.2 需求分析 ...................................... 22 1.7.3 系统分析 ...................................... 22 1.7.4 工程实现 ...................................... 23 1.7.5 小结.............................................. 27 7 目录 2 3 4 5 6 第2章 用 CSS3 完善网站 .......................... 28 2.1 文字模块.................................................. 29 8 2.1.1 文字阴影:text-shadow .......... 29 2.1.2 文字溢出:text-overflow...... 30 9 2.1.3 文字换行:word-wrap .............. 30 2.2 颜色模块.................................................. 31 10 2.2.1 透明度:opacity....................... 31 .............................................. 2.2.2 HSL ........................... 33 11 2.2.3 HSLA 和 RGBA 33 2.3 边框模块.................................................. 34 12 2.3.1 边框圆角:border-radius...... 34 2.3.2 边框颜色:border-color........36 2.3.3 边框图像:border-image........37 13 2.3.4 盒阴影:box-shadow ................ 40 2.4 用户界面模块 .......................................... 41 14 2.4.1 盒倒影:box-reflect..............41 2.4.2 盒大小:box-sizing ................ 41 15 2.5 背景模块.................................................. 42 2.5.1 背景渐变 ...................................... 42 2.5.2 background-origin ................ 45 2.5.3 background-clip .................... 46 2.5.4 background-size .................... 47 2.5.5 多背景 .......................................... 48 16 17 2.5.6 遮罩.............................................. 49 18 图灵社区会员 阿雅([email protected]) 专享 尊重版权 2目录 2.6 2.7 2.8 2.9 2.10 动画模块 ................................................. 51 2.6.1 transform ................................. 51 3.3.3 如何检测浏览器是否支持 Drag & Drop API ......................... 83 3.3.4 Drag & Drop API 的主要操作 ..... 84 3.3.5 文件拖放上传实例 ...................... 86 History API.............................................. 87 3.4.1 以前的解决方案 .......................... 87 3.4.2 现在的 History API ..................... 87 Communication API ................................ 89 3.5.1 以前解决跨源通信的方案 ........... 89 3.5.2 XMLHttpRequest Level 2 ............ 90 3.5.3 iframe 和 sandbox................... 91 3.5.4 跨文档消息通信 .......................... 92 Notification API ...................................... 97 3.6.1 如何检测浏览器是否支持 Notification API........................... 97 3.6.2 Web 的 Notification 的状态 ......... 97 3.6.3 让你的 Web App 带着 Notification 跑 ............................. 97 audio 标签和 video 标签 .................... 99 3.7.1 audio 标签 ............................... 100 3.7.2 video 标签 ............................... 102 Canvas API ............................................ 108 3.8.1 以前的同类解决方案................. 109 3.8.2 Canvas 的优点 ........................... 109 3.8.3 检测浏览器是否支持 Canvas .... 109 3.8.4 Canvas 主要操作 ....................... 109 WebSocket API ..................................... 110 Web Worker API ................................. 111 Web Storage API ................................. 111 MicroData 和语义网络 ........................ 111 3.12.1 MicroData 的常见属性 .......... 112 3.12.2 MicroData 的例子 .................. 112 3.12.3 MicroData 与 SEO——人类 需要有序的信息 .................... 113 3.12.4 语义网络的基本概念 ............. 113 3.12.5 语义测试工具 ........................ 114 通用 Base64 方法 ................................ 114 3.13.1 编码........................................ 114 3.13.2 解码........................................ 115 3.13.3 应用........................................ 115 2.11 第 3 章 3.1 3.2 3.3 2.9.6 着色器.......................................... 70 使用 CSS3 美化网站 ............................. 72 2.10.1 右上角文字 .............................. 73 2.10.2 下载盒子.................................. 74 2.10.3 图片格子.................................. 74 2.10.4 中间盒子.................................. 74 2.10.5 左右盒子.................................. 75 2.10.6 居中背景.................................. 76 2.10.7 载入效果.................................. 76 2.10.8 页脚 ......................................... 77 小结 ....................................................... 77 划时代的 Web API .......................... 79 传统 Web 模型与 Web OS 架构模型 ...... 79 Web API 的概要介绍 .............................. 81 Drag & Drop API ..................................... 82 3.3.1 以前的解决方案 .......................... 82 2.6.2 transition ............................... 2.6.3 animation ................................. 区域模块 ................................................. 2.7.1 故事线.......................................... 2.7.2 区域样式 ...................................... 2.7.3 内容形状和环绕 .......................... 2.7.4 小结 ............................................. 选择器 ..................................................... 2.8.1 结构伪类 ...................................... 2.8.2 否定伪类 ...................................... 2.8.3 状态伪类 ...................................... 2.8.4 目标伪类 ...................................... 53 55 57 58 60 60 62 62 63 65 65 66 66 68 68 68 69 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 .................................. 其他模块 ................................................. 2.9.1 多栏布局 ...................................... 2.9.2 弹性盒子布局 .............................. 2.9.3 网络字体 ...................................... 2.9.4 媒介查询 ...................................... 2.8.5 其他选择器 70 2.9.5 滤镜效果 ...................................... 70 3.3.2 Drag & Drop API 的优点 ............. 83 图灵社区会员 阿雅([email protected]) 专享 尊重版权 3.14 3.15 3.16 Web Database API ...............................117 3.14.1 Web SQL API.........................117 3.14.2 Indexed DB API .....................121 WebGL.................................................124 Device API 系列 ..................................125 3.16.1 Geolocation API .....................125 3.16.2 File API ..................................128 3.16.3 FileWriter API ........................132 3.16.4 Media Capture API .................132 3.16.5 Contact API ............................133 3.16.6 System Information API .........134 3.16.7 Calendar API ..........................137 3.16.8 Messaging API........................137 小结 .....................................................138 Canvas 2D......................................139 什么是 Canvas .......................................139 Canvas 2D 原理 .....................................140 4.2.1 坐标系统说明 ............................141 4.2.2 属性说明 ....................................142 绘制 .......................................................143 4.3.1 各类线条 ....................................143 4.3.2 矩形............................................151 4.3.3 三角形 ........................................152 4.3.4 圆与扇形 ....................................153 4.3.5 图片............................................155 4.3.6 文字............................................158 特效 .......................................................160 4.4.1 渐变............................................160 4.4.2 阴影与透明 ................................162 基础操作中比较复杂的部分 .................162 4.5.1 保存和恢复 ................................163 4.5.2 坐标转换 ....................................163 4.5.3 旋转............................................164 4.5.4 缩放............................................164 4.5.5 变形............................................164 4.5.6 组合............................................166 4.5.7 裁剪............................................167 4.5.8 像素操作 ....................................170 动画 .......................................................172 目录3 4.6.1 左右运动 .................................... 172 4.6.2 上下运动 .................................... 173 4.6.3 圆心旋转运动 ............................ 174 4.6.4 抛物线运动 ................................ 175 4.6.5 渐变运动 .................................... 175 2 3.17 第 4 章 4.1 4.2 4.3 4.4 4.5 4.7 事件感应................................................ 176 3 4.8 关于 Canvas 的一些经验 ....................... 177 4.8.1 回答两个问题 ............................ 177 4 4.8.2 避开浮点运算 ............................ 178 4.8.3 资源载入与双缓冲问题 ............. 178 5 4.8.4 图片抗锯齿的原理及办法 ......... 179 4.8.5 粒子系统的使用 ........................ 181 4.9 Web 开发复古流.................................... 181 6 4.10 小结 ..................................................... 182 7 8 4.6 第5章 HTML5 和移动互联网开发 .......... 183 5.1 移动互联网的现状与需求 ..................... 183 5.1.1 市场容量 .................................... 184 5.1.2 移动设备的特点 ........................ 184 5.1.3 移动设备的现状 ........................ 185 5.1.4 开发者生态圈 ............................ 185 图灵社区会员 阿雅([email protected]) 专享 尊重版权 9 5.1.5 可供选择的移动互联网开发 10 平台 ........................................... 185 5.2 HTML5 在移动互联网上的开发示例 ... 187 11 5.2.1 一个 HTML5 开发者的基本 配置 ........................................... 187 5.2.2 欧朋浏览器 H5 版介绍 .............. 188 12 5.2.3 重力传感设备 ............................ 191 5.2.4 电子罗盘开发 ............................ 199 13 5.2.5 Geolocation 与 LBS 应用开发 ... 203 5.2.6 网页摄像与网络相册 ................. 207 14 5.2.7 移动设备中的离线存储 ............. 214 5.3 小结 ....................................................... 215 15 第6章 WebSocket 开发应用 ................... 216 6.1 WebSocket 的那些事儿 ......................... 216 6.1.1 WebSocket 的技术背景 ............. 217 6.1.2 WebSocket 的定义 ..................... 218 16 17 代码 ........................................... 220 18 6.1.3 WebSocket 通信模式解析.......... 219 6.1.4 WebSocket 检测浏览器支持 4目录 6.2 6.3 6.4 6.5 6.6 6.7 6.8 6.9 第 7 章 7.1 WebSocket API 的内容 ......................... 220 6.2.1 属性 ........................................... 220 6.2.2 URL ........................................... 221 6.2.3 事件 ........................................... 221 客户端样例程序 .................................... 222 服务器端样例程序 ................................ 222 Ajax、长轮询、Comet 之间的那些 事儿 ....................................................... 223 6.5.1 Ajax............................................ 223 6.5.2 长轮询........................................ 225 6.5.3 Comet ......................................... 226 6.5.4 Ajax 与 WebSocket 的多角度 对比 ........................................... 227 与 WebSocket 相关的几个概念............. 227 6.6.1 SSJS ........................................... 228 6.6.2 Node.js ....................................... 228 开发基于 WebSocket 的通信示例 ......... 235 6.7.1 聊天室........................................ 235 6.7.2 服务器监控 ................................ 239 6.7.3 联机作图 .................................... 243 免费的 WebSocket 资源 ........................ 247 小结 ....................................................... 248 瘦服务器战略与云.........................249 战略观察与未来 10 年的思考 ............... 249 7.1.1 Web 瘦服务器战略 .................... 249 7.1.2 云 ............................................... 253 7.1.3 计算能的思考 ............................ 254 7.2.1 Web Storage 的概念 .................. 255 7.2.2 localStorage 介绍与示例 ..... 255 7.2.3 sessionStorage 的介绍与 示例 ........................................... 258 7.2.4 浏览器端存储的方案和 局限性 ....................................... 260 7.3 离线应用 ............................................... 265 7.3.1 判断浏览器是否在线................. 266 7.3.2 离线应用的属性与方法............. 266 7.3.3 manifest 文件 ............................. 267 7.4 Web Worker .......................................... 269 7.4.1 Worker ....................................... 270 7.4.2 Shared Worker ........................... 273 7.4.3 Web Worker 小结 ...................... 275 7.5 一个云记事本的案例 ............................ 276 7.5.1 客户端逻辑分析 ........................ 276 7.5.2 客户端的实现 ............................ 277 7.5.3 工程实现的联想 ........................ 279 7.6 小结 ....................................................... 279 附录A HTML5 标签、事件属性及其 相关网站.......................................... 281 附录B 审慎对待各种框架 ......................... 287 附录C 统一开发常用交流术语 ................ 289 附录D WebGL ............................................ 294 附录E CSS3 模块列表 .............................. 299

httpmime-4.1.3.jar 已测试，可以使用

pinyin4j-2.5.jar pinyin4j-2.5.0.jar,java中文转为拼音

ViewPager类是实现左右两个屏幕平滑地切换的一个类，是由Google 提供的， 使用ViewPager首先需要引入android-support-v4.jar这个jar包。

民间的控件工具集合~~~android-misc-widgets；android-misc-widgets里面包含几个widget：Panel、SmoothButton、Switcher、VirtualKeyboard,还有一些动画特效，

Gson 是 Google 提供的用来在 Java 对象和 JSON 数据之间进行映射的 Java 类库。可以将一个 JSON 字符串转成一个 Java 对象，或者反过来。 示例代码： Gson gson = new Gson(); int[] ints = {1, 2, 3, 4, 5}; String[] strings = {"abc", "def", "ghi"}; (Serialization) gson.toJson(ints); ==> prints [1,2,3,4,5] gson.toJson(strings); ==> prints ["abc", "def", "ghi"]

制作BT4（u盘启动），BT4不再用光盘启动，可以使用unetbootin-windows-latest.exe制作U盘启动。

默认情况下，U盘版BT4是不可写的，其实只要修改两个文件就可以搞定了: 把U盘插入一台能正常运行的操作系统下，打开根目录下的syslinux.cfg文件，把 引用: boot=casper nopersistent rw quiet vga=0×317 修改成： 引用: boot=casper persistent rw quiet vga=0×317 仅仅只去掉了一个no，保存退出，然后下载下面的这个savefile压缩文件，在U盘根目录拷贝一个(见附件,解压后拷贝) casper-rw 文件，文件大小自己选择（就是把比如1024Mb改成casper-rw，如果你U盘够大，就不要选择太小的，我刚开始选择256M，后来想安装东西就安装不进去了，没办法，只能重来，后来选择了一个2048Mb的) saveFile.rar 把U盘插入，从U盘启动，输入 startx 后进入图形界面 在shell里输入： 代码: vim /etc/rc.local ，在最下面把 代码: /etc/init.d/wicd start 加入，保存退出.这样wicd就能开机启动了，然后从Internet–wicd NetWork Manager运行Wicd，选择高级设置，可选择自动DHCP,或手动设置静态IP地址之类的，连接成功后就可以上网了.

Windows CE 应用程序设计源代码, 全面, 典型的应用还包含各种安装设置步骤, 是Windows CE程序员的必备的代码!

一些常用控件~一个类似百度的翻页控件，不错，值得一用，也可以改善改善