- 博客(1141)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript》》JS》》ES6》》 数组 自定义属性
给数组添加自定义属性是一种利用了“数组也是对象”这一语言特性的技巧。// 一个普通数组// 添加自定义属性给数组添加自定义属性通常用于存储与整个数组相关的元数据（metadata）或状态信息，而不是数组本身要存储的数据项。// 添加一个自定义方法// 可以在这里添加逻辑，比如修改样式或更新状态对象${this// 添加一个自定义方法 todoList . markAsComplete = function(index) {
2025-09-02 11:13:31
270
原创 JavaScript》》JS》》ES6》》 foreach 、for in 、for of
在 C# 中，使用 foreach 循环时，不能直接修改值类型的实例。这是因为 foreach 循环的迭代变量是只读的，无法更改其成员。但JS中是可以更改的forEach 方法也是遍历数组的一种方式，它可以用来在每个数组元素上执行一些操作，例如，修改、删除、或执行其他操作等。forEach 方法的语法如下：for offor of 是 ES6 引入的遍历语法，支持可迭代对象（如数组、字符串、Map、Set），允许使用 break 或 continue 控制流程。还可以使用解构语法来获取每个元素的完整
2025-09-02 10:52:18
398
原创 Javascript》》JS》》ES6》 Map、Set、WeakSet、WeakMap
存储对象的私有数据或元数据：将数据与对象关联，且当对象被销毁时，希望关联的数据也能自动被清除，避免内存泄漏。**常用场景：**标记对象：例如跟踪一个对象是否已经被处理过，而不用担心内存管理问题。的集合，但键可以是任意类型（对象、函数、原始值），而不仅仅是字符串。// 在未来的某个时刻，垃圾回收器会自动将 obj2 从内存中清除，的集合，且值都是唯一的（没有重复项）。// 同时它在 myWeakMap 中的条目也会被自动移除。// 我们无法手动检查或观察到这一瞬间，但可以确信它会发生。
2025-09-02 10:40:34
259
原创 vue2》》Computed、Watch
使用 computed 当您需要基于一些响应式数据计算出一个新的值，特别是在模板中需要使用这个值时。在大多数情况下，computed 比 watch 更高效，因为它具有缓存机制。使用 watch 当您需要在数据变化时执行异步操作或复杂的逻辑操作。
2025-09-01 11:22:00
101
原创 Javascript》》JS》》ES6》》总结
回调地狱问题Fetch API浅拷贝 深拷贝事件循环机制、宏任务、微任务Import 执行的时机对象、数组简写方式var 、let、Constobject.create 、 object.defineProperty组合模式观察模式模拟接口 注释描述接口 属性检测接口 鸭式辩型接口 继承模式函数聚合的三种实现方式模块、闭包对象 的属性名 在何时使用obj[‘属性名‘] 计算属性名创建 ’类‘ 、实例 、原型对象关系，以及 构造函数 new 和不newspread展开运算符 re
2025-08-28 11:46:19
250
原创 Javascript》》js》》callback hell 回调地狱 await async
回调地狱通常表现为以下特点：代码嵌套严重：每个异步操作通常都有一个回调函数来处理其结果，当这些操作需要按顺序执行时，回调函数会一层层地嵌套，形成金字塔形状的代码结构。难以维护：回调地狱中的代码结构复杂，难以追踪和维护，尤其是当需要修改逻辑或添加新的功能时。错误处理困难：在嵌套的回调函数中处理错误变得非常棘手，因为每次异步操作都需要显式地在回调中添加错误处理逻辑。
2025-08-20 13:43:04
382
原创 Javascript》》js》》Fetch API 请求
当接收到一个代表错误的 HTTP 状态码时，从 fetch() 返回的 Promise 不会被标记为 reject，即使响应的 HTTP 状态码是 404 或 500。相反，它会将 Promise 状态标记为 resolve（如果响应的 HTTP 状态码不在 200 - 299 的范围内，则设置 resolve 返回值的 ok 属性为 false），仅当网络故障时或请求被阻止时，才会标记为 reject。Fetch 是一个 API，它是真实存在的，它是基于 promise 的。
2025-08-20 10:31:48
410
原创 webpack》》Plugin 原理
tap：可以注册同步钩子和异步钩子。tapAsync：回调方式注册异步钩子。tapPromise：Promise 方式注册异步钩子。compiler hooks 文档compilation hooks 文档Webpack 插件是一个具有 apply 方法的 JavaScript 对象，通过操作 webpack 构建过程中的各个生命周期钩子来扩展功能。下面详细介绍如何开发自定义插件。// 必须的 apply 方法// 在某个钩子上挂载插件逻辑。
2025-08-19 16:18:04
364
原创 WebPack》》Loader原理、分类
Loader 是 webpack 的核心概念之一，它允许 webpack 处理除 JavaScript 之外的其他类型文件。Loader 本质上是一个函数，它接收源文件内容，对其进行转换，然后返回转换后的结果。
2025-08-19 09:29:05
243
原创 PWA技术》》渐进式Web应用 Push API 和 WebSocket 、webworker 、serviceworker
【代码】PWA技术》》渐进式Web应用。
2025-08-18 14:08:08
326
原创 webpack》》code split 代码分割
默认情况下，打包代码时会将所有js文件打包到一个文件中，体检太大了。如果我们只渲染首页，就应该只加载首页的js文件，其他文件不应该加载。默认情况下，一些第三方库以及一些首页用不到的业务代码很可能都打到相同的bundle中在第一时间加载，那将使首页加载的速度变慢。如果多入口文件中都引用了同一份代码，我们不希望这份代码被打包到两个文件中，导致代码重复，体积更大。我们需要提取多入口的重复代码，只打包生成一个 js 文件，其他文件引用它就好。1、分割文件： 将打包生成的文件进行分割，生成多个js文件。
2025-08-18 13:52:07
311
原创 webpack》》url-loader、html-loader 和 file-loader 的区别
当你去打包一个 jpg 文件的时候，与 file-loader 不一样的是， url-loader 会将图片转换成一个 base64 的字符串，然后直接放到我们 dist 目录下的 bundle.js 里面，而不是单独生成一个图片文件。
2025-08-13 13:14:15
136
原创 NodeJs》》url地址参数 解析 URLSearchParams querystring
【代码】NodeJs》》url地址参数 解析 URLSearchParams querystring。
2025-08-11 15:36:49
213
原创 Nodejs》》Express》》模板引擎 express-art-template
【代码】Nodejs》》Express》》模板引擎 express-art-template。
2025-08-09 17:09:06
330
原创 Node.js 》》数据验证 Joi 、express-joi
》》创建验证规则文件 (schema/user.js)》》创建控制器文件 (handler/user.js)》》创建路由文件 (routes/user.js)》》创建主应用文件 (app.js)
2025-08-08 15:34:54
250
原创 CORS》》跨越请求 （简单请求、预检请求）
在客户端请求CORS接口时，根据请求方式和请求头的不同，可以将CORS的请求分为 两大类简单请求预检请求。
2025-08-07 15:39:42
302
原创 Nodejs》》总结
换句话说 Node.js就是一款应用程序，是一款软件，它可以运行JavaScript。Node.js 不操作 BOM/DOM 是因为它运行在服务器端，没有浏览器环境。是开源的、跨平台的Javascript运行环境。
2025-08-05 10:08:12
163
原创 Vue》》nextTick、Vue更新DOM的原理
nextTick 的核心原理是利用 JavaScript 的事件循环机制，将回调延迟到当前执行栈清空后执行，同时选择最优的异步执行策略。这种机制确保了在数据变化后能够可靠地获取更新后的 DOM，同时优化了性能。，并缓冲在同一事件循环中发生的所有数据变更。当数据发生变化时，Vue。Vue 的 DOM 更新是。DOM，而是开启一个。
2025-07-29 11:42:48
366
原创 Vue》》Slot 插槽
如 HTML、组件等，填充的内容会替换子组件的slot标签。简单理解就是子组件中留下个“坑”，父组件可以使用指定内容来补“坑”。作用域插槽的使用情景：当数据在组件（子）自身，但根据数据生成的结构需要组件（父）使用者来定，我们则可以使用作用域插槽。，用slot标签 表示，父组件可以在这个占位符中填充。
2025-07-28 11:32:36
159
原创 Javascript》》JS》》Import执行的时机 和 Vue父子组件生命周期执行顺序是什么？
子组件先挂载，然后父组件挂载，即“父beforeCreate-> 父create -> 子beforeCreate-> 子created -> 子mounted -> 父mounted”。父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted。父beforeDestroy->子beforeDestroy->子destroyed->父destroyed。
2025-07-25 13:47:20
442
原创 HTML5》》template
是 HTML5 引入的一个特殊元素，它用于声明可重复使用的 HTML 片段，这些片段在页面。，但可以在运行时通过 JavaScript 实例化和使用。// 添加到DOM中。
2025-07-16 10:07:52
239
结算方式 付款方式 支付方式
2023-04-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人