JavaScript+Vue+React全程实例 JavaScript + Vue + React quan cheng shi li

本书基于理论知识与开发实践相结合的思想，精选当前简单、实用和流行的百余个JavaScript代码实例，帮助读者学习掌握JavaScript脚本语言。全书内容翔实、重点突出、通俗易懂，涵盖了JavaScript前端开发的方方面面。全书共分为13章，包括JavaScript前端设计、调试和开发的一些必备知识，表单处理、DOM控制、控件特效、日期时间、网页特效、DIV+CSS、Ajax应用等方面的应用实例，还特别增加了对当下非常流行的React和Vue.js框架的介绍。本书的全部代码实例均是对JavaScript技术最具代表性的实践应用，可以帮助读者深入学习JavaScript的开发技巧。本书是学习掌握JavaScript技术非常好的图书，既适合JavaScript、Vue、React前端初学者阅读，也适合从事前端网页设计以及需要学习前端技术的后端开发工程师阅读，同时还可作为高等院校和培训学校相关专业的教材。相信本书丰富的内容和大量的实例能够帮助初学者快速步入Web前端开发的捷径，并衷心地希望每一名前端爱好者都可以成为有代码实践和技术深度的JavaScript高手。 封面 1 扉页 2 内容简介 3 版权页 3 前言 4 目录 6 第1章 JavaScript环境搭建 9 1.1 HTML中书写JavaScript的几种方式 9 1.2 选择开发工具 10 1.3 JavaScript的调试 11 第2章 JavaScript控制表单 16 2.1 JavaScript与HTML表单 16 2.2 JavaScript遍历表单 16 2.3 通过name和id访问表单元素 18 2.4 动态修改表单控件的值 20 2.5 获取表单内文本框的数量 21 2.6 修改表单的提交方式 23 2.7 动态指定表单的提交方式 25 2.8 动态设置焦点控件 27 2.9 动态获取焦点控件 28 2.10 初始化表单里的所有控件 29 2.11 复选框全选、取消及判断是否选中的方法 32 2.12 如何使用隐藏控件 34 2.13 简单的数字及字符操作 37 2.14 高亮显示表单中的焦点控件 39 2.15 动态添加、删除下拉菜单选项 41 第3章 JavaScript控制DOM 45 3.1 JavaScript与HTML DOM 45 3.2 通过id获取网页中的元素对象 45 3.3 通过name获取网页中的复选框 47 3.4 通过标签名获取网页中的多个文本 50 3.5 遍历网页元素的全部属性 52 3.6 动态创建网页新文本段落 54 3.7 动态删除网页文本段落 56 3.8 动态替换段落的文本内容 58 3.9 如何主动触发按钮单击事件 59 3.10 动态修改元素属性值 61 3.11 如何获取下拉列表的选项 63 3.12 实现电话拨号键盘 65 第4章 按钮特效 67 4.1 按钮概述 67 4.2 为按钮添加背景颜色 67 4.3 不同按钮提交到不同的表单地址 68 4.4 避免回车键自动提交表单 70 4.5 按钮在单击后自动失效 72 4.6 为删除功能按钮添加确认提醒 74 4.7 根据状态展示不同样式按钮 75 4.8 注册按钮倒计时效果 78 4.9 计时器按钮 80 4.10 阅读完协议才可以单击的注册按钮 83 第5章 链接特效 86 5.1 链接概述 86 5.2 带下划线的链接 86 5.3 改变链接的click事件 88 5.4 关闭窗口的“X”链接 90 5.5 用链接模拟一个按钮 91 5.6 用链接替代表单提交按钮 93 5.7 动态修改一个链接的地址 95 5.8 让所有链接都在新窗口打开 96 5.9 让页面所有的超链接都失效 98 5.10 为链接地址新加一个参数 99 5.11 返回页面顶部的链接 101 5.12 需要确认的超链接 103 第6章 图片特效 105 6.1 图片概述 105 6.2 图片比例缩放 105 6.3 图片放大镜特效 107 6.4 图片在层里居中 110 6.5 让图片自适应框的大小 112 6.6 为图片加上边框 114 6.7 显示局部图片 116 6.8 动态加载图片 118 6.9 延迟加载图片 120 6.10 重新加载验证码图片 122 第7章 文本框和下拉列表框特效 124 7.1 文本框和下拉列表框概述 124 7.2 只带下划线的文本框 125 7.3 用正则表达式验证Email格式 126 7.4 首字母或全部字母大写 128 7.5 只能输入数字的文本框 130 7.6 判断字符的个数 132 7.7 文本框获取焦点后自动清除内容 134 7.8 清空所有文本型输入框 135 7.9 校验电话号码格式 137 7.10 鼠标划过文本框改变其背景色 140 7.11 设置下拉列表框的值 141 7.12 动态添加下拉列表框选项 143 7.13 动态删除下拉列表框选项 146 7.14 二级联动下拉列表框 148 7.15 三级联动下拉列表框 151 7.16 可输入的下拉列表框 155 第8章 日期和时间特效 158 8.1 日期和时间概述 158 8.2 在标题栏显示当前日期 158 8.3 根据时间动态显示标题欢迎词 159 8.4 根据月份动态显示背景 161 8.5 格式化日期的方法 163 8.6 判断今天是否为节假日 165 8.7 每秒刷新的时间展示效果 168 8.8 时间计时器 170 8.9 时间倒计时器 172 8.10 计算时间差 175 8.11 计算日期间隔 177 8.12 网页标题体现月进度 179 8.13 用表格制作日历 181 8.14 日期输入框 184 8.15 显示网页登录时间 189 第9章 网页特效 191 9.1 网页概述 191 9.2 打开新页面 191 9.3 打开指定大小的窗口 193 9.4 获取打开子窗口的父窗口 195 9.5 父子窗口之间数据交互 198 9.6 刷新当前页面 201 9.7 屏蔽鼠标右键 203 9.8 屏蔽上下文菜单 203 9.9 屏蔽复制功能 204 9.10 屏蔽选择操作 205 9.11 防止网页被“frame” 206 9.12 隐藏页面滚动条 209 9.13 最小化、最大化和关闭窗口 210 9.14 脚本永不出错 212 9.15 获取浏览器信息 214 9.16 获取浏览器窗口尺寸 216 9.17 屏蔽键盘功能键 218 9.18 页面窗口动画缩放 219 9.19 定时关闭页面 221 9.20 修改浏览器标题 222 第10章 DIV+CSS特效 225 10.1 DIV与层叠样式表概述 225 10.2 同时改变多个DOM样式 225 10.3 弹出层 229 10.4 用层模拟确认框 232 10.5 隐藏层 235 10.6 可拖动的层 236 10.7 遮罩层效果 239 10.8 Tab选项卡 243 第11章 Ajax应用 247 11.1 Ajax概述 247 11.2 Ajax基础 247 11.3 Ajax解析文本 249 11.4 Ajax解析XML 251 11.5 Ajax解析JSON 254 11.6 实现一个Ajax框架 258 11.7 使用Ajax框架轻松加载文件 261 11.8 Ajax跨域异步交互 268 第12章 React开发 273 12.1 React概述 273 12.2 第一个React应用 274 12.3 React渲染更新元素 276 12.4 React虚拟DOM 278 12.5 React JSX初步 280 12.6 在JSX中使用JavaScript表达式 282 12.7 在JSX中使用JavaScript函数 284 12.8 React Components设计模式 287 12.9 React Components参数 290 12.10 React Components复合 292 12.11 React Components状态 294 12.12 React Components生命周期 298 第13章 Vue.js开发 304 13.1 Vue.js概述 304 13.2 第一个Vue.js应用 305 13.3 Vue.js构造器 307 13.4 Vue.js构造器属性修改 309 13.5 Vue.js构造器参数引用 315 13.6 Vue.js模板语法 317 13.7 Vue.js条件循环语句 322 13.8 Vue.js事件监听处理 325 正文结束 327