1k 字 1 分钟

# 判断字符串的值是否相等 可以直接 s1==ss2 # 字符串的 match 和 matchAll 方法 var TestPrototype = function (num) { this.propA = num; this.methodA = function () { console.log(this.propA); return this.propA; }}TestPrototype.prototype = { methodB: function () {...
1.3k 字 1 分钟

# 表单处理 在日常的开发中，表单随处都被使用到，如：登录，问题反馈功能等。对表单的数据收集和绑定也是很常规的工作。在一般开发中处理表单，需要通过操作 DOM 来实现，是一个相对繁琐且低效率的工作。然而在 Vue 项目中你可以用 v-model 指令在表单 <input> 、 <textarea> 及 <select>...
17k 字 15 分钟

# 认识 Node.js Node.js 是一门服务器编程语言，它也遵循了 ECMAScript 语法规范，在此规范的基础上加入了 Node.js API，包含处理 http 请求、处理文件、socket 编程等。Node.js API 和 ECMAScript 两者结合组成了 Node.js，完成 Server 端的任何操作，为客户端浏览器进行服务。 我们快一起去探索 Node.js 的世界吧～ # 知识点 Node.js 的介绍 下载和安装 Node.js # Node.js 的介绍 在实验介绍中说了，Node.js 是一门服务器编程语言。它发布于 2009 年 5 月，由 Ryan...
50k 字 46 分钟

# xDOM 操作 知识点 节点的创建 元素的插入 元素的删除 元素的替换 元素的遍历 属性操作 样式操作 内容操作 # 节点的创建 在 JavaScript 中我们已经学过 DOM 相关的操作了，对于 DOM 创建的流程我们简单回顾一下。整个创建流程可分为以下几个步骤： 创建元素节点。 给元素添加属性。 在标签中添加一些文本。 把该元素放入整个文档中。 对于 JavaScript 的繁琐步骤，我们的 jQuery 有自己的优化措施。通过使用 $() 来创建元素节点，常见的创建有以下三种。 直接创建元素节点。 创建带有文本的元素节点。 创建带有属性的元素节点。 #...
32k 字 29 分钟

# 认识 jQuery jQuery 是 JavaScript 的一个库，它提供了丰富的 API，简化了我们的代码。 知识点 jQuery 库的引入 Hello jQuery # Hello jQuery 通常情况下，我们需要去 jQuery 官方网站下载最新 jQuery 库的版本。在实验中，已经为大家准备好了，同学们使用以下命令即可下载该库到环境中。 wget https://labfile.oss.aliyuncs.com/courses/3774/jquery-3.6.0.min.js获取库之后，我们使用 script 标签在 index.html 文件中引入 jQuery...
314 字 1 分钟

选择器返回的是类似数组的结构，使用 id 选择器的时候，只会返回一个元素，但是还是会使用类似数组的结构的。观察这个结构对象的原型方法 遍历获得的元素： Array.from($("div")).forEach((value) => { console.log(value); console.log($(value)); })在 $() 中传入 dom 元素对象，可以得到 jq 对象。 // 选中同时具有类名 one 和类名 two 的元素 $(".one.two").css({ width:...
19k 字 17 分钟

# DOM 和 BOM # DOM 的使用 DOM 的英文全称为 Document Object Model（文档对象模型），它是浏览器为每个窗口内的 HTML 页面创建的一个 document 对象来对页面的元素进行操作。 # DOM 属性 常用的 DOM 属性如下表所示： 属性 描 述 document.title 获取文档的 title 元素。 document.body 获取文档的 body 元素。 document.URL 获取文档的 URL。 document.forms 获取文档的 form 元素。 document.images 获取文档的 img...
24k 字 22 分钟

# 变量 # 认识 JavaScript JavaScript 是一种基于对象和事件驱动的简单描述性语言。它从服务器端被下载到客户端，由浏览器执行。 它可用于 HTML 和 Web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 其具有的特点如下： 一般用来编写客户端的脚本。 主要是用来在 HTML 页面中添加交互行为。 是一种解释性语言，边解释边执行。 怎么在 HTML 中引入 JavaScript 呢？ 引入方式与 CSS 相似，有以下三种方式： 在 HTML 标签中直接引入，针对一些特别简短的 JavaScript 代码。 使用 script 标签可以将...
28k 字 26 分钟

# 实现类型判断 # 挑战准备 新建一个 getType.js 文件，在文件里写一个名为 getType 的函数，并导出这个函数，如下图所示： 这个文件在环境初始化时会自动生成，如果发现没有自动生成就按照上述图片自己创建文件和函数，函数代码如下： function getType(target) { // 补充代码}module.exports = getType;#...
30k 字 27 分钟

# 对象的扩展 本节实验我们来探索一下，在 ES6 中对象相关的新变化。 # 知识点 对象字面量 对象的扩展运算符 对象的新增方法 # 对象字面量 对象字面量就是使用 {} 去定义对象。 在 ES6 中，对象字面量有了许多增强的写法，这里会给大家介绍以下三种新写法： 属性的简洁表示法 方法的简洁表示法 属性名表达式 # 属性的简洁表示法 在 ES6 之前我们可能会像下面这样来定义： const name = "闷墩儿";const age = 2;const dog = { name: name, age:...