6.1 浏览器对象 6.2 操作DOM 6.2.1 更新DOM 6.2.2 插入DOM - 2 - 本文档使用 书栈(BookStack.CN) 构建 6.2.3 删除DOM 6.3 操作表单 6.4 操作文件 6.5 AJAX 6.6 Promise 6.7 Canvas 7 jQuery 7.1 选择器 7.1.1 层级选择器 7.1.2 查找和过滤 7.2 操作DOM 基本语法 - 15 - 本文档使用 书栈(BookStack.CN) 构建 2.2 数据类型和变量 计算机顾名思义就是可以做数学计算的机器，因此，计算机程序理所当然地可以处理各种数值。但是， 计算机能处理的远不止数值，还可以处理文本、图形、音频、视频、网页等各种各样的数据，不同的数 据，需要定义不同的数据类型。在JavaScript中定义了以下几种数据类型： JavaScript不区分整数和 箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内 部的 this 是词法作用域，由上下文确定。 回顾前面的例子，由于JavaScript函数对 this 绑定的错误处理，下面的例子无法得到预期结果： 1. var obj = { 2. birth: 1990, 3. getAge: function () { 4. var b

......57 4.3.1 应用基本的Bootstrap类........57 4.3.2 使用Bootstrap样式化表格 ....61 4.3.3 使用Bootstrap创建表单........62 4.3.4 使用Bootstrap创建网格........63 4.4 本章小结...................................68 第 5 使用条件语句.....................84 5.6.2 相等操作符和恒等操作符....85 5.6.3 显式类型转换.....................86 5.7 处理数组...................................87 5.7.1 使用数组字面量 .................88 5.7.2 数组内容的读取和修改... ......95 6.2.2 将函数用作方法 .................95 6.2.3 定义类...............................96 6.3 处理 JavaScript 模块.................99 6.3.1 创建模块 ...........................99 6.3.2 从 JavaScript

Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 模板引用 处理边界情况 过渡&动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性&组合 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 基础 - 6 - 本文档使用 书栈网 · BookStack.CN 构建 Vue.js 在设计上是可以逐步采纳的。这意味着它可以根据需求以多种方式集成到一个项目中。 this.message = this.message 10. .split('') 11. .reverse() 12. .join('') 处理用户输入 介绍 - 14 - 本文档使用 书栈网 · BookStack.CN 构建 13. } 14. } 15. } 16. 17. Vue.createApp(EventHandling)

标准的第二版以保持它与 ISO/IEC16262 的完全协调。第一版和第二版之间存在着性质上的重大 变化。 目前的文档定义了该标准的第三版，这包含了强大的正则表达式，更优秀的字符串处理， 新的流程控制语句，try/catch 异常处理，更严密的出错定义，数字式输出格式以及一些次要变 更，为即将到来的国际化语言设施和语言未来发展的作提前准备。 关于这个语言的工作并没有结束。技术委员会正在致力于作出意义重大的优化，这包括脚 从一开始就被设计成一种网页脚本语言(Web scripting language)作为基于网页 的、客户端—服务器端(C/S)构架的建筑师，它能提供一 种机制，用来使浏览器中的网站页面更 加活跃，并展示服务器端的处理情况。ECMAScript 能够为各种主机环境，以及这个文档所描述 的核心脚本编程语言之外任何特定的主机环境，提供基本的脚本编程能力。 ECMAScript 中的有些语言设施类似其它编程语言；尤其是 输出功能的对 象。 深入说来，主机环境提供了一套向事件上附加脚本代码的方法，这些事件有焦点的改变，页面 和图像的载入、卸载，出错和异常终止，点选，提交表单以及鼠标 动作等。脚本代码在 HTML 之间出现，被显示的页面是一个用户界面元素和固定或处理后的文本和图像的组合。这种脚本 语言会响应用户的互交从而不需要主程序。 与浏览器不同，网页服务器为服务器端提供了另一种宿主环境，这包括代表请求、客户端、

Vue 3.x 共 64 个组件。 ● table 组件：Element Plus 自带 virtual scroll ，Ant Design Vue 需要购买 Surely 这个高级包。 果需要用表格处理大量数据，Element Plus 更合适。Ant Design table ，定义好 columns 有几列后 用 template 写法就无法用 v-if 去隐藏某一列 ● 在 Ant Design promise 写法，需要写在回调函数里 ● TreeSelect 组件：Ant Design tree 组件写自定义内容不方便。而 Element 更好用。 ● form 表单组件：两个框架功能基本一致，包含数据收集，表单校验和提交功能。 input、checkb x 、select 等常用功能两个框架都有。 ● Ant Design Vue 2 & 3 是最早支持 Vue 3 的框架之一，新版本解决了很多 nt 和 antdv 相对来说对前端技能要求较高。 卡拉云是新一代低代码开发平台，与 Element 和 antdv 相比，卡拉云的优势在于不用搭建 Vue 环境， 接注册即可开始使用。开发者完全不用处理任何前端问题，只需简单拖拽，即可快速生成所需组件， 一键接入包括 MySQL 在内的常见数据库及 API，根据引导简单几步打通前后端，数周的开发时间， 短至 1 小时。 原文链接：Element Plus

JS 代码压缩 2 VCG JavaScript 2020/4/28 3 时代背景 1995 年，拨号上网，速度仅 28.8kbit/s 诞生目的 用于表单验证，网速很慢，最好能将服务 器语言负责的表单输入验证操作转为客户 端独立完成，减少客户端 – 服务器数据 交换量，节约大量时间。 1 JavaScript 简史 JavaScript 简史 3 Netscape Navigator 检测访客的浏览器信息  控制 cookies 和本地存储 VCG JavaScript 2020/4/28 8 2. JavaScript 功能  其他功能，如  网络服务器（Node.js）  处理 Web 应用的 HTTP 请求  机器学习（TensorFlow.js）  在浏览器/Node.js 上开发、训练和部署 ML 模型  开发桌面应用（ELECTRON）  使用 JS/HTML/CSS 功能、脚本语言 8 VCG JavaScript 2020/4/28 9 2. JavaScript Demo JavaScript 功能、脚本语言 9 向 HTML 页面 添加交互行为 本地表单验证 检测浏览器信息 VCG JavaScript 2020/4/28 10 3. JavaScript 实现 JavaScript 实现 10 JavaScript 的完整实现 = ECMAScript

登录SDK，数据上报，权限系统，发 布系统等…… 新项⽬目 效率低，同质化，重复成本 核⼼心功能 应⽤用介绍 多⼯工程模板 ⼀一键集成SDK 快速⽣生成⻚页⾯面 接⼊入发布系统 DevOps H5、PC 查询、表单、图表 登录，监控、埋点 瓦匠 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 技术挑战 应⽤用介绍 ⽂文件的IO 可视化编辑 模板的编译 命令的调⽤用 ⼯工程搭建 模板注⼊入 构建部署 BrowserWindow 多窗⼝口 单窗⼝口 BrowserWindow BrowserWindow 业务1 业务2 适⽤用场景 IDE, IM等 业务1 业务2 特点：项⽬目协同开发，多任务处理理 适⽤用场景 ⼯工具，流程 特点：交互简单，通信⽅方便便 Vuex Render Process Main Process Render Process Main Process IPC、RPC

移动解决方案 8. Dom 算法 9. Deferred and Promises 10. 脏检查 11. Deferred bootstrap 摘要： 摘要： ExtJS 是基于组件的 (表格、树、表单、绘图)；代码开始于对现有类的扩展，配置 模型，自定义显示和行为/事件，将这些组件加入到container/layout中。 它遵循面 向对象的设计思想和MVC设计模式，很少直接操作DOM元素 A 将数据的变化放映到UI上，需要做一点点工作，比如reloading store 的数据 AngularJS： Angular 使用Digest Cycle 实现了脏检查 使用Angular api，你不需要手动处理，angular 会自动进行脏数据的回 收。但是对于第三方的api，你需要调用$apply方法来回收脏数据 。 脏数据回收完成，数据的改变就会呈现在UI上。 脏检查是异步的 Deferred bootstrap:

Lo、程序猿DD、江湖人称向前兄、文蔺、_周末、Dark_Night。 推荐序 正则表达式一直是我的一个痛点，很多人肯定也跟我一样存在类似的情况。但是正则表达式的使用范 围非常广泛，尤其在表单校验这个场景下更是不可或缺。这本小书用一个一个的小例子深入浅出地示 范了正则表达式的典型用法，值得一读。 — 大漠穷秋 我连续看了老姚在专栏的正则系列的前三篇，毫不犹豫就打赏了，而且顺藤摸瓜认识了老姚，没想到 切分、提取、替换。 进行任何相关操作，也需要宿主引擎相关 API 的配合使用。当然，在 JavaScript 中，相关 API 也不多。 7.1.1. 验证 验证是正则表达式最直接的应用，比如表单验证。 在说验证之前，先要说清楚匹配是什么概念。 所谓匹配，就是看目标字符串里是否有满足匹配的子串。因此，“匹配”的本质就是“查找”。 有没有匹配，是不是匹配上，判断是否的操作，即称为“验证”。 (^\r\n)var 替换为： [source,javascript]\n----\nvar 这确实也帮我解决一部分工作。 当然，正则表达式是跟具体语言（比如 JavaScript）无关的。因为正则表达式是用来处理字符串问题的， 基本上每门语言都有字符串类型，那么也都会支持正则表达式的。正则表达式是分流派的，也跟实现引擎有 关。而 JavaScript 用到的正则表达式的语法，是市面常见语言都支持的核心子集。关于

Lo、程序猿DD、江湖人称向前兄、文蔺、_周末、Dark_Night。 推荐序 正则表达式一直是我的一个痛点，很多人肯定也跟我一样存在类似的情况。但是正则表达式的使用范 围非常广泛，尤其在表单校验这个场景下更是不可或缺。这本小书用一个一个的小例子深入浅出地示 范了正则表达式的典型用法，值得一读。 — 大漠穷秋 我连续看了老姚在专栏的正则系列的前三篇，毫不犹豫就打赏了，而且顺藤摸瓜认识了老姚，没想到 切分、提取、替换。 进行任何相关操作，也需要宿主引擎相关 API 的配合使用。当然，在 JavaScript 中，相关 API 也不多。 7.1.1. 验证 验证是正则表达式最直接的应用，比如表单验证。 在说验证之前，先要说清楚匹配是什么概念。 所谓匹配，就是看目标字符串里是否有满足匹配的子串。因此，“匹配”的本质就是“查找”。 有没有匹配，是不是匹配上，判断是否的操作，即称为“验证”。 r”，替换为“[source,javascript]\n----\nvar”。这 确实也帮我解决一部分工作。 当然，正则表达式是跟具体语言（比如JavaScript）无关的。因为正则表达式是用来处理字符串问题的，基 本上每门语言都有字符串类型，那么也都会支持正则表达式的。正则表达式是分流派的，也跟实现引擎有关 。而JavaScript用到的正则表达式的语法，是市面常见语言都支持的核心子集。关于API，各语言基本大同小