自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(190)
  • 收藏
  • 关注

原创 VuePress:打造本地方法库

VuePress 是一个基于 Vue 的静态网站生成器,它可以将 Markdown 文档转换为美观、可导航的文档网站,适用于技术文档、个人博客和知识库。

2025-04-04 08:00:00 748

原创 Vue 项目中大量报红提示:xxx 不能用作 JSX 组件

报红提示:xxx 不能用作 JSX 组件 或者 JSX 元素类不支持特性,因为它不具有“props”属性。

2025-04-03 10:00:00 278

原创 Vue 3 自定义权限指令 v-action

在 Vue 3 项目中,权限控制是常见需求。使用 v-action 自定义指令,可以自动控制元素的显示与隐藏,让权限管理更简洁高效。

2025-04-02 10:56:00 312

原创 VS Code 侧边栏大小调整

VS Code 如何根据个人喜好自定义窗口大小。

2025-03-19 08:00:00 504

原创 单向数据流:Vue 响应式魔法 vs React 不可变信仰

Vue 的单向数据流通过响应式系统 + 事件机制实现高效更新,降低心智负担;React 则通过不可变数据 + 函数式组件强调控制权。

2025-03-17 08:30:00 605

原创 Git Worktree 实现 “一边修生产Bug,一边写新需求”

git worktree 是一个强大的功能,可以帮助开发者在同一个 Git 仓库中同时处理多个分支和任务。

2025-03-16 09:45:00 647

原创 深入解析浏览器回流优化与缓存策略

浏览器回流优化是指通过减少或避免不必要的回流(重排)操作,提高页面渲染性能。回流发生在DOM元素的尺寸、位置或结构变化时,导致浏览器重新计算布局。

2025-03-15 10:00:00 723

原创 TypeScript:为什么应该停止使用 Enum?

本文一一解答:官方究竟有没有弃用 enum 呢?enum 存在哪些问题呢?有没有什么替代方法呢?

2025-03-13 08:30:00 1565

原创 Trae 国内版正式上线!一键安装,解锁 AI 编程

Trae 作为国内首款 AI 原生 IDE,深度融合 AI 编程能力,提供 Chat 模式 和 Builder 模式,既能作为智能助手优化代码,也能主导生成项目结构。

2025-03-12 08:00:00 1205

原创 [Vue warn]: Do not use built-in or reserved HTML elements as component id: base.

解决方法:[Vue warn]: Do not use built-in or reserved HTML elements as component id: base

2025-03-11 09:15:00 199

原创 [Vue warn]: Runtime directive used on component with non-element root node.

[Vue warn]: Runtime directive used on component with non-element root node. 的解决方法

2025-03-11 08:30:00 314

原创 Vue 3 + Element Plus 集成指南(内含彩蛋)

本文包含将 Element Plus Dialog 封装为极简函数调用的方案,支持链式调用和灵活扩展(非常有帮助)。

2025-03-10 09:00:00 1527

原创 告别混乱之 Cookie vs Session

Cookie 是客户端存储的「钥匙」(保存用户标识),Session 是服务端存储的「保险箱」(保护敏感数据),二者可以通过 Session ID 联动解决 HTTP 无状态问题。

2025-03-09 08:45:00 730

原创 解锁浏览器空闲时间:requestIdleCallback

requestIdleCallback 允许开发者在浏览器空闲时执行非紧急任务,通过监测执行栈和任务队列的状态来判断空闲时间,并提供 deadline 对象以获取剩余时间和超时处理,优化性能和用户体验。

2025-03-07 08:30:00 1784

原创 解锁 ES6 访问器属性 Getter & Setter

ES6 访问器属性(getter/setter)用于拦截对象属性的读取和赋值操作,提供自定义逻辑,但需避免直接访问自身属性以防止递归死循环等一些点。

2025-03-05 09:45:00 939

原创 解析 event as keyof typeof xxx 的含义

在 TypeScript 中,typeof、keyof 和 as 这三个关键字在类型推导、类型操作以及类型转换中非常重要。

2025-03-04 09:30:00 738

原创 VS Code 本地运行 TypeScript 全攻略

在 VS Code 本地运行 TypeScript,需先安装 typescript 和 ts-node,然后使用 ts-node file.ts 直接执行,或 tsc 编译后用 node file.js 运行,并通过 tsconfig.json 进行项目配置优化。

2025-03-03 09:30:00 1859

原创 从 ES5 到 ES6 解锁 JavaScript 私有变量

从 ES5 及更早版本的闭包模拟到 ES6 私有字段的正式引入,JavaScript 私有变量的演变实现了更严格的封装,本文将详细介绍相关内容。

2025-03-01 09:45:00 610

原创 ES5 vs ES6 中 Object.defineProperty() 不同

Object.defineProperty() 是 ES5 引入 的方法,用于在对象上精确定义或修改属性,特别是控制属性的可写性、可枚举性、可配置性 和 getter/setter。在 ES6 中,它仍然可用,但随着 class 语法、Proxy、Reflect 的引入,一些功能可以用新的方式实现。

2025-02-28 09:45:00 1016

原创 前端必备!深入解析 Class 降级

class 降级主要是为了兼容老旧浏览器,特别是 IE11 及更早版本。主要方式有手动降级(转换为 ES5 构造函数和原型继承)和使用 Babel 自动转换。

2025-02-27 09:15:00 1716

原创 分页点击太快数据混乱?精准获取最后加载内容

原因: 网络请求是异步的,快速点击时,后发的请求可能比先发的请求更早返回,导致页面数据错乱。

2025-02-26 09:00:00 2077

原创 参数归一化的神奇之处

在前端开发中,参数归一化是一种将不同来源或不同格式的参数统一处理为相同格式的方法。

2025-02-25 09:30:00 382

原创 面试题:前端如何高效应对后端巨量数据呢?

入手点:后端响应巨量数据时,会引发什么性能问题呢?主要分两个方面:渲染性能和网络性能。

2025-02-24 09:30:00 1148

原创 Vue 3 模板中的 ref 和 Vue 3 响应式 ref 的区别

Vue 3 为什么不在 JavaScript 代码中自动解包 ref 但可以在模板中解包呢?

2025-02-23 08:45:00 935

原创 实现 JavaScript 只读属性的多种方法

使用 Object.defineProperty()、Object.freeze()、getter(get)、Proxy、TypeScript readonly、Symbol 方法实现 JavaScript 只读属性

2025-02-22 09:15:00 871

原创 Flex + Margin 神奇组合,打造灵活布局!

Flex 布局 + Margin 的组合可以实现灵活的间距控制,同时兼顾 自适应布局 和 元素对齐,非常适用于复杂页面的组件排布。

2025-02-21 09:00:00 891

原创 基于指定数据结构,动态适配表格样式

基于同一个数据结构设计不同样式的表格,并根据需要选择样式,同时保持代码的简洁。

2025-02-20 09:00:00 352

原创 <img> 元素的可见高度是什么呢?

图片的可见宽度相对的是第一个祖先块盒的内容盒区域!!

2025-02-19 13:00:00 373

原创 为什么 Vue 3 不再支持 IE 浏览器?

一文讲述 Vue 3 不支持 IE 浏览器的原因,以及,proxy 不支持降级操作的原因,感兴趣的话,可以瞧瞧。

2025-02-19 09:00:00 519

原创 代码中的隐形炸弹:死循环与无限递归

本文讲述 死循环 和 无限递归 会导致什么问题?以及当前函数中存在 异步 操作,浏览器出现什么反应呢?

2025-02-18 09:00:00 1012

原创 深入探索 Reflect:掌握对象操作的强大工具

本文详细介绍了 JavaScript 中的 Reflect 对象,解释了其方法如 apply、construct、defineProperty、deleteProperty 等的作用和使用场景,强调了它简化和统一对象操作的优势,并展示了与 Proxy 结合的应用。

2025-02-17 09:00:00 1341

原创 揭秘 setInterval 不准的原因与解决方案

本文详细分析了定时器不精准的原因,并介绍了五种方法来实现更精确的定时器,帮助提高任务调度的准确性和效率。

2025-02-16 09:00:00 1078

原创 如何精准获取网页元素尺寸?

按照浏览器渲染的步骤依次讲述:如何获取元素的尺寸(如宽度、高度)?以及一些特别点。(非常详细)

2025-02-15 09:00:00 1591

原创 Vue 组件不听话?那就强制刷新!

在 Vue 开发过程中,通常 Vue 的响应式系统会自动处理数据变化并触发视图更新。但在某些特殊情况下,数据虽然改变,但并不会触发视图更新,这时就需要手动强制组件重新渲染。

2025-02-14 09:00:00 1519

原创 如何优雅地在数组前面添加指定个数的 0?

简单介绍一下:在数组前面添加指定个数的 0,改变原数组和不改变原数组的方法。

2025-02-13 09:00:00 924

原创 多种方法实现文本擦除效果

简单介绍几种关于文本擦除效果的方法,以及渐进展示文本。

2025-02-12 08:45:00 385

原创 如何判断JavaScript对象属性是否存在?

介绍 在 JavaScript 中,判断对象属性是否存在的六种方法及对应的额外补充内容。

2025-02-11 09:00:00 1156

原创 计算机内存管理:栈、堆、静态存储区与代码区

在计算机内存管理中,数据的存储位置取决于它们的生命周期、大小、访问方式和用途。通常,内存分为以下几部分:栈(stack)、堆(heap)、静态存储区(data segment) 和 代码区(text segment)。

2025-02-10 09:00:00 1355

原创 解锁二叉树:前序、中序、后序遍历

树形结构是一种重要的数据结构,它由节点和连接节点的边组成。树形结构的遍历是指按照一定顺序访问数的所有节点。

2025-02-09 09:00:00 842

原创 Vant Tabs 内外部内容渲染的差异

简单介绍:在 Vant Tabs 组件中,当 Tab 内容放到 Tabs 内部和 Tabs 外部时的区别。也就是,内部直接渲染 与 外部通过条件判断来展示内容的区别。

2025-02-08 09:15:00 1017

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除