![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
获得徽章 7
- 正则细讲
1、创建正则表达式：
你可以使用两种方式创建一个正则表达式：
字面量方式：使用斜杠（/）将模式包裹起来。例如：/pattern/
构造函数方式：使用RegExp构造函数来创建一个正则表达式对象。例如：new RegExp('pattern')
2、正则表达式模式：
正则表达式模式由字母、数字和特殊字符组成，用于描述要匹配的字符规则。常用的模式语法包括：
普通字符：直接匹配指定字符（例如：/abc/ 匹配 "abc"）
元字符：具有特殊含义的字符，如.表示任意字符、\d表示数字等
字符类：用方括号（[]）表示一组字符，匹配其中任意一个字符（例如：/[abc]/ 匹配 "a"、"b" 或 "c"）
量词：用于指定匹配次数的元字符，如*表示0次或更多次、+表示1次或更多次等
转义字符：用反斜杠（\）来转义具有特殊含义的字符（例如：/\*/ 匹配 "*" 字符）
3、正则表达式标志：
在正则表达式后面可以添加标志修饰符，影响匹配模式的行为。常用的标志包括：
i：忽略大小写进行匹配。
g：全局匹配，找到所有的匹配项而不仅仅是第一个。
m：多行匹配。
JavaScript中的正则表达式方法：
在JavaScript中，你可以使用正则表达式的方法对文本进行匹配和操作。常用的方法包括：
test()：测试字符串是否与正则表达式匹配，并返回布尔值。
match()：在字符串中搜索匹配项，并以数组形式返回结果。
search()：在字符串中搜索匹配项，并返回匹配项的索引。
replace()：将匹配的子串替换为指定的字符串。
split()：根据正则表达式将字符串分割成数组。
演示如何使用正则表达式在JavaScript中匹配邮箱地址：
const emailPattern = /\w+@\w+\.\w+/;
const email = "test@example.com";
if (emailPattern.test(email)) {
console.log("邮箱地址格式正确");
} else {
console.log("邮箱地址格式不正确");
}
输出结果将会是："邮箱地址格式正确"。
这只是正则表达式的基础知识，正则表达式非常灵活且功能强大，可以实现更复杂的字符串匹配需求。展开等人赞过
评论5 - AJAX基础：
AJAX是一种在无需刷新整个页面的情况下，通过JavaScript进行数据交互的技术。通过AJAX，我们可以异步地从服务器获取数据，并更新页面的特定部分，而不需要重新加载整个页面。
实现AJAX通常使用以下几个核心组件：
XMLHttpRequest对象：XMLHttpRequest对象是AJAX的核心，通过它可以与服务器进行数据交互。它提供了向服务器发送请求和处理响应的方法和属性。
事件监听：可以通过.addEventListener()方法来监听XMLHttpRequest对象的状态变化和响应事件，以便在适当的时间点执行相应的操作。
回调函数：由于AJAX是异步的，所以我们可以通过回调函数的方式处理服务器响应返回的数据。这样，当数据准备好后，就可以执行预定义的回调函数来处理数据。
数据格式：在AJAX中，可以使用各种数据格式来进行数据交换，如XML、JSON等。通常使用JSON更为普遍，因为它具有简洁性和易于解析的特点。
AJAX的优势在于通过异步交互，可以提升用户体验、减少页面加载时间，并且可以在后台与服务器进行数据交互，而不打断当前页面的浏览。
HTTP协议：
HTTP是一种用于传输超文本的应用层协议。它是Web通信的基础，用于客户端和服务器之间的数据传输。HTTP协议采用请求-响应模式，客户端发送HTTP请求到服务器，服务器根据请求进行处理并返回相应的响应。HTTP协议主要包含以下几个关键概念：
URL（Uniform Resource Locator）：URL是用来定位资源的地址，通过URL可以唯一标识互联网上的文件、页面或其他内容。
请求头和响应头：HTTP请求和响应都由一个头部和一个可选的消息体组成。头部包含关于请求或响应的元数据，如请求方法、状态码、内容类型等。
状态码：HTTP响应中包含一个三位数字的状态码，用于表示请求的执行结果。常见的状态码有200表示成功、404表示未找到资源、500表示服务器内部错误等。
持久连接：HTTP/1.1引入了持久连接（Keep-Alive），可以在单个TCP连接上传输多个请求和响应，减少了连接建立的开销。
通过HTTP协议，浏览器可以向服务器请求资源（如HTML文件、图片、CSS样式表等），服务器返回相应的数据供浏览器渲染呈现。展开赞过 评论2 - JavaScript 中有许多常用的内置对象，涵盖了各种功能和领域。
1. Object 对象：Object 是 JavaScript 中的基础对象，它是所有其他对象的父对象。它提供了一些通用的属性和方法，用于创建、设置和操作对象。
2. Array 对象：Array 对象用于表示和操作数组。它提供了很多便捷的方法来增删改查数组元素，以及进行排序、过滤、遍历等操作。
3. String 对象：String 对象用于表示和操作字符串。它提供了许多方法来获取字符串的长度、截取子串、查找匹配、替换字符等，同时也支持字符串的拼接和转换。
4. Number 对象：Number 对象用于表示和处理数字。它提供了一些方法来对数字进行格式化、取整、四舍五入，以及进行数值类型的转换和判断。
5. Boolean 对象：Boolean 对象用于表示和操作布尔值（true 或 false）。它提供了一些方法来进行逻辑运算、比较和类型判断。
6. Date 对象：Date 对象用于表示和操作日期和时间。它提供了许多方法来获取和设置年份、月份、日期、小时、分钟、秒等，以及进行日期的计算和格式化。
7. Math 对象：Math 对象提供了常用的数学方法和常量。它包括对数字进行四舍五入、取整、求绝对值、幂运算、三角函数、对数函数等操作，以及提供了一些常用的数学常量。
8. RegExp 对象：RegExp 对象用于表示正则表达式。它提供了一系列方法来进行字符串的模式匹配、替换和提取等操作。
9. Function 对象：Function 对象是 JavaScript 中的函数对象。它可以被调用执行，并且可以接收参数和返回结果。每一个函数都是 Function 对象的实例。
JavaScript 还提供了其他内置对象，如 Error 对象（用于处理错误）、JSON 对象（用于解析和生成 JSON 数据）、Set 对象和 Map 对象（用于集合和映射操作）等等。展开等人赞过 15 - 在 JavaScript 中，每个对象都有一个原型（prototype），它定义了该对象的属性和方法。对象可以通过原型继承属性和方法，并且这种继承是基于原型链的。
原型（Prototype）：每个 JavaScript 对象（除了 null 和 undefined）都有一个原型。原型是一个对象，它包含属性和方法，可以被其他对象继承。对象可以通过 __proto__ 属性来访问其原型。
原型链（Prototype Chain）：当访问一个对象的属性或方法时，如果对象本身没有该属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到该属性或方法或者到达原型链的末尾（即 Object.prototype）。原型链的形成是通过对象的原型（__proto__）指向其父级原型的方式实现的。
例如，假设我们有对象 A，它继承自对象 B，而对象 B 又继承自对象 C，那么 A 的原型链就是 A -> B -> C -> Object.prototype -> null。当我们访问 A 的某个属性时，JavaScript 会先在 A 自身查找，如果找不到则去 B 中查找，再找不到则去 C 中查找，以此类推。
构造函数与原型：构造函数是用于创建对象的特殊函数，而每个构造函数都有一个原型对象。通过在构造函数的原型上定义属性和方法，可以实现对由该构造函数创建的对象的继承。
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function() {
console.log('Hello, ' + this.name);
};
var person1 = new Person('Alice');
person1.sayHello(); // 输出: Hello, Alice
在上面的例子中，我们使用构造函数 Person 创建了一个对象 person1。构造函数 Person 的原型对象（即 Person.prototype）上定义了方法 sayHello，这个方法可以被所有通过 Person 构造函数创建的对象共享。
原型和原型链是 JavaScript 中实现继承和属性访问的基础，通过利用原型和原型链的特性，我们可以实现对象之间的属性和方法的复用，提高代码的效率和灵活性。展开等人赞过 评论7 - 基础总结：HTML 是 HyperText Markup Language 的缩写，它是一种标记语言，用于创建 Web 页面。HTML 文件通常以 .html 扩展名结尾。
HTML 由标签（tag）组成。标签分为开始标签和结束标签。例如，一个段落的开始标签是 <p>，结束标签是 </p>。在标签中可以包含文本或其他元素。
HTML 中的元素可以分为块级元素和行内元素。块级元素总是从新行开始，占据整个可用宽度。而行内元素仅占据必要的宽度，不会强制换行。
<!DOCTYPE html>：声明文档类型，告诉浏览器使用哪个 HTML 版本来渲染页面。
<html>：根元素，包含了整个 HTML 文档。
<head>：文档头部，包含文档的元数据和链接到外部资源。
<title>：标题元素，定义网页标题，通常显示在浏览器选项卡上。
<body>：文档主体，包含所有可见内容。
<h1>-<h6>：标题元素，定义六个级别的标题，分别对应不同的字号和重要程度。
<p>：段落元素，用于定义文本段落。
<a>：锚点元素，用于创建超链接。
<img>：图像元素，用于向页面添加图片。
<ul> 和 <li>：无序列表元素，用于显示列表项。
<ol> 和 <li>：有序列表元素，用于显示有序列表。
<table>、<tr>、<th> 和 <td>：表格元素和单元格元素，用于呈现表格数据。
除了基本标签外，还有很多其他的 HTML 标签可以用来呈现更复杂的 Web 页面。例如：
<form> 和 <input>：表单元素，用于接收用户输入。
<select>、<option> 和 <optgroup>：下拉列表元素，用于从一系列选项中选择一个选项。
<textarea>：文本区域元素，用于接收多行文本输入。
<button>：按钮元素，用于触发动作或事件。
<label>：标签元素，通常与表单元素配对，用于显示描述性文本。
<div> 和 <span>：分别是块级元素和行内元素的容器，通常用于布局和样式控制。
<header>、<nav>、<main> 和 <footer>：HTML5 新增语义化标签，用于定义头部、导航、主要内容和页脚等部分。展开赞过 评论3 - #你经历过的奇葩面试#
面试官：一个背景图片5-10M，怎么不阻塞游览器的渲染，进行最高性能的加载呢？
我：我觉得这个问题可以百度。
面试官：百度还用你说？
我：em......
面试官：我问的每一个问题都可以百度。
然后 dododo.......展开等人赞过 84
