目录




第1章HTML5 App应用开发概述

1.1HTML5介绍<p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>目录</p> <p> </p> <p> </p> <p> </p> <p> </p> <p>第1章HTML5 App应用开发概述</p> <p> </p> <p>1.1HTML5介绍</p> <p> </p> <p>1.1.1终将失败的Flash</p> <p> </p> <p>1.1.2Web移动应用的未来</p> <p> </p> <p>1.2HTML5新特性</p> <p> </p> <p>1.3拥抱HTML5</p> <p> </p> <p>1.4HTML5 App的发展</p> <p> </p> <p>1.5HTML5 App与原生App的比较</p> <p> </p> <p>1.6HTML5 App开发环境搭建</p> <p> </p> <p>1.6.1开发工具的安装</p> <p> </p> <p>1.6.2*接近原生App体验的MUI框架</p> <p> </p> <p>1.6.3HTML5 应用介绍</p> <p> </p> <p>1.6.4流应用介绍</p> <p> </p> <p>1.7开发**个HTML5 App</p> <p> </p> <p>1.7.1练习: HelloWorld程序</p> <p> </p> <p>1.7.2打包过程</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第2章HTML5页面基础</p> <p> </p> <p>2.1HTML简介</p> <p> </p> <p>2.1.1标签</p> <p> </p> <p>2.1.2标签的属性</p> <p> </p> <p>2.1.3注释标签</p> <p> </p> <p>2.2HTML5文档基本格式</p> <p> </p> <p>2.3布局div标签</p> <p> </p> <p>2.4文本控制标签</p> <p> </p> <p>2.4.1标题h标签</p> <p> </p> <p>2.4.2段落p标签</p> <p> </p> <p>2.4.3水平线hr标签</p> <p> </p> <p>2.4.4换行br标签</p> <p> </p> <p>2.4.5特殊字符标记</p> <p> </p> <p>2.4.6修饰span标签</p> <p> </p> <p>2.5图像img标签</p> <p> </p> <p>2.6超链接a标签</p> <p> </p> <p>2.7列表标签</p> <p> </p> <p>2.7.1无序列表ul标签</p> <p> </p> <p>2.7.2有序列表ol标签</p> <p> </p> <p>2.8语义化标签</p> <p> </p> <p>2.9页面交互性标签</p> <p> </p> <p>2.9.1细节展示details和summary标签</p> <p> </p> <p>2.9.2进度条progess标签</p> <p> </p> <p>2.10表格标签</p> <p> </p> <p>2.11表单的应用</p> <p> </p> <p>2.11.1表单form标签</p> <p> </p> <p>2.11.2各种input输入标签</p> <p> </p> <p>2.11.3input标签的其他属性</p> <p> </p> <p>2.11.4其他表单标签</p> <p> </p> <p>2.11.5实例: 注册表单</p> <p> </p> <p>2.12移动开发中meta标签的应用</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第3章CSS样式设计</p> <p> </p> <p>3.1CSS简介</p> <p> </p> <p>3.2CSS核心基础</p> <p> </p> <p>3.2.1CSS样式规则</p> <p> </p> <p>3.2.2CSS中的单位和颜色</p> <p> </p> <p>3.2.3在HTML文档中应用CSS</p> <p> </p> <p>3.3CSS选择器</p> <p> </p> <p>3.3.1基础选择器</p> <p> </p> <p>3.3.2其他选择器</p> <p> </p> <p>3.4尺寸属性</p> <p> </p> <p>3.5文本样式属性</p> <p> </p> <p>3.6CSS**特性</p> <p> </p> <p>3.6.1继承性</p> <p> </p> <p>3.6.2CSS层叠性和优先级</p> <p> </p> <p>3.6.3Chrome调试CSS</p> <p> </p> <p>3.7背景属性</p> <p> </p> <p>3.7.1设置背景颜色</p> <p> </p> <p>3.7.2设置背景图片</p> <p> </p> <p>3.8边框属性</p> <p> </p> <p>3.9CSS盒子模型</p> <p> </p> <p>3.9.1内填充属性</p> <p> </p> <p>3.9.2外边距属性</p> <p> </p> <p>3.9.3boxsizing属性</p> <p> </p> <p>3.10浮动和定位</p> <p> </p> <p>3.10.1浮动</p> <p> </p> <p>3.10.2定位</p> <p> </p> <p>3.10.3块元素与行内元素</p> <p> </p> <p>3.11CSS动画效果</p> <p> </p> <p>3.11.1过渡</p> <p> </p> <p>3.11.22D及3D变换</p> <p> </p> <p>3.11.3动画控制</p> <p> </p> <p>3.12其他一些常用的CSS属性</p> <p> </p> <p>3.13移动设备的适配</p> <p> </p> <p>3.14实例</p> <p> </p> <p>3.14.1注册表单样式美化</p> <p> </p> <p>3.14.2旅游App页面</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第4章JavaScript编程基础</p> <p> </p> <p>4.1JavaScript介绍</p> <p> </p> <p>4.2使用JavaScript</p> <p> </p> <p>4.2.1在页面中插入代码</p> <p> </p> <p>4.2.2使用js文件</p> <p> </p> <p>4.3JavaScript的基础语法</p> <p> </p> <p>4.3.1数据类型</p> <p> </p> <p>4.3.2变量定义</p> <p> </p> <p>4.3.3数据类型的转换</p> <p> </p> <p>4.3.4代码注释</p> <p> </p> <p>4.3.5运算符</p> <p> </p> <p>4.3.6常用语句</p> <p> </p> <p>4.4函数</p> <p> </p> <p>4.4.1函数定义及调用</p> <p> </p> <p>4.4.2变量的作用域</p> <p> </p> <p>4.4.3函数重载</p> <p> </p> <p>4.4.4函数的返回值</p> <p> </p> <p>4.4.5匿名函数</p> <p> </p> <p>4.5JavaScript在Chrome中的调试</p> <p> </p> <p>4.5.1在控制台输出</p> <p> </p> <p>4.5.2断点调试</p> <p> </p> <p>4.6JavaScript对象基础</p> <p> </p> <p>4.6.1Object对象</p> <p> </p> <p>4.6.2内置对象</p> <p> </p> <p>4.6.3自定义类或对象</p> <p> </p> <p>4.7JavaScript处理JSON</p> <p> </p> <p>4.7.1JSON格式结构简介</p> <p> </p> <p>4.7.2JSON序列化与反序列化</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第5章JavaScript交互编程</p> <p> </p> <p>5.1DOM介绍</p> <p> </p> <p>5.2使用DOM</p> <p> </p> <p>5.2.1document对象</p> <p> </p> <p>5.2.2查找节点</p> <p> </p> <p>5.2.3处理属性</p> <p> </p> <p>5.2.4读取和设置内容</p> <p> </p> <p>5.2.5创建和操作节点</p> <p> </p> <p>5.3DOM的样式编程</p> <p> </p> <p>5.3.1className属性</p> <p> </p> <p>5.3.2classList对象</p> <p> </p> <p>5.3.3style对象</p> <p> </p> <p>5.4事件</p> <p> </p> <p>5.4.1常用的一些事件</p> <p> </p> <p>5.4.2内联属性监听事件</p> <p> </p> <p>5.4.3DOM属性监听事件</p> <p> </p> <p>5.4.4标准的事件监听函数</p> <p> </p> <p>5.4.5事件触发过程</p> <p> </p> <p>5.4.6事件的Event对象</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第6章jQuery编程基础</p> <p> </p> <p>6.1jQuery介绍</p> <p> </p> <p>6.2使用jQuery</p> <p> </p> <p>6.3使用$()函数</p> <p> </p> <p>6.4jQuery的自定义选择器</p> <p> </p> <p>6.4.1基本过滤器</p> <p> </p> <p>6.4.2内容过滤器</p> <p> </p> <p>6.4.3可见性过滤器</p> <p> </p> <p>6.4.4表单选择器</p> <p> </p> <p>6.5jQuery对象与DOM对象的转换</p> <p> </p> <p>6.6jQuery对事件的处理</p> <p> </p> <p>6.6.1页面加载后执行</p> <p> </p> <p>6.6.2jQuery事件监听</p> <p> </p> <p>6.7jQuery遍历方法</p> <p> </p> <p>6.7.1遍历HTML元素对象</p> <p> </p> <p>6.7.2遍历数组对象</p> <p> </p> <p>6.7.3遍历JSON对象属性</p> <p> </p> <p>6.8jQueryDOM交互</p> <p> </p> <p>6.8.1操作HTML属性</p> <p> </p> <p>6.8.2操作表单元素的值</p> <p> </p> <p>6.8.3修改节点内容</p> <p> </p> <p>6.8.4创建和添加HTML元素节点</p> <p> </p> <p>6.8.5删除HTML元素节点</p> <p> </p> <p>6.8.6复制HTML元素节点</p> <p> </p> <p>6.8.7修改样式</p> <p> </p> <p>6.9jQuery的扩展</p> <p> </p> <p>6.10jQuery插件应用介绍</p> <p> </p> <p>6.11实例: 记忆翻牌游戏</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第7章AJAX通信技术</p> <p> </p> <p>7.1AJAX技术介绍</p> <p> </p> <p>7.2HTTP协议分析</p> <p> </p> <p>7.2.1HTTP协议介绍</p> <p> </p> <p>7.2.2Fiddler抓包神器</p> <p> </p> <p>7.2.3HTTP请求与响应</p> <p> </p> <p>7.2.4Fiddler手机数据抓包</p> <p> </p> <p>7.2.5Fiddler模拟HTTP请求</p> <p> </p> <p>7.2.6图片验证码</p> <p> </p> <p>7.3XMLHttpRequest对象</p> <p> </p> <p>7.3.1使用方法</p> <p> </p> <p>7.3.2读取数据</p> <p> </p> <p>7.3.3提交数据</p> <p> </p> <p>7.3.4FormData对象</p> <p> </p> <p>7.3.5解析XML数据</p> <p> </p> <p>7.4CORS跨域问题</p> <p> </p> <p>7.5RESTful API介绍</p> <p> </p> <p>7.6jQuery中的AJAX方法</p> <p> </p> <p>7.7实例: 送货地址管理</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第8章WebSocket基础</p> <p> </p> <p>8.1WebSocket的发展历程</p> <p> </p> <p>8.2HTML5 WebSocket简介</p> <p> </p> <p>8.3WebSocket实现</p> <p> </p> <p>8.4实例: 聊天室</p> <p> </p> <p>8.4.1WebSocket服务器端</p> <p> </p> <p>8.4.2客户端实现</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第9章播放多媒体</p> <p> </p> <p>9.1HTML5标准中的音视频</p> <p> </p> <p>9.1.1audio标签</p> <p> </p> <p>9.1.2video标签</p> <p> </p> <p>9.2audio和video标签的主要属性</p> <p> </p> <p>9.3audio对象和video对象的API</p> <p> </p> <p>9.4实例: 视频播放器</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第10章本地存储</p> <p> </p> <p>10.1HTML5本地存储技术概述</p> <p> </p> <p>10.2localStorage和sessionStorage</p> <p> </p> <p>10.2.1检查浏览器的支持</p> <p> </p> <p>10.2.2相应的API</p> <p> </p> <p>10.3Web SQL数据库</p> <p> </p> <p>10.3.1创建或打开数据库</p> <p> </p> <p>10.3.2执行SQL语句</p> <p> </p> <p>10.4IndexedDB数据库</p> <p> </p> <p>10.4.1数据库初始化</p> <p> </p> <p>10.4.2对象存储空间</p> <p> </p> <p>10.4.3索引</p> <p> </p> <p>10.4.4事务</p> <p> </p> <p>10.4.5IndexedDB的CRUD操作</p> <p> </p> <p>10.4.6游标</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第11章Canvas绘图</p> <p> </p> <p>11.1Canvas介绍</p> <p> </p> <p>11.2绘制图形</p> <p> </p> <p>11.2.1绘制直线</p> <p> </p> <p>11.2.2绘制贝塞尔曲线</p> <p> </p> <p>11.2.3绘制填充</p> <p> </p> <p>11.2.4使用渐变色</p> <p> </p> <p>11.2.5绘制矩形</p> <p> </p> <p>11.2.6绘制圆弧</p> <p> </p> <p>11.3绘制文字</p> <p> </p> <p>11.4绘制图片</p> <p> </p> <p>11.5擦除</p> <p> </p> <p>11.6坐标变换</p> <p> </p> <p>11.7像素操作</p> <p> </p> <p>11.8实例: 九宫格手势解锁</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第12章HTML5 Runtime</p> <p> </p> <p>12.1HTML5 Runtime介绍</p> <p> </p> <p>12.2HTML5 的Demo示例</p> <p> </p> <p>12.3HTML5 API的使用</p> <p> </p> <p>12.4HTML5 API的各模块</p> <p> </p> <p>12.5Webview模块</p> <p> </p> <p>12.5.1Webview的方法</p> <p> </p> <p>12.5.2WebviewObject</p> <p> </p> <p>12.5.3常见的一些UI效果</p> <p> </p> <p>12.6Native.js介绍</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第13章MUI框架</p> <p> </p> <p>13.1MUI介绍</p> <p> </p> <p>13.2MUI的示例</p> <p> </p> <p>13.3使用MUI</p> <p> </p> <p>13.4MUI页面设计的一些特殊使用</p> <p> </p> <p>13.5mui对象的内置方法和对象</p> <p> </p> <p>13.6事件管理</p> <p> </p> <p>13.7窗口管理</p> <p> </p> <p>13.8各种UI组件</p> <p> </p> <p>13.8.1按钮</p> <p> </p> <p>13.8.2数字角标</p> <p> </p> <p>13.8.3数字输入框</p> <p> </p> <p>13.8.4列表</p> <p> </p> <p>13.8.5折叠面板</p> <p> </p> <p>13.8.6卡片视图</p> <p> </p> <p>13.8.7轮播组件</p> <p> </p> <p>13.8.8图片轮播组件</p> <p> </p> <p>13.8.9复选框和单选框组件</p> <p> </p> <p>13.8.10开关组件</p> <p> </p> <p>13.8.11滑块组件</p> <p> </p> <p>13.8.12字体图标组件</p> <p> </p> <p>13.8.13表单组件</p> <p> </p> <p>13.8.14进度条组件</p> <p> </p> <p>13.8.15弹出菜单组件</p> <p> </p> <p>13.8.16遮罩层组件</p> <p> </p> <p>13.8.17操作表组件</p> <p> </p> <p>13.8.18对话框组件</p> <p> </p> <p>13.8.19scroll区域滚动</p> <p> </p> <p>13.9下拉刷新和上拉加载</p> <p> </p> <p>13.9.1下拉刷新</p> <p> </p> <p>13.9.2上拉加载</p> <p> </p> <p>13.10MUI的插件</p> <p> </p> <p>13.10.1延迟加载插件</p> <p> </p> <p>13.10.2图片预览插件</p> <p> </p> <p>13.10.3日期和时间选择器插件</p> <p> </p> <p>13.10.4单页面刷新插件</p> <p> </p> <p>13.11MUI的AJAX封装</p> <p> </p> <p>13.12Chrome调试Android应用</p> <p> </p> <p>小结</p> <p> </p> <p>习题</p> <p> </p> <p>第14章综合实例: 美食汇App</p> <p> </p> <p>14.1项目介绍</p> <p> </p> <p>14.1.1API全局变量</p> <p> </p> <p>14.1.2API介绍</p> <p> </p> <p>14.2字体图标的制作</p> <p> </p> <p>14.3manifest.json文件的配置</p> <p> </p> <p>14.3.1应用信息配置</p> <p> </p> <p>14.3.2图标配置</p> <p> </p> <p>14.3.3启动图片配置</p> <p> </p> <p>14.4向导</p> <p> </p> <p>14.5首页</p> <p> </p> <p>14.5.1使用子页面构建首页</p> <p> </p> <p>14.5.2美食列表数据的请求和刷新</p> <p> </p> <p>14.5.3滑动手势的处理</p> <p> </p> <p>14.5.4过滤条件的制作</p> <p> </p> <p>14.5.5MUI插件的使用</p> <p> </p> <p>14.5.6窗口数据的传递</p> <p> </p> <p>14.5.7扫码的实现</p> <p> </p> <p>14.5.8城市定位和选项卡切换</p> <p> </p> <p>14.6美食详情</p> <p> </p> <p>14.6.1拨打电话</p> <p> </p> <p>14.6.2百度地图定位显示</p> <p> </p> <p>14.6.3评论中的图片预览</p> <p> </p> <p>14.6.4分享</p> <p> </p> <p>14.6.5收藏</p> <p> </p> <p>14.7**</p> <p> </p> <p>14.7.1授权打开窗口</p> <p> </p> <p>14.7.2界面处理</p> <p> </p> <p>14.7.3摇一摇</p> <p> </p> <p>14.7.4自定义窗口</p> <p> </p> <p>14.7.5跨页面调用方法</p> <p> </p> <p>14.8注册和登录</p> <p> </p> <p>14.9我的订单</p> <p> </p> <p>14.9.1artTemplate生成列表</p> <p> </p> <p>14.9.2评论</p> <p> </p> <p>14.10版本更新</p> <p> </p> <p>14.11发布Android程序</p> <p> </p> <p>小结</p> <p> </p> <p>部分习题参考答案</p> <p> </p> <p>参考文献</p> <p> </p>显示全部信息前 言

前言





为什么要写这本书<p> </p> <p> </p> <p>前言</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>为什么要写这本书</p> <p>近年来移动互联网的发展十分迅猛,而HTML5开发也受到了各世界**软件公司的极力推崇和支持,大量的投资以及苹果公司、谷歌公司、微软公司,W3C的一次次联盟正说明了这点。目前主流移动操作系统iOS、Android以及Windows Phone的浏览器都支持HTML5,也更加凸显了HTML5技术在未来移动设备端的地位。</p> <p>HTML5技术从诞生以来,就具备跨平台开发的特性,目前国内外已经有很多基于HTML5的跨平台开发工具,***并不需要任何的原生应用编程经验,只需要一些HTML的相关知识,懂一些CSS和JavaScript,运用工具中所提供的各种丰富的功能模块,便可在很短时间内完成App的开发,并使其具备**的原生体验。HTML5技术让移动开发更简单,更适合开发当今流行的移动应用。</p> <p>截至2015年,已经有80%的App是全部或部分基于HTML5技术的。移动互联网行业的快速发展催生了开发热,各大企业对于HTML5开发类人才的需求不断增大,HTML5 App开发人员的缺口巨大,这也激发了广大编程人员学习HTML5 App开发以及众多院校开设这方面课程的热情。</p> <p>虽然HTML5技术在开发市场上已经占有了很大比例,相关技术书籍也不少,但是大部分都集中在传统的网页技术上。对于如何使用它来进行相关App开发,却鲜有涉及,并且这些书也不适合直接作为教材。为了便于读者学习HTML5 App相关开发技术以及相关高校课程的开设,我们结合这两年授课过程的总结,以及与企业联合定制培养HTML5 App相关人才的经验,编写了本书。</p> <p>在技术选型上,本书选择了DCloud数字天堂(北京)网络技术有限公司的HBuilder IDE、HTML5 Runtime和MUI框架,它们的**结合做到了接近原生App的功能和体验,给***提供了许多便利。截至2017年1月1日,HBuilder的***数量已高达70万人,成为中国*主流的HTML5开发工具。</p> <p>经过半年多见缝插针式的奋战,本书终于顺利交稿了,我们感到欣慰,同时也为能将自己多年来参与项目开发和指导的经验以及教学上的心得与各位读者分享而感到高兴。</p> <p>本书第1、5、7、12、13、14章由黄波和王彩编写,第2、4、6、8章由张小华编写,第3、9、10、11章由黄平编写。书中的源代码由王彩整理。</p> <p>本书适合作为高等院校计算机及相关专业的教材,也可以作为相关培训机构的培训教材,以及对HTML5 App开发技术感兴趣人员的自学用书。</p> <p>HTML5 App开发是一个发展迅速的技术,很多方面还在不断完善和变化。由于能力和水平所限,虽然竭尽全力,但仍然难免存在错误和疏漏,希望各位专家、老师和同学提出问题,与编者共同讨论。编者的邮箱为html5toApp@163.com。</p> <p>本书特点</p> <p>1. 内容丰富,由浅入深</p> <p>本书以“看得懂、学得会、做得出”为原则,系统地介绍了HTML5 App开发的各种技术和知识,通过每章的内容逐渐**读者进入HTML5 App的开发世界。</p> <p>书中所讲解的知识基础而实用,并且课程量适中,能让读者在认真学习本课程后基本具备HTML5 App的开发能力,成功进入到App开发的世界中。</p> <p>2. 结构清晰,讲解到位</p> <p>本书中配合每个需要讲解的知识点都给出了丰富的插图与完整的实例,使得初学者易于上手。书中所有实例都是实际开发中的例子,结构清晰明了,便于学习。同时书中还给出了很多关于HTML5 App开发的实用技巧与心得,具有较高的参考价值。*后一章还给出了一个综合的App开发实例“美食汇”的开发讲解。</p> <p>3. 提供书中所有实例源码</p> <p>为了便于学习,读者可以方便地从清华大学出版社网站(http://www.tup.com.cn/)获取本书配套资源包,资源包中包含了书中所有案例的完整源代码,*大限度地帮助读者快速掌握各方面的知识与技术。对于书中所有需要访问的服务器端API,我们已经部署在Internet上,便于读者方便练习,更集中精力掌握App开发的前端相关技术。</p> <p>4. 配套的详细课件和习题</p> <p>为了便于课堂授课,教师可以很方便地从清华大学出版社网站(http://www.tup.com.cn/)获取所有章节对应的PPT课件。这大大降低了教师备课的难度和时间成本,使得教师可以更好地把精力集中在教学环节,提高授课质量。同时每章*后都配有精心设计的习题,并提供了相应的答案,便于读者复习和教师出题。</p> <p>学习建议</p> <p>本书共分为14章,讲解的内容按照由简到难的顺序进行安排。其中包括了HTML5 App开发的多方面的知识,课内学时建议64学时,具体内容及安排如下表所示: </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>章名主 要 内 容课内</p> <p>学时课外</p> <p>学时</p> <p>第1章 HTML5 App应用开发概述</p> <p>简要介绍HTML5的一些新特性,HTML5 App与原生App的比较,开发环境HBuilder的使用21</p> <p>第2章 HTML5页面基础</p> <p>了解HTML语言特性,介绍HTML5文档基本格式,以及用于HTML5 App开发的一些常用标签63</p> <p> </p> <p>续表</p> <p> </p> <p> </p> <p> </p> <p>章名主 要 内 容课内</p> <p>学时课外</p> <p>学时</p> <p>第3章 CSS样式设计</p> <p>介绍CSS样式规则和使用,在App开发中的一些常用CSS属性,使用Chrome调试CSS</p> <p>8</p> <p>6</p> <p>第4章 JavaScript编程基础介绍JavaScript的一些基本语法、定义函数、各种内置对象的使用,JSON数据处理,调试技巧73</p> <p>第5章 JavaScript 交互编程</p> <p>介绍JavaScript的各种DOM操作和样式编程</p> <p>5</p> <p>3</p> <p>第6章 jQuery编程基础介绍jQuery的选择器、事件的监听、各种DOM交互和功能扩展52</p> <p>第7章 AJAX通信技术</p> <p>介绍AJAX的技术原理、HTTP协议,Fiddler抓包工具、XMLHttpRequest对象的使用,jQuery的AJAX方法支持,RESTFul API使用</p> <p>6</p> <p>3</p> <p>第8章 WebSocket基础介绍WebSocket的技术原理以及相应的API22</p> <p>第9章 播放多媒体介绍audio和video标签的使用,以及相应的API22</p> <p>第10章 本地存储介绍HTML5中本地存储技术localStorage、sessionStorage、Web SQL和IndexedDB的使用33</p> <p>第11章 Canvas绘图</p> <p>介绍Canvas以及相应绘图API的使用</p> <p>3</p> <p>2</p> <p>第12章 HTML5 Runtime介绍HTML5 的模块组成,在页面中使用HTML5 API,WebView模块的一些典型使用44</p> <p>第13章 MUI框架</p> <p>介绍MUI项目页面的布局、一些内置方法,事件和窗口管理、典型的一些UI组件和插件,AJAX通信调用,在Chrome中调试Android程序</p> <p>6</p> <p>4</p> <p>第14章 综合实例: 美食汇App给出一个完整的Android App开发实例58</p> <p> </p> <p>注: 建议课外学时为46学时,便于完成一些实例的练习,任何编程的学习都不能指望在课堂上解决所有的问题,必须在课外进行适时练习。教学或学习过程中可按实际情况对学时和内容进行调整。</p> <p> </p> <p> </p> <p>本书配套资源包使用说明</p> <p>下载本书配套资源包的压缩文件,解压后用Chrome浏览器打开其中的“index.html”,界面如下图所示,单击左侧树形菜单中各章节每个例子的编号,右侧将显示该例子的效果和说明。</p> <p> </p> <p> </p> <p> </p> <p> </p>显示全部信息免费在线读第3章CSS样式设计学习目标 熟练掌握CSS的样式规则,CSS在HTML5页面中的应用和各种CSS选择器的使用,CSS的层叠性和优先级。 熟练掌握各种HTML5 App开发常用的CSS属性和页面的适配。 掌握使用Chrome的“***工具”对CSS样式进行调试。
CSS样式设计是HTML5 App开发中*重要的技术之一,有了它才真正实现了内容与外观的分离,通过它可以控制页面的布局、样式、动画,移动设备的适配。目前CSS也是各公司HTML5工程师**的技能之一。本章针对CSS的语法规则、各种在App开发中常用的CSS属性、CSS在Chrome中的调试等重要内容作详细的讲解。3.1CSS简介CSS即层叠样式表(Cascading StyleSheet)。在页面制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景,甚至动画效果实现**的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的外观。CSS禅意花园(http://www.csszengarden.com/)是网站设计领域***的网站之一,网站提供了一张HTML页面,设计师们为它设计出成百上千个CSS样式文件,这张页面通过更换样式表呈现出各式各样、另人惊叹的效果,如图31所示,这两张页面的源码是一样的,只是样式表文件不同,这让人不禁感叹CSS的强大。

图31禅意花园的不同CSS设计


在页面中使用CSS技术,可以设计出更加整洁、漂亮的页面,它解决了内容与外观分离的问题。科学地编写CSS,还可以大大提高页面样式的复用性。CSS目前的*新版本是CSS3,由于各浏览器厂商对CSS3的各属性支持程度不一样,因此,有少数CSS3属性需要用厂商的前缀加以区分,通常把这些加上私有前缀的属性叫“私有属性”,以便于在不同的浏览器下更好地体验CSS3特性。表31列举了各主流浏览器的私有属性。

表31各主流浏览器私有属性


内核浏览器私有前缀

目录




第1章HTML5 App应用开发概述

1.1HTML5介绍

越来越多的公司采用HTML5来快速开发移动跨平台App,它支持市面**行的移动设备,本书将帮助读者快速学习如何利用HTML 5和Dcloud(数字天堂)的HTML5移动开发技术来开发移动App。本书介绍HTML5在移动APP开发的相关技术,CSS3的应用,JavaScript的编程知识,并使用了大量实例,介绍了利用Hbuider、MUI、HTML5 规范开发APP的流程和实现。