- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 快速入门 Vue 3 组合式 API
本文为Vue 3组合式API快速入门教程，专为已掌握HTML/CSS、初步了解JS的初学者设计。内容涵盖环境搭建、JS基础（let/const、箭头函数、模板字符串、解构赋值）、响应式核心（ref与reactive）、computed、watch与watchEffect、生命周期钩子、组件通信及状态管理（Pinia）、路由（Vue Router）等核心概念，并通过可运行代码示例强化理解。最后以完整TodoList项目实战收尾，强调“动手敲代码”与“一句话总结”学习法，帮助读者在150字内掌握组合式API核心
2026-09-11 11:51:31
328
原创 JS Iterator变量数组完全指南
链上的每一步都只是"登记"了一个操作，真正执行要等到消费的那一刻。console.log('filter:', v) // 现在不会打印！})console.log('map:', v) // 现在也不会打印！})console.log('链已构建，但什么都没发生')console.log(it.next()) // 直到这里，才开始流水线：// map: 2一次next()，元素是按"一个接一个"流过整条流水线的（1 → filter 拒绝；
2026-08-25 11:30:23
378
原创 iframe 跨窗口通信 - 用 Promise 实现 ElMessage 风格的对话框
摘要 本文介绍了iframe跨窗口通信中Element Plus消息框无法传递到父窗口的问题及其解决方案。问题根源在于iframe上下文隔离导致DOM操作受限，即使使用appendTo属性也无法正常工作。 作者提出了一种基于postMessage和Promise的优雅解决方案，核心是实现了IframeMessenger类，支持： 异步消息通信机制 类似ElMessage风格的消息提示（success/warning/error等） 确认对话框和警告对话框功能 完善的错误处理和降级方案 该方案通过消息队列管理
2026-04-13 10:16:27
241
原创 Vue3 Suspense 完整版
Vue3 Suspense 实战指南摘要 Suspense 是 Vue3 处理异步组件加载状态的内置组件，解决了 Vue2 时代异步组件管理的痛点。核心要点： 基本用法：通过<Suspense>包裹异步组件，#default显示内容，#fallback显示加载状态 关键区别：Suspense 监听的是组件内部数据加载（async setup），而非组件代码加载 常见难点： 错误捕获需结合 ErrorBoundary 嵌套组件应采用分层 Suspense 优化加载体验 与 KeepAlive 配合
2026-02-26 17:36:12
513
原创 Chrome-Extension-Tutorial
✅ Chrome 插件的基本概念✅ 插件项目的完整结构✅ 如何编写 manifest.json✅ Popup、Content、Background 脚本的区别✅ 如何开发一个完整的插件✅ 如何调试和测试✅ 如何发布到应用商店✅ 常见问题的解决方案。
2026-02-25 16:43:53
1381
原创 Chrome-Extension-Quick-Start
用 Chrome storage API。记住：每个伟大的开发者都是从零开始的！(在教程中有详细说明)就能调用任何 API。
2026-02-25 16:41:31
914
原创 浏览器插件开发清单学习指南（免费）
这篇教程包提供了完整的Chrome浏览器插件开发学习资源，包含4个Markdown文档：快速入门指南（5-10分钟）、完整教程（2-3小时）、代码示例指南和个性化学习规划。内容涵盖从基础概念到发布流程，包含1100+行代码示例和一个完整翻译助手项目。教程采用渐进式学习路径，适合不同基础的学习者，并提供学习成果检验清单。所有文档都包含详细注释和常见问题解答，推荐使用VS Code编辑器配合Chrome浏览器进行实践。
2026-02-25 16:38:14
108
原创 NestJS-TypeScript-Tutorial
本文介绍了使用NestJS和TypeScript构建服务端应用的完整教程。内容涵盖NestJS核心概念、环境准备、项目初始化、模块/控制器/服务等核心组件，以及装饰器的使用。教程通过一个博客API实战项目，展示了如何创建RESTful接口，包括用户管理的CRUD操作。文章还比较了NestJS与Express/Fastify的差异，突出NestJS在企业级应用中的优势，如模块化设计、依赖注入和TypeScript原生支持。最后提及了数据库集成和Docker部署方案，为开发者提供从开发到部署的完整指南。
2026-02-25 16:14:37
987
原创 癌症宵禁模式 -- 完整方案(大胆且保守的构想思路 )
本文提出"宵禁模式"癌症治疗新理论，通过激活免疫系统的"位置识别"能力来根治晚期癌症。该方案包含三层递进治疗：首先诱导癌细胞休眠，随后注射特制外泌体激活全身免疫细胞识别"位置错误"的癌细胞，最后手术清除原发灶。理论指出癌细胞无法逃避位置识别，为根治转移性癌症提供了新思路。关键技术包括位置数据库建设、外泌体设计和安全性验证，预计12-18个月可完成初步研究。相比传统疗法，该方案具有全身覆盖、不易耐药、毒性低等优势，有望突破晚期癌症治疗瓶颈。
2026-02-06 15:42:34
933
原创 uniapp setup 语法糖中 向前一层页面发送数据
需求：B页面向A页面发送数据 （A B 页面均用 组合式api （<script setup></script>)假设场景 A 页面跳转到 B 页面。
2024-11-15 15:20:49
347
1
原创 JavaScript 数组-对象类型分析（1）
这里直接正题// a)求所有学生总成绩 // b)求所有学生的语文总成绩 // c)求所有超过60分的学生语文总成绩 // d)删除不及格的科目信息 var arr= [ { "id": 1, "name": "张三", "score": 55, "subject": "语文" }, { "id": 2, "name": "李四", "score": 7...
2022-03-14 21:09:57
1304
2
原创 JavaScript 个人总结(持续更新中）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录目录前言一、javaScript是什么？二、js引入方式1.行内式2.内嵌式3.外链式三、js的输出方式四、js数据类型1.基本数据类型：总结前言javaScript在前端是非常重要的语言之一，是程序思维的入门级语言，具有一定的逻辑性灵活性以及简洁性，虽然是弱语言，但是它目前还是非常方便的在前端中。提示：以下是本篇文章正文内容，下面案例可供参考一、jav.
2022-03-10 20:51:59
1681
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人