标签分类
当前位置:首页 > 程序设计电子书 > HTML5电子书网盘下载
细说HTML5高级API 细说HTML5高级API
疯子无敌天下

疯子无敌天下 提供上传

资源
35
粉丝
45
喜欢
5
评论
20

    细说HTML5高级API PDF 原书扫描版

    HTML5电子书
    • 发布时间:

    给大家带来的一篇关于HTML5相关的电子书资源,介绍了关于HTML5、高级API方面的内容,本书是由电子工业出版社出版,格式为PDF,资源大小139 MB,兄弟连教育编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.4,更多相关的学习资源可以参阅 程序设计电子书Web前端视频、等栏目。

  • 细说HTML5高级API PDF 下载
  • 下载地址:https://pan.baidu.com/s/1CcIJOixbkpRPHbqVl3mKAQ
  • 分享码:pqg8
  • 细说HTML5高级API

    Cordova问世的目地,是以便迅速搭建跨平台的中移动app软件,在市场开拓要求提升和规定开发设计高效率提升的状况下,人们迫不得已挑选应用场景HTML5的开发设计,而Cordova是应用场景HTML5的,适用全部市面的手机端机器设备,这书的关键特性就是说以便用户可以从入门到精通的学习培训应用HTML5和Cordova的科研开发手机端app软件。这书分成三一部分,首位一部分是详细介绍HTML5的手机端合理布局和不一样服务平台下Node.Js和Cordova的自然环境构建,其次一部分详细介绍Cordova的常见关键API,包括了事件处理,所在位置,web储存,多媒体系统这些。第三一部分详细介绍了HTML5高級API中的好多个常见API,web Workers,web Socket,和Canvas等较为常见的API。这书比较合适有必须的JavaScript+HTML5开发设计基本的用户,期待用户可以从每一事例中触类旁通,获得大量专业知识。

    跨平台技术简介

    针对原生开发面临问题,人们一直都在努力寻找好的解决方案,而时至今日,已经有很多跨平台框架(注意,本书中所指的“跨平台”若无特殊说明,即特指Android和iOS两个平台),根据其原理,主要分为三类:

    1、H5+原生(Cordova、Ionic、微信小程序)
    2、JavaScript开发+原生渲染 (React Native、Weex、快应用)
    3、自绘UI+原生(QT for mobile、Flutter)
    4、在接下来的章节中我们逐个来看看这三类框架的原理及优缺点。

    目录

    • 第1章 鸟瞰HTML5 1
    • 1.1 原生还是混合 1
    • 1.1.1 原生应用的优缺点 2
    • 1.1.2 混合应用的优缺点 2
    • 1.2 移动端Web站点和原生应用 3
    • 1.2.1 构建移动端解决方案 3
    • 1.2.2 建立成功的移动端方案 4
    • 1.3. Web API和APP组件开发 5
    • 1.3.1 面向API方式的开发方式 6
    • 1.3.2 组件化自动化构建 7
    • 1.3.3 未来展望 7
    • 1.4 本章总结 8
    • 第2章 HTML5 bMap地理位置与服务 9
    • 2.1 基本知识之经纬度 9
    • 2.2 bMap JavaScript API实例之Hello bMap 10
    • 2.2.1 创建账户和申请密钥 11
    • 2.2.2 Hello bMap应用 13
    • 2.3 应用bMap JavaScript API 15
    • 2.3.1 实例之添加定位控件 15
    • 2.3.2 实例之步行路线 18
    • 2.3.3 实例之驾车路线 21
    • 2.3.4 实例之公交路线 23
    • 2.3.5 实例之本地搜索 25
    • 2.4 本章总结 27
    • 练习题 28
    • 第3章 HTML5本地存储 29
    • 3.1 Web Storage API 29
    • 3.1.1 使用Web Storage API的好处 29
    • 3.1.2 浏览器客户端常用的存储数据方式 30
    • 3.1.3 简单存储实例 30
    • 3.2 Web Storage的常用方法 32
    • 3.2.1 setItem()与getItem()方法的使用 32
    • 3.2.2 key()方法的使用 32
    • 3.2.3 removeItem()和clear()方法的使用 34
    • 3.3 实例:幻灯播放 35
    • 3.3.1 impress的介绍与下载 35
    • 3.3.2 效果与代码清单 36
    • 3.3.3 impress.js的主要方法 38
    • 3.4 本章小结 39
    • 练习题 40
    • 第4章 HTML5 Canvas API应用 41
    • 4.1 什么是Canvas 41
    • 4.1.1 Canvas的由来 41
    • 4.1.2 Canvas的概念 42
    • 4.2 如何使用Canvas 43
    • 4.2.1 使用Canvas API的基本知识 43
    • 4.2.2 检测浏览器是否支持Canvas 44
    • 4.2.3 Canvas与CSS的关系与应用 46
    • 4.3 使用Canvas绘制矩形的对角线 48
    • 4.3.1 HTML代码实例 48
    • 4.3.2 思路分析 51
    • 4.4 使用Canvas API绘制圆 51
    • 4.4.1 绘制圆的参数说明 51
    • 4.4.2 绘制圆的HTML代码清单 52
    • 4.4.3 绘制圆的效果图 53
    • 4.5 使用Canvas API绘制矩形 54
    • 4.5.1 绘制矩形的参数说明 54
    • 4.5.2 绘制矩形的HTML代码 54
    • 4.5.3 绘制矩形的效果图 55
    • 4.6 使用Canvas绘制时钟的实例 56
    • 4.6.1 绘制时钟的原理 56
    • 4.6.2 绘制时钟的HTML代码清单 56
    • 4.6.3 绘制时钟的效果图 60
    • 4.7 本章总结 60
    • 练习题 61
    • 第5章 HTML5中的WebSocket的应用 63
    • 5.1 认识WebSocket API 63
    • 5.1.1 简单理解WebSocket 63
    • 5.1.2 WebSocket协议和HTTP的不同 64
    • 5.2 WebSocket和HTTP会话演示 67
    • 5.2.1 HTTP的会话演示 67
    • 5.2.2 WebSocket的会话演示 67
    • 5.2.3 浏览器的支持情况 68
    • 5.2.4 WebSocket的API常用的方法和属性 68
    • 5.3 经典案例:WebSocket聊天室 69
    • 5.3.1 服务器代码片段 70
    • 5.3.2 HTML界面代码片段 72
    • 5.3.3 客户端的实现 75
    • 5.3.4 效果演示和详解 78
    • 5.4 本章总结 81
    • 第6章 FileReader API的引用 82
    • 6.1 FileReader API的概念 82
    • 6.2 FileReader API的相关方法 83
    • 6.2.1 readAsText()方法 83
    • 6.2.2 readAsDataURL()方法 83
    • 6.2.3 readAsBinaryString()方法 84
    • 6.2.4 readAsArrayBuffer()方法 84
    • 6.2.5 abort()方法 84
    • 6.3 实例:读取文本内容 84
    • 6.3.1 思路分析 84
    • 6.3.2 HTML文档代码片段 85
    • 6.3.3 JavaScript代码片段 86
    • 6.3.4 简单的CSS代码片段 87
    • 6.3.5 必要属性和事件驱动 87
    • 6.4 实例:读取图像文件 89
    • 6.4.1 JavaScript代码片段 89
    • 6.4.2 HTML代码片段 89
    • 6.4.3 CSS代码片段 91
    • 6.4.4 思路梳理 91
    • 6.5 本章总结 93
    • 练习题 93
    • 第7章 HTML5拖放API 95
    • 7.1 DOM和CSS实现的类似拖放功能的弊端 95
    • 7.2 拖放API的概念 96
    • 7.3 拖放API的事件和说明 97
    • 7.4 拖放API的使用 97
    • 7.5 实例1:经典列表拖放 98
    • 7.6 实例2:文件拖放 101
    • 7.7 本章总结 104
    • 练习题 104
    • 第8章 Apache Cordova简介 106
    • 8.1 Cordova或PhoneGap 106
    • 8.1.1 Cordova的由来 107
    • 8.1.2 Cordova和PhoneGap的区别 108
    • 8.1.3 Cordova的特点 108
    • 8.1.4 注意事项 109
    • 8.2 搭建Cordova环境 109
    • 8.2.1 安装Node.js 109
    • 8.2.2 安装和使用Node.js版本管理工具 113
    • 8.3 安装使用Cordova 116
    • 8.3.1 安装Cordova到系统中 116
    • 8.3.2 使用淘宝的镜像 117
    • 8.3.3 创建第一个Cordova APP 118
    • 8.3.4 项目目录的结构讲解 120
    • 8.3.5 单页面应用 121
    • 8.4 本章总结 124
    • 练习题 125
    • 第9章 Cordova的真机调试和必备知识 126
    • 9.1 JDK的安装与配置 126
    • 9.1.1 在Mac OS X上安装JDK 127
    • 9.1.2 在Windows平台上安装JDK 128
    • 9.1.3 测试Java是否安装成功 129
    • 9.1.4 在Windows平台上配置环境变量 129
    • 9.2 Android Studio的下载与安装 132
    • 9.2.1 Mac上Android Studio的下载与安装 132
    • 9.2.2 Windows上Android Studio的下载与安装 133
    • 9.3 Android Studio的SDK包的管理 134
    • 9.3.1 安装必要的SDK 134
    • 9.3.2 单例模式下运行SDK Manager 135
    • 9.4 安卓真机的运行与调试 136
    • 9.4.1 创建一个名为HelloAndroid的APP 136
    • 9.4.2 添加安卓平台 136
    • 9.4.3 查看编译环境 137
    • 9.4.4 编译安卓应用 137
    • 9.4.5 安装到安卓手机并运行 138
    • 9.5 苹果手机的真机调试 139
    • 9.5.1 新建一个名为hello的APP 139
    • 9.5.2 打开Xcode,加载项目 140
    • 9.5.3 编译和安装hello项目 140
    • 9.5.4 重新打开手机上名为hello的APP 141
    • 9.6 Cordova编辑器小知识 142
    • 9.6.1 SublimeText3 142
    • 9.6.2 WebStorm 143
    • 9.7 本章总结 144
    • 练习题 144
    • 第10章 Cordova开发基础 146
    • 10.1 什么是flexbox 146
    • 10.2 理解flexbox布局模型 147
    • 10.3 深入理解伸缩容器的属性 148
    • 10.3.1 display属性 149
    • 10.3.2 flex-direction属性 150
    • 10.3.3 flex-wrap属性 153
    • 10.3.4 flex-flow属性 156
    • 10.3.5 justify-content属性 158
    • 10.3.6 align-items属性 162
    • 10.3.7 align-content属性 167
    • 10.4 深入理解伸缩项目的属性 173
    • 10.4.1 order属性 174
    • 10.4.2 flex-grow属性 175
    • 10.4.3 flex-shrink 177
    • 10.4.4 flex-basis属性 178
    • 10.4.5 flex属性 180
    • 10.4.6 align-self属性 181
    • 10.5 本章总结 187
    • 练习题 188
    • 第11章 Cordova中的事件处理 189
    • 11.1 关于Cordova生命周期 189
    • 11.1.1 认识程序的生命周期 189
    • 11.1.2 理解Cordova生命周期中的事件 191
    • 11.2 Cordova生命周期事件的使用 194
    • 11.2.1 Cordova的生命周期中的程序加载状态事件 194
    • 11.2.2 Cordova生命周期中的设备状态事件 198
    • 11.2.3 Cordova生命周期中的用户主动触发事件 200
    • 11.3 本章总结 204
    • 练习题 204
    • 第12章 Cordova地理位置信息服务 206
    • 12.1 Geolocation API的使用 206
    • 12.1.1 获取设备的地理位置信息 207
    • 12.1.2 获取设备坐标的实例 207
    • 12.2 监听设备信息变化 210
    • 12.2.1 监听设备地理位置实例 210
    • 12.2.2 监听地理位置信息变化参数分析 213
    • 12.3 本章总结 213
    • 练习题 214
    • 第13章 Cordova设备方向API 216
    • 13.1 获取当前设备的方向案例 216
    • 13.2 监测当前设备的位置信息 220
    • 13.3 仿微信摇一摇功能的实例 222
    • 13.4 本章总结 225
    • 练习题 226
    • 第14章 Cordova中的多媒体 228
    • 14.1 播放远程音乐 228
    • 14.2 暂停音乐播放 234
    • 14.3 停止音乐播放 236
    • 14.4 追踪显示播放进度 238
    • 14.5 从指定的位置播放 240
    • 14.6 录制声音与播放声音 242
    • 14.7 资源与性能优化 244
    • 14.8 本章总结 245
    • 练习题 245
    • 第15章 Cordova中的内置浏览器 247
    • 15.1 认识内置浏览器 247
    • 15.2 第一个简单的实例 248
    • 15.3 第二个实例:自定义URL 250
    • 15.4 本章总结 253
    • 练习题 253
    • 第16章 Cordova中的数据库存储 255
    • 16.1 Cordova中的本地存储 255
    • 16.1.1 Web端的本地存储 255
    • 16.1.2 Cordova应用中的本地存储 258
    • 16.2 Cordova中的数据库 259
    • 16.2.1 认识Cordova中的SQLite API 261
    • 16.2.2 使用SQLite SQL 261
    • 16.3 本章总结 266
    • 练习题 266
    • 第17章 Cordova中的Device Motion API 268
    • 17.1 使用加速传感器 268
    • 17.1.1 加速度的概念 268
    • 17.1.2 获取当前加速度的实例 269
    • 17.2 监控设备的加速度 271
    • 17.2.1 如何监控当前设备的加速度 271
    • 17.2.2 监测当前设备加速度的实例 272
    • 17.2.3 深入理解“加速度” 274
    • 17.2.4 哪些场景可以应用加速传感器 275
    • 17.3 本章总结 278
    • 练习题 278

    上一篇:DT时代  下一篇:大数据治理

    展开 +

    收起 -

    码小辫二维码
     ←点击下载即可登录

    HTML5相关电子书
    学习笔记
    网友NO.358590

    HTML5+Canvas调用手机拍照功能实现图片上传(上)

    因为最近一段时间,一直在弄微信项目,其中涉及到了证件上传的功能,刚开始的时候一点头绪都没有,上网查了很多资料,QQ群里面也问了不少人,很多人说如果是app程序,可以申请系统权限,然后再去调用系统底层的东西,但是微信是在浏览器里面操作的,我们自定义的页面也是通过微信内置浏览器打开的,而且微信浏览器在内部进行了很多特殊处理,屏蔽了很多东西,所以要在页面调用拍照功能或者是打开手机系统的图库目录是不可能的,当然,这些都只是大伙儿理论上的猜测而已,而在我查了两天的资料之后,发现这个问题原来是可以解决的,而且实现的过程居然也很简单。只是用到了HTML5的file文件上传功能,再配合canvas即可。下面附上源代码: html meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" meta name="format-detection" content="telephone=yes" head meta charset="UTF-8" title上传证件/title style body { margin: 20px 20%; color:#777; text-align: center; } #result{ margin-top: 20px; } /style /head body h1 class="text-center"上传证件.../h1 hr/ input type="file"/ div id="result" align="center"/div hr/ !-- 引入jQuery -- script type="text/javascript" src="../js/jQuery/jquery-1.9.1.min.js"/script script type="text/javascript" src="../js/LocalResizeIMG.js……

    网友NO.815182

    jQuery+HTML5实现弹出创意搜索框层

    效果体验:http://demo.jb51.net/js/2016/sousuokuang_jb51/ 本效果适用于移动设备,可以使用手机等浏览效果。 代码下载:http://xiazai.jb51.net/201612/yuanma/sousuokuang_jb51.rar HTML代码如下: !doctype htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /titlejQuery+CSS3创意搜索框特效 - 何问起/titlelink rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/26/css/default.css" /!--必要样式--link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/26/css/search-form.css" //headbodydiva href="http://hovertree.com/"首页/a a href="http://hovertree.com/texiao/"特效/a a href="http://hovertree.com/h/bjaf/sousuokuang.htm"原文/a/divform onSubmit="submitFn(this, event);" name="yestop"div class="search-wrapper"div class="input-holder"input type="text" class="search-input" placeholder="请输入关键词" name="hewenqi" /input type="hidden" name="q" /button class="search-icon" onClick="searchToggle(this, event);"span/span/button/divspan class="close" onClick="searchToggle(this, event);"/spandiv class="result-container"/div/div/formscript src="http://hovertree.com/ziyuan/jquery/jquery-1.12.0.min.js" type="text/javascript"/scriptscript type="text/javascript" src="http://hovertree.com/texiao/jquery/26/js/hovertreesearch.js"/script/body/html 其中……

    网友NO.944903

    js+html5实现页面可刷新的倒计时效果

    写了一个5分钟倒计时的代码,有的时候代码需要刷新,然后倒计时又从4:59开始了,我想到的一个解决办法,就是使用缓存,将开始倒计时的时间加上要倒计时的5分钟设为缓存,然后直接用这个缓存时间减去当前时间,就可以一直倒计时了,不管你在倒计时过程中操作了什么,时间总在变吧,哈哈,原理就是这样嘀。 !doctype htmlhtml head meta charset="utf-8" title简单易用的倒计时js代码/title /head body div id="time"/div script src="js/jquery-git.js"/script script localStorage.setItem('start', new Date().getTime()); countDown(localStorage.getItem('start')); function countDown(startTime) { var time = setInterval(function() { var currentTime = new Date(); var second = 59 - parseInt(((currentTime.getTime() - startTime) / 1000) % 60); var min = 4 - parseInt((currentTime.getTime() - startTime) / 60000); if(min 10) { min = "0" + min; } if(second 10) { second = "0" + second; } var countDown = min + ":" + second; $('#time').html(countDown); if(second == 0 min == 0) { clearInterval(time); } }, 1000) } /script /body/html 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。 ……

    网友NO.324670

    cordova+vue+webapp使用html5获取地理位置的方法

    1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。 语法: navigator.geolocation.getCurrentPosition(success, error, options) 参数: success: 成功得到位置信息时的回调函数,使用Position 对象作为唯一的参数。 error: 获取位置信息失败时的回调函数,使用 PositionError 对象作为唯一的参数,这是一个可选项。 options:一个可选的PositionOptions 对象,包含以下3个参数。 enableHighAccuracy 是一个Boolean值,用来表明应用是否使用其最高精度来表示结果,默认为false。 timeout 是一个正的long值,表明的是设备必须在多长时间(单位毫秒)内返回一个位置,默认是Infinity。 maximumAge 是一个正的long值,表明可以返回多长时间(即最长年龄,单位毫秒)内的可获取的缓存位置。如果设置为 0,说明设备不能使用一个缓存位置,而且必须去获取一个真实的当前位置。如果设置为 Infinity ,那么不管设置的最长年龄是多少,设备都必须返回一个缓存位置。默认值:0 2.success - 成功得到位置信息时的回调函数 navigator.geolocation.getCurrentPosition(function(position)) { // 获取成功时的的处理 //参数position是地理位置对象} position中返回的信息如下图: accuracy 获取到的纬度或者经度的精度(以米为单位) altitude 当前地理位置的海拨高度(不能获取为null) altitudeAccurancy 获取到的海拨高……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明