移动网页设计与开发 HTML5+CSS3+JavaScript
2020-04-21 10:02:27 0 举报
AI智能生成
移动网页设计与开发 HTML5+CSS3+JavaScript
作者其他创作
大纲/内容
5 现代JavaScript
5.1 JavaScript的新功能
5.1.1 async(异步)属性和defer(延迟)属性
5.1.2 addEventListener类函数
5.1.3 事件对象
5.1.4 删除事件监听器
5.1.5 DOMContentLoaded事件
5.1.6 输入事件
5.1.7 触摸事件
5.1.8 指针事件
5.1.9 JavaScript中的CSS选择器
5.1.10 getElementByClassName()类函数
5.1.11 与类交互
5.2 JavaScript库
5.2.1 jQuery
5.2.2 YepNote
5.2.3 Modernizr
5.2.4 Mustache
5.3 polyfill和shim
5.4 测试和调试
总结
6 Device(设备)API
6.1 地理定位(Geolocation)
6.2 方向(Orientation)
6.3 全屏(Fullscreen)
6.4 振动(Vibration)
6.5 电池状态(Battery Status)
6.6 网络信息
6.7 摄像头和麦克风
6.8 网络存储(Web Storage)
6.9 拖放(Drag和Drop)
6.10 文件交互
6.11 Mozilla公司的火狐OS系统和WebAPI
6.12 PhoneGap和本地封装器
总结
7 图像和图形
7.1 矢量和位图比较
7.2 可缩放矢量图形
7.2.1 SVG图像解析
7.2.2 链接的SVG文件
7.2.3 SVG子图形
7.2.4 带有片段标示符的SVG子图形
7.2.5 内嵌式SVG
7.2.6 SVG滤波器
7.2.7 SVG和CSS集合
7.2.8 SVG的缺陷
7.3 canvas元素
7.3.1 图像操纵
7.3.2 WebGL
7.4 选择SVG或canvas的情况
总结
8 新表单
8.1 新输入类型
8.2 新属性
8.2.1 自动对焦(autofocus)
8.2.2 占位符(placeholder)
8.2.3 自动完成(autocomplete)
8.2.4 拼写检查(spellcheck)
8.2.5 多重输入(multiple)
8.2.6 表单(form)
8.3 数据单(datalists)
8.4 屏幕控件与部件
8.4.1 数字(number)
8.4.2 日期(date)
8.4.3 颜色(color)
8.5 将信息显示给用户
8.5.1 进度(progress)
8.5.2 测量表(meter)
8.5.3 输出(output)
8.6 客户端表单验证
8.7 客户端验证API(Constraint Validation API)
8.8 表单和CSS
总结
9 多媒体
9.1 媒体元素
9.1.1 video元素的额外属性
9.1.2 多源文件
9.1.3 备用方案
9.1.4 字幕和说明文字
9.1.5 编码
9.2 媒体框架结构
9.3 Media API(媒体API)
9.3.1 网络和准备状态
9.3.2 audio元素和video元素的额外属性
9.4 媒体事件
9.5 高级媒体交互
9.5.1 Web Audio API(网络音频API)
9.5.2 WebRTC
总结
10 网络应用程序
10.1 网络应用程序
10.1.1 托管应用程序与打包应用程序
10.1.2 托管网络应用程序
10.1.3 打包网络应用程序
10.1.4 清单文件
10.1.5 Chrome网上应用店
10.1.6 Firefox marketplace
10.1.7 W3C部件
10.2 混合应用程序
10.2.1 PhoneGap
10.2.2 授予权限
10.2.3 PhoneGap API
10.2.4 PhoneGap事件
10.2.5 Titanium
10.3 电视应用程序
10.4 Webinos
10.5 应用程序缓存
10.5.1 AppCache文件的内容
10.5.2 缓存序列
10.5.3 AppCache API
总结
11 前景
11.1 Web组件
11.1.1 模板
11.1.2 装饰
11.1.3 范围样式
11.1.4 范围样式和模板
11.1.5 自定义元素
11.1.6 Shadow DOM
总结
11.2 CSS的前景
11.2.1 Resions(区域)
11.2.2 Exclusions(排斥)
11.2.3 Exclusions和网格
11.2.4 改变形状的Exclusions
11.2.5 更远未来的布局
11.2.6 Box Alignment(框对齐)
11.2.7 Line Grid(行网格)
11.2.8 Paged Media(分页媒体)
11.2.9 功能查询
11.2.10 层叠变量
总结
附录A 浏览器支持,截至2013年3月
所讨论的浏览器
启用实验性特性
1:网络平台
2:结构和语义
3:设备响应性CSS
4:CSS布局的新方法
5:现代JavaScript
6:Device(设备)API
7:图像和图形
8:新表单
9:多媒体
10:网络应用程序
11:前景
献辞
多屏幕世界
难以确定的网络应用环境
应用环境模式
“快捷”是唯一最重要的应用环境
本书会教些什么
1 网络平台
1.1 对术语的简短说明
1.2 你是谁,你需要知道些什么
1.3 了解什么是HTML5
1.4 真正的HTML5
1.4.1 HTML5模板
1.4.2 新型最佳实践
1.5 CSS3及其他
1.5.1 供应商特定前缀
1.5.2 CSS框架和预处理器
1.6 浏览器支持
1.7 测试,再测试,进行更多的测试
总结
2 结构和语义
2.1 HTML5的新元素
2.1.1 新元素的作用
2.1.2 HTML5分节元素的不利之处
2.2 网页易读性倡议的无障碍的富因特网应用程序组件(WAI-ARIA)
2.3 语义标记的重要性
2.4 微格式
2.5 RDFa
2.6 微数据
2.6.1 微数据API
2.6.2 微数据、微格式和RDFa
2.6.3 Schema.org
2.6.4 富摘要
2.7 数据属性
2.7.1 数据属性API
2.7.2 jQuery和数据属性
2.7.3 野生数据属性
2.8 Web组件:标记的未来?
总结
3 设置响应性CSS
3.1 媒体查询
3.1.1 基于尺寸的媒体功能
3.1.2 媒体查询的合并和取消
3.1.3 一切有关像素的简短题外话
3.1.4 屏幕分辨率媒体查询
3.1.5 设备适配
3.1.6 输入机制媒体功能
3.1.7 其他媒体功能
3.2 JavaScript中的媒体查询
3.3 自适应网页设计与响应式网页设计
3.3.1 box-sizing属性
3.3.2 长度值的动态计算
3.4 窗口关联的长度单位
3.4.1 根关联的单位
3.4.2 移动优先和内容断点
3.5 响应式设计和被替换的对象
3.5.1 图像问题
3.5.2 HTML5响应图像解决方案
总结
4 CSS布局的新方法
4.1 多栏结构
4.1.1 间距和规则
4.1.2 跨越和打断
4.2 弹性布局盒(Flexbox)
4.2.1 声明弹性布局盒模型
4.2.2 改变内容的顺序
4.2.3 右盒内对齐
4.2.4 增加一点弹性
4.2.5 拆分与流
4.3 网格布局
4.3.1 声明和定义网格
4.3.2 重复网格线
4.3.3 替换网格中的项
4.3.4 对齐与堆积
4.3.5 2012年9月版网格布局语法
4.3.6 有关网格布局的术语
4.3.7 网格模板
4.4 更远的未来
总结
0 条评论
下一页