HTML5+CSS3+JavaScript+jQuery程序设计基础教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5+CSS3+JavaScript+jQuery程序设计基础教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 HTML5概述1

1.1 HTML基础2

1.1.1 什么是HTML2

1.1.2 HTML的历史2

1.2 HTML4基础3

1.2.1 设置网页背景和颜色3

1.2.2 设置字体属性4

1.2.3 超级链接4

1.2.4 图像和动画6

1.2.5 表格6

1.2.6 使用框架8

1.2.7 其他常用标签9

1.3 HTML5的新特性12

1.3.1 简化的文档类型和字符集12

1.3.2 HTML5的新结构13

1.3.3 HTML5的新增内联元素16

1.3.4 支持动态页面18

1.3.5 全新的表单设计21

1.3.6 强大的绘图和多媒体功能21

1.3.7 打造桌面应用的一系列新功能22

1.3.8 获取地理位置信息22

1.3.9 支持多线程23

1.3.10 small元素23

1.3.11 contenteditable属性23

1.3.12 placeholder属性23

1.3.13 废弃的标签24

1.4 支持HTML5的浏览器25

练习题26

第2章 JavaScript编程28

2.1 在HTML中使用JavaScript语言29

2.1.1 在HTML中插入JavaScript代码29

2.1.2 使用js文件29

2.2 基本语法30

2.2.1 数据类型30

2.2.2 变量30

2.2.3 注释31

2.2.4 运算符31

2.3 常用语句34

2.3.1 条件分支语句34

2.3.2 循环语句38

2.4 函数41

2.4.1 创建自定义函数42

2.4.2 调用函数42

2.4.3 变量的作用域43

2.4.4 函数的返回值44

2.5 面向对象程序设计44

2.5.1 面向对象程序设计思想简介44

2.5.2 JavaScript内置类45

2.5.3 HTMLDOM53

2.5.4 Window对象54

2.5.5 Navigator对象58

2.5.6 document对象60

2.6 JavaScript事件处理61

2.6.1 常用的HTML事件61

2.6.2 Window对象的事件处理63

2.6.3 Event对象63

2.7 渐进式前端框架Vue.js64

2.7.1 下载和安装Vue.js64

2.7.2 MVVM开发模式65

2.7.3 Vue.js的开发流程66

2.7.4 Vue.js的常用指令67

2.8 使用webpack＋Vue构建模块化项目72

2.8.1 webpack72

2.8.2 Babel76

练习题81

第3章 HTML5表单及文件处理83

3.1 HTML4表单84

3.1.1 定义表单84

3.1.2 文本框84

3.1.3 文本区域85

3.1.4 单选按钮86

3.1.5 复选框86

3.1.6 组合框87

3.1.7 按钮87

3.2 HTML5表单的新特性89

3.2.1 新的＜input＞标签类型89

3.2.2 新的表单元素92

3.2.3 新的表单属性94

3.2.4 表单验证95

3.3 在Vue.jjs表单控件上实现双向数据绑定97

3.3.1 在input和textarea元素上实现双向数据绑定97

3.3.2 在复选框上实现双向数据绑定99

3.3.3 在select列表上实现双向数据绑定100

3.3.4 在单选按钮上实现双向数据绑定101

3.3.5 修饰符102

3.4 文件处理102

3.4.1 选择文件的表单控件102

3.4.2 检测浏览器是否支持HTML5 File API103

3.4.3 FileList接口103

3.4.4 FileReader接口105

练习题107

第4章 最新版本的层叠样式表——CSS3109

4.1 CSS基础110

4.1.1 什么是CSS110

4.1.2 在HTML文档中应用CSS111

4.1.3 颜色与背景113

4.1.4 设置字体114

4.1.5 设置文本属性115

4.1.6 超链接120

4.1.7 列表122

4.1.8 表格124

4.1.9 CSS轮廓127

4.1.10 浮动元素129

4.2 CSS3的新技术130

4.2.1 实现圆角效果130

4.2.2 多彩的边框颜色134

4.2.3 阴影135

4.2.4 背景图片136

4.2.5 多列138

4.2.6 嵌入字体142

4.2.7 透明度143

4.2.8 HSL和HSLA颜色表现方法145

4.3 CSS3应用实例146

4.3.1 HTML5＋CSS3设计页面布局147

4.3.2 设计漂亮的导航菜单151

4.3.3 设计登录页面153

4.4 前端CSS框架Bootstrap156

4.4.1 下载和使用Bootstrap156

4.4.2 布局容器159

4.4.3 栅格系统159

4.4.4 Bootstrap布局组件160

练习题163

第5章 HTML5拖放165

5.1 概述166

5.1.1 什么是拖放166

5.1.2 设置元素为可拖放166

5.1.3 拖放事件166

5.2 传递拖曳数据167

5.2.1 dataTransfer对象的属性167

5.2.2 dataTransfer对象的方法168

5.3 HTML5拖放的实例169

5.3.1 拖放HTML元素169

5.3.2 拖放文件170

5.4 在Vue.js中实现拖曳功能171

5.4.1 require.js171

5.4.2 注册vuedraggable.js组件172

5.4.3 在HTML中使用vuedraggable.js组件172

5.4.4 应用实例174

练习题176

第6章 使用Canvas API 画图177

6.1 Canvas元素178

6.1.1 Canvas元素的定义语法178

6.1.2 使用JavaScript获取网页中的Canvas对象178

6.2 坐标与颜色179

6.2.1 坐标系统179

6.2.2 颜色的表示方法179

6.3 绘制图形180

6.3.1 绘制直线180

6.3.2 绘制贝塞尔曲线182

6.3.3 绘制矩形185

6.3.4 绘制圆弧187

6.4 描边和填充188

6.4.1 描边189

6.4.2 填充图形内部192

6.4.3 渐变颜色193

6.4.4 透明颜色197

6.5 绘制图像与文字198

6.5.1 绘制图像198

6.5.2 输出文字200

6.6 图形的操作203

6.6.1 保存和恢复绘图状态204

6.6.2 移动205

6.6.3 缩放206

6.6.4 旋转206

6.6.5 变形207

6.7 组合和阴影209

6.7.1 组合图形209

6.7.2 绘制阴影212

6.8 HTML5 Canvas应用实例213

6.8.1 绘制漂亮的警告牌213

6.8.2 动画实例：小型太阳系模型215

练习题218

第7章 绘制可伸缩矢量图形（SVG）220

7.1 SVG概述221

7.1.1 SVG的特性221

7.1.2 XML基础221

7.1.3 SVG实例222

7.1.4 SVG坐标系统223

7.1.5 在HTML5 中使用SVG223

7.2 SVG形状224

7.2.1 绘制直线224

7.2.2 绘制折线225

7.2.3 绘制矩形226

7.2.4 绘制圆形226

7.2.5 绘制椭圆227

7.2.6 绘制多边形227

7.2.7 路径228

7.3 线条和填充230

7.3.1 设置线条的属性230

7.3.2 填充233

7.4 SVG文本与图片234

7.4.1 输出文本234

7.4.2 SVG图片237

7.5 SVG滤镜237

7.5.1 定义滤镜237

7.5.2 应用滤镜238

7.6 渐变颜色239

7.6.1 线性渐变239

7.6.2 放射性渐变240

7.7 变换坐标系241

7.7.1 视窗变换——viewBox属性241

7.7.2 用户坐标系的变换——transform属性242

练习题244

第8章 播放多媒体245

8.1 HTML5音频246

8.1.1 audio标签246

8.1.2 播放背景音乐247

8.1.3 设置替换音频源247

8.1.4 使用JavaScript语言访问audio对象248

8.2 HTML5视频252

8.2.1 video标签252

8.2.2 使用JavaScript语言访问video对象253

8.3 视频播放插件video.js259

练习题260

第9章 Web通信261

9.1 跨文档消息机制262

9.1.1 检测浏览器对跨文档消息机制的支持情况262

9.1.2 使用postMessage API发送消息262

9.1.3 监听和处理消息事件264

9.2 XMLHttpRequest Level 2265

9.2.1 创建XMLHttpRequest对象265

9.2.2 发送HTTP请求266

9.2.3 从服务器接收数据266

9.2.4 进行HTTP头（HEAD）请求269

9.2.5 超时控制272

9.2.6 使用FormData对象向服务器发送数据272

9.2.7 使用FormData对象上传文件274

9.3 WebSocket279

9.3.1 什么是Socket279

9.3.2 WebSocket API概述281

9.3.3 WebSocket API编程282

9.3.4 WebSocket服务器284

练习题286

第10章 本地存储287

10.1 概述288

10.1.1 HTML4的本地数据存储方式288

10.1.2 HTML5本地存储技术概述289

10.2 Iocalstorage290

10.2.1 浏览器对localstorage的支持情况290

10.2.2 使用localstorage保存数据290

10.2.3 获取localstorage中的数据291

10.2.4 删除localstorage中的数据292

10.2.5 storage事件292

10.3 sessionstorage294

10.3.1 判断浏览器是否支持 sessionstorage294

10.3.2 使用sessionstorage保存数据295

10.3.3 获取sessionstorage中的数据295

10.3.4 删除sessionstorage中的数据296

10.4 Web SQL Database API296

10.4.1 判断浏览器是否支持Web SQL Database API296

10.4.2 新建数据库297

10.4.3 执行SQL语句297

10.5 IndexedDB300

10.5.1 数据库的相关概念300

10.5.2 判断浏览器是否支持IndexedDB302

10.5.3 创建和打开数据库302

10.5.4 创建对象存储空间 ObjectStore303

10.5.5 创建索引305

10.5.6 事务306

10.5.7 游标309

练习题313

第11章 开发支持离线的Web应用程序315

11.1 HTML5离线Web应用程序概述316

11.1.1 什么是离线Web应用程序316

11.1.2 开发离线Web应用程序需要完成的工作317

11.2 开发HTML5离线Web应用程序317

11.2.1 Application CacheAPI318

11.2.2 Cache Manifest文件318

11.2.3 更新缓存320

11.2.4 检测在线状态323

练习题324

第12章 获取浏览器的地理位置信息325

12.1 概述326

12.1.1 什么是浏览器的地理位置326

12.1.2 浏览器对获取地理位置信息的支持情况326

12.2 获取地理位置信息327

12.2.1 getCurrentPosition()方法327

12.2.2 watchPosition()方法329

12.2.3 clear Watch()方法330

12.3 数据保护330

12.3.1 在Internet Explorer9 中配置共享地理位置330

12.3.2 在Chrome 中配置共享地理位置332

12.3.3 在Firefox中配置共享地理位置334

练习题335

第13章 支持多线程编程的Web Workers336

13.1 概述337

13.1.1 什么是线程337

13.1.2 什么是HTML5 Web Workers338

13.1.3 浏览器对Web Workers的支持情况338

13.2 Web Workers编程339

13.2.1 创建Web Workers对象339

13.2.2 终止Web Workers对象341

13.2.3 共享线程341

练习题343

第14章 jQuery程序设计344

14.1 jQuery基础345

14.1.1 下载jQuery345

14.1.2 初识jQuery345

14.2 jQuery选择器347

14.2.1 基础选择器347

14.2.2 层次选择器350

14.2.3 基本过滤器354

14.2.4 内容过滤器355

14.2.5 可见性过滤器357

14.2.6 属性过滤器357

14.2.7 子元素过滤器359

14.3 设置HTML元素的属性与CSS样式360

14.3.1 设置HTML元素的属性360

14.3.2 设置CSS样式363

14.4 表单编程367

14.4.1 表单选择器367

14.4.2 表单过滤器369

14.4.3 表单API371

14.5 事件和Event对象375

14.5.1 事件处理函数375

14.5.2 Event对象375

14.5.3 绑定到事件处理函数377

14.5.4 键盘事件378

14.5.5 鼠标事件379

14.5.6 文档加载事件380

14.5.7 浏览器事件380

14.6 jQuery动画382

14.6.1 执行自定义的动画382

14.6.2 显示和隐藏HTML元素383

14.6.3 淡入淡出效果384

14.6.4 滑动效果388

14.6.5 动画队列391

14.7 jQuery Mobile394

练习题400

第15章 HTM L5移动Web开发401

15.1 移动Web开发的原则402

15.1.1 响应式网页与自适应网页402

15.1.2 设计原则403

15.1.3 使用响应式图像405

15.1.4 使用谷歌浏览器Chrome测试响应式网页405

15.1.5 通过JavaScript判断移动设备的屏幕尺寸409

15.1.6 响应式导航插件Mmenu410

15.2 HTML5前端框架413

15.2.1 跨平台的移动App开发框架Phone Gap413

15.2.2 使用Framewo rk7开发混合移动应用417

练习题444