返回顶部
位置: 计算机与互联网 > 编程语言与程序设计 > 实例 > 全程 > JavaScript > >JavaScript+Vue+React全程实例 PDF版下载
JavaScript+Vue+React全程实例 PDF版下载

软件简介

产品特色

内容简介

本书基于理论知识与开发实践相结合的思想,精选当前简单、实用和流行的百余个JavaScript代码实例,帮助读者学习掌握JavaScript脚本语言。全书内容翔实、重点突出、通俗易懂,涵盖了JavaScript前端开发的方方面面。

全书共分为13章,包括JavaScript前端设计、调试和开发的一些必备知识,表单处理、DOM控制、控件特效、日期时间、网页特效、DIV+CSS、Ajax应用等方面的应用实例,还特别增加了对当下非常流行的React和Vue.js框架的介绍。本书的全部代码实例均是对JavaScript技术z具代表性的实践应用,可以帮助读者深入学习JavaScript的开发技巧。

本书是学习掌握JavaScript技术非常好的图书,既适合JavaScript、Vue、React前端初学者阅读,也适合从事前端网页设计以及需要学习前端技术的后端开发工程师阅读,同时还可作为高等院校和培训学校相关专业的教材。相信本书丰富的内容和大量的实例能够帮助初学者快速步入Web前端开发的捷径,并衷心地希望每一名前端爱好者都可以成为有代码实践和技术深度的JavaScript高手。



作者简介

郑均辉,平顶山学院讲师,西安电子科技大学计算机应用工程专业,硕士。主要从事软件工程,模式识别、物联网方面的研究。

薛燚,高级工程师,长期从事网站开发,擅长各种Web前端框架技术,精通JavaScript、jQuery、HTML、CSS等技术。



目录

目 录

第1章 JavaScript环境搭建 1

1.1 HTML中书写JavaScript的几种方式 1

1.2 选择开发工具 2

1.3 JavaScript的调试 3

第2章 JavaScript控制表单 8

2.1 JavaScript与HTML表单 8

2.2 JavaScript遍历表单 8

2.3 通过name和id访问表单元素 10

2.4 动态修改表单控件的值 12

2.5 获取表单内文本框的数量 13

2.6 修改表单的提交方式 15

2.7 动态指定表单的提交方式 17

2.8 动态设置焦点控件 19

2.9 动态获取焦点控件 20

2.10 初始化表单里的所有控件 21

2.11 复选框全选、取消及判断是否

选中的方法 24

2.12 如何使用隐藏控件 26

2.13 简单的数字及字符操作 29

2.14 高亮显示表单中的焦点控件 31

2.15 动态添加、删除下拉菜单选项 33

第3章 JavaScript控制DOM 37

3.1 JavaScript与HTML DOM 37

3.2 通过id获取网页中的元素对象 37

3.3 通过name获取网页中的复选框 39

3.4 通过标签名获取网页中的多个文本 42

3.5 遍历网页元素的全部属性 44

3.6 动态创建网页新文本段落 46

3.7 动态删除网页文本段落 48

3.8 动态替换段落的文本内容 50

3.9 如何主动触发按钮单击事件 51

3.10 动态修改元素属性值 53

3.11 如何获取下拉列表的选项 55

3.12 实现电话拨号键盘 57

第4章 按钮特效 59

4.1 按钮概述 59

4.2 为按钮添加背景颜色 59

4.3 不同按钮提交到不同的表单地址 60

4.4 避免回车键自动提交表单 62

4.5 按钮在单击后自动失效 64

4.6 为删除功能按钮添加确认提醒 66

4.7 根据状态展示不同样式按钮 67

4.8 注册按钮倒计时效果 70

4.9 计时器按钮 72

4.10 阅读完协议才可以单击的注册按钮 75

第5章 链接特效 78

5.1 链接概述 78

5.2 带下划线的链接 78

5.3 改变链接的click事件 80

5.4 关闭窗口的“X”链接 82

5.5 用链接模拟一个按钮 83

5.6 用链接替代表单提交按钮 85

5.7 动态修改一个链接的地址 87

5.8 让所有链接都在新窗口打开 88

5.9 让页面所有的超链接都失效 90

5.10 为链接地址新加一个参数 91

5.11 返回页面顶部的链接 93

5.12 需要确认的超链接 95

第6章 图片特效 97

6.1 图片概述 97

6.2 图片比例缩放 97

6.3 图片放大镜特效 99

6.4 图片在层里居中 102

6.5 让图片自适应框的大小 104

6.6 为图片加上边框 106

6.7 显示局部图片 108

6.8 动态加载图片 110

6.9 延迟加载图片 112

6.10 重新加载验证码图片 114

第7章 文本框和下拉列表框特效 116

7.1 文本框和下拉列表框概述 116

7.2 只带下划线的文本框 117

7.3 用正则表达式验证Email格式 118

7.4 首字母或全部字母大写 120

7.5 只能输入数字的文本框 122

7.6 判断字符的个数 124

7.7 文本框获取焦点后自动清除内容 126

7.8 清空所有文本型输入框 127

7.9 校验电话号码格式 129

7.10 鼠标划过文本框改变其背景色 132

7.11 设置下拉列表框的值 133

7.12 动态添加下拉列表框选项 135

7.13 动态删除下拉列表框选项 138

7.14 二级联动下拉列表框 140

7.15 三级联动下拉列表框 143

7.16 可输入的下拉列表框 147

第8章 日期和时间特效 150

8.1 日期和时间概述 150

8.2 在标题栏显示当前日期 150

8.3 根据时间动态显示标题欢迎词 151

8.4 根据月份动态显示背景 153

8.5 格式化日期的方法 155

8.6 判断今天是否为节假日 157

8.7 每秒刷新的时间展示效果 160

8.8 时间计时器 162

8.9 时间倒计时器 164

8.10 计算时间差 167

8.11 计算日期间隔 169

8.12 网页标题体现月进度 171

8.13 用表格制作日历 173

8.14 日期输入框 176

8.15 显示网页登录时间 181

第9章 网页特效 183

9.1 网页概述 183

9.2 打开新页面 183

9.3 打开指定大小的窗口 185

9.4 获取打开子窗口的父窗口 187

9.5 父子窗口之间数据交互 190

9.6 刷新当前页面 193

9.7 屏蔽鼠标右键 195

9.8 屏蔽上下文菜单 195

9.9 屏蔽复制功能 196

9.10 屏蔽选择操作 197

9.11 防止网页被“frame” 198

9.12 隐藏页面滚动条 201

9.13 最小化、最大化和关闭窗口 202

9.14 脚本永不出错 204

9.15 获取浏览器信息 206

9.16 获取浏览器窗口尺寸 208

9.17 屏蔽键盘功能键 210

9.18 页面窗口动画缩放 211

9.19 定时关闭页面 213

9.20 修改浏览器标题 214

第10章 DIV+CSS特效 217

10.1 DIV与层叠样式表概述 217

10.2 同时改变多个DOM样式 217

10.3 弹出层 221

10.4 用层模拟确认框 224

10.5 隐藏层 227

10.6 可拖动的层 228

10.7 遮罩层效果 231

10.8 Tab选项卡 235

第11章 Ajax应用 239

11.1 Ajax概述 239

11.2 Ajax基础 239

11.3 Ajax解析文本 241

11.4 Ajax解析XML 243

11.5 Ajax解析JSON 246

11.6 实现一个Ajax框架 250

11.7 使用Ajax框架轻松加载文件 253

11.8 Ajax跨域异步交互 260

第12章 React开发 265

12.1 React概述 265

12.2 第一个React应用 266

12.3 React渲染更新元素 268

12.4 React虚拟DOM 270

12.5 React JSX初步 272

12.6 在JSX中使用JavaScript表达式 274

12.7 在JSX中使用JavaScript函数 276

12.8 React Components设计模式 279

12.9 React Components参数 282

12.10 React Components复合 284

12.11 React Components状态 286

12.12 React Components生命周期 290

第13章 Vue.js开发 296

13.1 Vue.js概述 296

13.2 第一个Vue.js应用 297

13.3 Vue.js构造器 299

13.4 Vue.js构造器属性修改 301

13.5 Vue.js构造器参数引用 307

13.6 Vue.js模板语法 309

13.7 Vue.js条件循环语句 314

13.8 Vue.js事件监听处理 317





前言/序言

前 言

读懂本书

JavaScript无处不在

二十多年前,布兰登?艾奇(Brendan Eich)为Netscape浏览器草草地设计出网页脚本语言(最早的JavaScript原型)的时候,可能根本不会预料到如今JavaScript会成为Web开发领域的第一编程语言。

在权威的编程语言排行榜(TIOBE)中,JavaScript多年来一直稳居在前几名之列。尽管自JavaScript诞生之日起,就伴随着诸如“语法不够严谨”“逻辑不够清晰”“代码管理混乱”这类的批评之声,但这并没有阻止广大程序员对其的喜爱。

JavaScript之所以能够得到广泛的欢迎和普及,与其简单易学、使用灵活,跨平台兼容的这些特性密不可分。新手可以很快地掌握一些基本技巧并实践在网页开发中,高手可以凭借扎实的基本功、构建出逻辑复杂且功能强大的Web应用。

如今,JavaScript支持在绝大多数的平台上进行开发:PC客户端的应用程序,Web服务器端的业务逻辑,嵌入式芯片设计,物联网设备研发等,均是JavaScript可以发挥魔力的舞台。毫不夸张地讲,今天的JavaScript几乎是无处不在。

JavaScript技术特点

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有相对安全性的脚本语言。JavaScript广泛应用于互联网的Web开发,通过为HTML网页添加动态响应功能来提高用户交互体验。

JavaScript的设计目标,就是一种基于原型对象、弱类型、事件驱动、跨平台兼容的解释性动态脚本语言。同时,由于JavaScript具有很强的扩展性,因此可以基于JavaScript原生语法开发出功能更为强大的类库或框架。

当然,也正是由于JavaScript的灵活性太强,各大浏览器厂商设计的版本兼容性不好。不过,这种情况随着EMCA TC39委员会推出的标准化ECMAScript脚本语言得到了很好的改善,相信未来JavaScript脚本语言的兼容性会越来越好。

JavaScript扩展类库和框架

JavaScript之所以无处不在、广受欢迎,相信与其庞大的扩展类库和框架群不无关系。例如,ProtoType、jQuery、jQuery Mobile、AngularJS、React、Vue.js等,这些耳熟能详的名字都是JavaScript扩展类库和框架的优秀代表。

以上这些优秀的JavaScript扩展类库和框架不单单是将核心功能进行抽象、集成和扩展,而是在设计模式、功能架构、性能优化等方面做足了功夫,带给了设计人员无与伦比的编程体验以及代码性能和运行效率的显著提升。

本书真的适合你吗

本书大量的基础代码实例可以帮助读者快速掌握JavaScript的编程技巧,并应用到实践开发之中。尤其是关于JavaScript框架的提高内容中,通过对目前流行的React和Vue.js框架的介绍,帮助读者去了解前端Web技术的前沿方向。无论是基础内容或提高内容,相信读者都可以从中获益。

本书涉及的主要软件工具、技术或框架

Apache HTTP

WebStorm Mozilla Firefox

Sublime Text Dreamweaver CS6

Notepad UltraEdit

EditPlus

HTML

HTML5

CSS3 MIME

JavaScript

AJAX HTTP

ECMAScript

RegExp React

Vue.js

JSON

本书特点

(1)本书完全是从简单、通用的JavaScript代码实例出发,抛开枯燥的纯理论知识介绍,通过实例讲解的方式帮助读者学习JavaScript脚本语言设计。

(2)本书内容涵盖JavaScript所涉及的、绝大部分的前端开发知识,将这些内容整合到一起可以系统地了解掌握这门语言的全貌,为介入大型Web项目的开发做了很好的铺垫。

(3)本书对于实例中的知识难点做出了详细的分析,能够帮助读者有针对性地提高JavaScript编程开发技巧。

(4)本书在知识点上按照类别进行合理的划分,全部的代码实例都是独立的,读者可以从头开始阅读,也可以从中间开始阅读,不会影响学习进度。

(5)本书代码遵循重构原理,避免代码污染,真心希望读者能写出优秀、简洁、可维护的代码。

代码下载

本书代码下载地址(注意数字与字母大小写):https://share.weiyun.com/5K9SHun。如果下载有问题,请联系booksaga@163.com,邮件主题为“JavaScript+Vue+React”。

本书读者

? JavaScript、Vue、React 前端开发初学者

? 从事前端网页设计的开发工程师

? 需要学习前端技术的后端开发工程师

? 高等院校和培训学校相关专业的师生

本书第1~11章由平顶山学院的郑均辉编写,第12~13章由薛燚编写。

关于封面照片

封面照片由蜂鸟网摄影家ptwkzj先生友情提供,在此表示衷心感谢。

编 者

2019年6月



JavaScript+Vue+React全程实例 PDF版下载下载地址

GOOGLE广告