- 博客(28)
- 收藏
- 关注
RSS订阅原创 数组的常用方法
splice()：传入三个参数，分别是开始位置，要删除元素的数量，要插入的任意多个元素，返回删除元素的数组，对原数组产生影响。concat()：首先会创建一个当前数组的副本，然后再把它的参数添加到副本末尾，最后返回这个新构建的数组，不会影响原始数组。every()：对数组每一项都运行传入的测试函数，如果所有元素都返回 true ，则这个方法返回 true。splice()：传入两个参数，分别是开始位置，删除元素的数量，返回包含删除元素的数组。forEach()：对数组每一项都运行传入的函数，没有返回值。
2025-05-11 18:30:00
554
原创 正则表达式
引入引入正则表达式有哪些应用场景？表单验证：验证用户输入的合法性（如邮箱、手机号、密码强度等）。数据清洗与格式化：处理用户输入或外部数据，去除冗余信息或统一格式。路由匹配：在 SPA（单页应用）中解析 URL 参数。字符串替换与转换：动态替换文本或转换格式。数据提取与解析：从日志、API 响应或用户输入中提取结构化数据。国际化与本地化处理：处理不同国家的手机号、邮政编码等格式。性能优化与安全防护：避免正则表达式漏洞或性能瓶颈。创建正则表达式对象。
2025-05-11 13:32:48
1026
原创 JavaScript中的数据类型
基本类型复杂类型。基本类型直接储存在栈中。复杂类型的数据储存在堆内存中，变量在栈中保存指向堆的引用地址。也就是变量存储的是堆内存地址，而非数据本身。let a = 10;let b = a;// 赋值操作b = 20;// 10值a的值为一个基本类型，是存储在栈中，将a的值赋给b，虽然两个变量的值相等，但是两个变量保存了两个不同的内存地址。// Bob引用类型数据存放在堆中，每个堆内存对象都有对应的引用地址指向它，引用地址存放在栈中。（图解）解析：变量储存的是复杂类型数据的堆地址。
2025-05-10 16:28:00
1069
原创 处理静态资源
function(req, res)告诉Web服务器对象每当其接收到请求时要做什么，然后通过response.end()方法关闭连接。每个HTTP请求和响应都会发送HTTP头。HTTP头发送的是附加信息，包括内容类型、服务器发送响应的日期以及HTTP状态码等。当浏览器载入Web页面时，浏览器是连接到正在浏览的网站服务器的客户端；通过使用url模块可以读取URL，并分析它，然后做出不同的响应。为不同的请求URL指定执行路径，即路由（route）。引入http模块，并保存到一个变量中，以便使用。
2025-04-29 08:00:00
596
原创 迭代器与生成器
也就是说，一个数据结构只要具有Symbol.iterator方法，就可以认为是“可遍历的”（iterable）。Iterator 接口约定对象必须具备Symbol.iterator方法，且该方法返回一个迭代器对象。由于 Generator 函数返回的迭 代器对象，只有调用next方法才 会遍历下一个内部状态，所以其实 提供了一种可以暂停执行的函数。一个对象如果要具备可被for...of调用的 Iterator 接口，就必须在Symbol.iterator上部署生成迭代器对象的方法。
2025-04-28 22:12:32
813
原创 HTTP content-type
Content-Type（内容类型），一般是指网页中存在的 Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件。Content-Type 标头告诉客户端实际返回的内容的内容类型。
2025-04-28 21:27:18
355
原创 Set与Map
Set的基本用法Set的基本用法Set类似于数组，但其成员的值都是唯一的。创建方法Set本身是一个构造函数，用来生成Set实例。add( )方法可以添加元素到Set实例中，但不会添加重复的值。初始化Set函数可以接受一个数组（或具有Iterable接口的其他数据结构）作为参数， 来初始化Set实例。具有Iterable接口的数据结构：数组Array、字符串String、Map和Set。应用（Set成员的值都是唯一的。去掉数组中的重复值去掉字符串中重复字符内部比较机制。
2025-04-19 14:26:10
846
原创 Symbol
概述概述ES6引入新类型Symbol，表示独一无二的值，作为JavaScript语言的第7种类型。Symbol值通过Symbol()函数生成。Symbol函数前不能使用new命令，因为生成的Symbol是一个原始类型的值，不是对象。·>symbolSymbol函数的参数Symbol函数可以接受一个字符串作为参数，表示对Symbol实例的描述。如果Symbol的参数是一个对象，就会调用其 toString方法，将其转换为字符串，然后才生成一个 Symbol值。
2025-04-13 13:45:00
1477
原创 面向对象（ES6）
在ES6中，使用class关键字来定义类，类是对象的模板。类可以包含构造函数和方法，可以使用继承实现类的扩展。方法是类中定义的函数，用于实现对象的行为或功能。set 提供了对属性的setter，通过条件判断对接收的值进行验证，如果通过则保存。使用static关键字来定义类的静态方法和属性，它们属于类本身而不是类的实例。getter和setter被定义为类的属性，但是被访问和设置时表现为方法。使用getter和setter来访问和设置对象的属性。关键字来实现继承，子类可以继承父类的属性和方法。
2025-04-13 10:00:00
406
原创 组件化可编辑表格
"score":[{"name":"张三","chinese":100,"math":90,"english":80},{"name":"李四","chinese":90,"math":100,"english":80},{"name":"王五","chinese":80,"math":80,"english":100}],{"name":"张三","sex":"男","age":18,"address":"北京"},
2025-04-12 13:47:18
1039
原创 Module模块化
使用<script>元素以及src属性来指定代码加载的位置，以便加载 JS代码文件。将整个模块当作单一对象进行导入，该模块的所有导出都会作为该对象的属性。使用<script>元素但不使用src属性，来嵌入内联的JS代码。以 ../ 为起始，表示从父级目录开始解析。以 ./ 为起始，表示从当前目录开始解析。在模块中使用as用导出名称表示本地名称。以 / 为起始，表示从根目录开始解析。导入： import关键字。导出：export关键字。导出：export关键字。
2025-04-07 20:07:32
176
原创 绝美宋词：实时显示符合条件的完整宋词
请使用 Vue 或原生DOM ，完成 index.html 文件中的 TODO 部分。1. 完成数据请求（数据来源 ./data.json），data.json 是宋词数据，poetry_content 表示词句，title 表示词牌名，author 表示词人。
2025-04-02 20:42:50
300
原创 HTML入门—传统布局与语义化布局
div布局的优缺点分析通过 CSS（如 Flexbox、Grid、浮动、定位等）可以精准控制布局，实现响应式设计、层叠效果、复杂对齐等。支持动态调整元素的尺寸、位置、间距，适配不同设备和屏幕尺寸。HTML 专注于内容结构，CSS 处理样式，符合“关注点分离”原则，代码更易维护和扩展。结合 HTML5 语义化标签（如<header><nav><article>等）可以提升代码可读性。相比传统的<table>布局，<div>更少引入冗余代码，减少页面加载时间。
2025-03-23 17:56:10
591
原创 HTTP方法以及HTTP状态码
服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来响应以后的请求。服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来响应以后的请求。请求者应当对不同的位置使用单独的 GET 请求来检索响应时，服务器返回此代码。服务器无法处理请求，因为请求实体过大，超出服务器的处理能力。服务器作为网关或代理，但是没有及时从上游服务器收到请求。如果页面无法提供请求的范围，则服务器会返回此状态码。请求的 URI（通常为网址）过长，服务器无法处理。如果请求的资源已永久删除，服务器就会返回此响应。
2025-03-23 17:39:40
585
原创 HTML入门—超链接与多媒体
在页面的目标位置处添加一个具有唯一标识符的锚点。在HTML5中，更推荐使用。引用CDN上的公共库（jQuery/Bootstrap等）在页面的其他位置添加指向锚点的超链接。：提供额外的信息，当用户将鼠标悬停在图片上时显示。属性：提供图片的替代文本，当图片无法加载时显示。指向其他域名的资源（社交媒体图标）项目内部的图片/CSS/JS文件。属性：指定图片的URL（路径）。在HTML中，引入图片通常使用。：设置图片的显示尺寸。
2025-03-22 21:27:30
516
原创 HTML入门—文本内容组织
标签用来定义 HTML 标题。<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。文本格式化标签：对输出的文本进行格式。实际中，更多是直接使用css进行修改文本样式。标签定义了一个有序列表. 列表排序以数字来显示。标签定义段落，元素会自动在其前后创建一些空白。将 <ul> 标签与。标签一起使用，创建无序列表。标签来定义列表选项。
2025-03-18 15:45:00
167
原创 解析赋值——数组、对象
基本用法：ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，该操作即为解构。这种写法属于“模式匹配”,只要等号两边的模式相同左边的变量就会被赋予对应的值。当按照数组结构赋值为undefined时，可以指定默认值。数组的元素是按次序排列的，变量的取值是由它的位置决定。对象的属性没有次序,变量必须与属性同名才能取到正确的值。实际上，对象解构赋值内部机制是先找到同名属性，然后再赋值给对应的变量，真正被赋值的是后者。对象解构赋值也指定默认值，且默认值生效条件是对象的属性严格等于undefined。
2025-03-18 11:11:19
263
原创 let、const与作用域
使用let声明的变量作用域分为全局作用域和块作用域。var命令var声明的变量无论其实际声明位置在何处，都会被是为声明于所在函数（或全局）的顶部，这就是变量提升。const命令声明一个只读的变量，一旦声明，其值不能改变，且必须立即初始化。
2025-03-18 10:32:54
207
原创 Git命令实践应用
3.在文件夹“git-job”新建一个job.txt，并且在job.txt填写内容为hello!可以选择更加丰富的平台服务。git分为四部分：远程服务、远程仓库、本地git客户端软件、本地仓库副本。4.将job.txt添加到暂存区并且将变更上传到本地仓库。1.在本地创建一个名为git-job的文件夹，并初始化为Git仓库。git是存储文件的仓库，集中储存在服务器。也可以通过远程仓库将本地仓库副本同步到远程仓库中。将暂存区中的变更到本地仓库，并添加一个描述信息。远程仓库：是连接远程客服端和本地仓库的桥梁。
2025-03-17 22:13:16
745
原创 HTML入门——第一个HTML页面
根据上篇所讲的HTML结构。HTML文件一定要有 <!DOCTYPE> 声明，<head> 部分，body部分。DOCTYPE> 声明的目的是让浏览器能够正确地渲染页面。在 HTML 文档中，<!DOCTYPE> 声明通常是文档的第一行，位于<html>标签之前。<head> 元素是所有头部元素的容器。<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息 以及其他更多的信息。<body> 标签定义文档的主体。
2025-03-17 11:00:00
1221
原创 年度明星项目—（AJAX 请求地址练习）
</script>，且<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js">
2025-03-16 14:03:36
1124
原创 HTML入门—什么是HTML？
蒂姆·伯纳斯-李（Tim Berners-Lee）在欧洲核子研究中心（CERN）提出。用盖房子来比喻，HTML是骨架，CSS是装修，JS是电器。（本系列文章只设计HTML和CSS内容）：发明首个HTML原型，仅包含18个基础标签（如。非正式规范，由IETF（互联网工程任务组）讨论。定义页面内容的结构（标题、段落、列表等）赋予页面交互能力（点击事件、数据提交等）HTML+CSS+JS代码：实现动态效果。（鼠标放在一级标题上，文字颜色变为红色）控制视觉呈现（颜色、布局、动画等）
2025-03-16 10:30:00
855
原创 相对路径 vs 绝对路径
引用CDN上的公共库（jQuery/Bootstrap等）：上级目录（每出现一次上跳一级）指向其他域名的资源（社交媒体图标）项目内部的图片/CSS/JS文件。需要保持目录结构灵活性的情况。
2025-03-15 22:56:27
231
原创 商品浏览足迹（ajax练习）
请求数据需要使用到 axios.get（），但是 axios.get（）属于异步程序，正常执行的时候，会先跳过此处，先自行后面的同步程序，导致data未被正确赋值（仍为空数组）。此时后续的函数会使用错误的初始数据。补充函数 transformStructure，将去重排序后的所有商品数据，作为一个对象存储并返回，该对象的所有 key 为浏览商品的当天日期（即，字段 viewed_on 格式化为 YYYY-MM-DD， 月份和日期小于10的前面补0），value 为当天浏览的所有商品列表（以数组形式表现）。
2025-03-15 15:56:36
852
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人