Vue 3 派生状态与副作用：computed、watch、生命周期和组合式函数
Vue 3 派生状态与副作用：computed、watch、生命周期和组合式函数 系列导航：Vue 3 现代开发指南 上一篇：Vue 3 响应式基础 下一篇：组件契约：Props、Emits、defineModel 与插槽 响应式状态解决“数据变化后视图如何更新”，但应用还需要派生数据、异步请求、订
Vue 3 组件契约：Props、Emits、defineModel 与插槽
Vue 3 组件契约：Props、Emits、defineModel 与插槽 系列导航：Vue 3 现代开发指南 上一篇：派生状态与副作用 下一篇：跨层通信与模板引用 组件通信首先是 API 设计。父组件通过 Props 提供输入，子组件通过 Emits 报告事件，v-model 表达受控的双向绑定
React 对照速成文档
React 对照速成文档 目标：能看懂已有的 React 项目代码。本文假设你已掌握上面的《Vue3 学习笔记》，每节都会标注"对照 Vue3"，帮你快速建立映射。 阅读技巧：React 代码的核心心智模型只有一句话——UI = f(state)，组件就是一个"状态 → 界面"的纯函数。 1. Re
使用Orval自动生成前端TypeScript接口文档
使用Orval自动生成前端TypeScript接口文档 先决条件： 后端使用swagger接口文档，即可以打开一个接口文档的网页，内容全是JSON文本的网页。原理其实很简单就是用脚本读取这个网页的JSON数据，然后转换为前端的TypeScript文档。 前端必须使用TypeScript，其实Type
Javascript
Javascript 它是一种脚本语言，可以用来更改页面内容，控制多媒体，制作图像、动画等等 例子 修改页面内容 js 代码位置 <script>
// js 代码
</script>
引入 js 脚本 <script src="js脚本路径"></script>
注意，到了框架之后，引入方式
JavaScript 的 DOM 操作
JavaScript 的 DOM 操作 什么是 DOM？ 想象一下你的一个 HTML 网页文件。它里面有很多标签，比如 <html>, <body>, <h1>, <p>, <div> 等等。这些标签不是孤立的，它们之间有层级关系，比如 <h1> 在 <body> 里面，<body> 在 <html
JavaScript数组常用API合集
JavaScript数组常用API合集 🔍 遍历与查找类 forEach()：对数组的每一项执行一次函数，不返回结果 [1, 2, 3].forEach(num => console.log(num)); // 输出 1, 2, 3
map()：对数组每一项执行函数，返回新数组 const dou
JavaScript函数
JavaScript函数 函数的定义与调用 在 JavaScript 中，定义函数有几种方式。 1. 函数声明 (Function Declaration) 这是最常见的定义函数的方式。 // 函数声明
function greet(name) {
return "你好，" + name + "
彻底理解CSS Flexbox布局，看这一篇就够了！
彻底理解CSS Flexbox布局，看这一篇就够了！ 一、Flexbox布局的概念 Flexbox布局也叫Flex布局，弹性盒子布局。它的目标是提供一个更有效地布局、对齐方式，并且能够使父元素在子元素的大小未知或动态变化情况下仍然能够分配好子元素之间的间隙。主要思想是使父元素能够调整子元素的宽度、高
转换为数字
转换为数字 在 JavaScript 中，Number、parseInt 和 parseFloat 都可以将字符串转换为数字，但它们的行为和用途略有不同。下面是清晰的对比： 🔢 Number(value) 用于将一个值转换为“数字类型”。适合用于需要精确转换的场景。 ✅ 可以处理整数、浮点数、空字符
