typescript_前端博客-专业IT技术发表平台

推荐付费专栏 VIP文章

侯彬颖Butterfly

10个TSDoc最佳实践：提升TypeScript代码文档质量的终极指南 TSDoc是TypeScript的文档注释标准，它为代码提供清晰、一致的文档结构，帮助开发者理解代码功能和使用方法。遵循TSDoc最佳实践不仅能提高代码可读性，还能让自动生成的文档更加专业和易用。下面将分享10个实用的TSDoc最佳实践，助你轻松提升TypeScript代码文档质量。## 1. 规范使用基础标签，构建完整文档结构TSDoc提供了丰富的标签来描述函数、类、接口等元素。其中，`

阅读 1.0k

4赞

顾淑慧Beneficient

ReadCat核心组件剖析：Electron + Vue 3 + TypeScript架构设计 ReadCat是一款免费、开源、简洁、纯净、无广告的小说阅读器，采用Electron + Vue 3 + TypeScript技术栈构建，为用户提供跨平台的优质阅读体验。本文将深入剖析其核心组件架构，帮助开发者理解这款现代桌面应用的设计理念与实现方式。## 📦 整体架构概览ReadCat采用经典的三层架构设计，通过Electron实现跨平台能力，Vue 3负责UI渲染，TypeScrip

阅读 1.0k

4赞

如何快速集成Live2D Widget：打造你的个性化网页看板娘完整指南 Live2D Widget是一款轻量级的网页交互组件，能够让开发者轻松将萌系虚拟角色（看板娘）集成到网站中，为用户带来生动有趣的互动体验。本指南将详细介绍如何使用TypeScript构建的这一开源项目，从快速安装到个性化配置，帮助你在几分钟内让网页焕发活力。## 🌟 什么是Live2D Widget？Live2D Widget是基于TypeScript开发的轻量级网页组件，它通过简洁的A

阅读 1.9k

26赞

史霁蔷Primrose

create-t3-app终极指南：5分钟快速搭建类型安全的全栈TypeScript应用想要快速搭建一个类型安全的全栈Next.js应用？create-t3-app正是你需要的终极解决方案！这个强大的脚手架工具基于T3 Stack技术栈，能够让你在短短5分钟内完成从零到部署的完整流程。无论你是初学者还是资深开发者，create-t3-app都能显著提升你的开发效率。## 🚀 为什么选择create-t3-app？create-t3-app是当前最受欢迎的全栈TypeScri

阅读 1.2k

5赞

刘胡子大叔

智能体效果量化与测试集搭建 AgentScope 2.0 构建离线评测框架，以忠实度、引用合规、工具准确率、护栏拦截四维度量化智能体表现，强调“价格编造一票否决”。代码零成本、全离线运行，通过6条样例实测得83.3%通过率，但置信区间达53.5%~100%，数据不可靠。核心在于：平均分仅作参考，达标需满足“总分≥0.75且忠实度满分”，防止致命错误被稀释。

阅读 110

0赞

服务端之NestJS接口响应message编写规范详解、写给前后端都舒服的接口、API提示信息标准化服务端之NestJS接口响应message编写规范详解、写给前后端都舒服的接口、API提示信息标准化

阅读 2.9k

23赞

Vue 和 React 使用ref 因为 Vue 的 ref 是基于其响应式系统实现的，任何对 ref 的修改都会被 Vue 检测到，并触发组件的更新。useImperativeHandle 允许子组件自定义暴露给父组件的 ref 值。父组件通过 ref 访问子组件的实例，并调用子组件的方法（如 focus）forwardRef 允许父组件访问子组件中的 DOM 元素或组件实例。父组件通过 inpt 访问子组件中的 <input> 元素。3. 通过ref对象的current获取元素，再获取它的值。自定义子组件暴露给父组件的 ref 值。

阅读 1.5k

6赞

xiaofeichaichai

TS 快速入门与 Vue 项目配置 TS + Vue 3 系列开篇，介绍 Vue 3 项目使用 TypeScript 的原因，以及基础类型、类型推断与联合类型、any/unknown/never 的区别。文章涵盖 Vue + Vite 的 tsconfig 核心配置、路径别名与 env.d.ts，以及 Volar 与 vue-tsc 的分工。重点说明 strict 建议开启、paths 需与 vite alias 对齐，以及 vite build 不自带类型检查。

阅读 876

4赞

前端大爆炸

25年整理高频【前端面试题】（Vue篇） Vue 实现双向数据绑定的核心原理是通过数据劫持（Object.defineProperty 或 Proxy）和发布-订阅模式。当数据变化时触发 setter 通知依赖更新视图，同时监听输入事件更新数据。computed 有缓存性，watch 用于观察数据变化。slot 是内容分发机制，分为默认插槽、具名插槽和作用域插槽。保持页面状态可通过 LocalStorage、组件传值或 keep-alive 实现。常见事件修饰符如 .stop、.prevent 用于控制事件行为。v-model 是语法糖，本质是绑定

阅读 928

16赞

SurvX 实例生命周期：四层闭环演化范式传统软件与绝大多数 Agent 系统的生命周期，大多以人的开发活动为中心。AI 更多扮演辅助工具或是线上业务执行单元，缺少贯穿完整流程的预推演能力；线上运行产生的反馈，回流改造路径简单粗放。本文阐述 SurvX 的四层闭环演化范式。该范式将推演活动作为演化主线，设置独立的常驻伴随推演层，区分蓝图构想、定型建模、迭代打磨、真实运行的语义边界，建立依据改动深度分级的反向回流机制，形成构想-建模-打磨-上线-反馈重构的完整闭环。本文聚焦范式思想、取舍权衡与边界条件；

阅读 293

1赞

Vue 3 —— A / 前置基础知识数组是 JavaScript 重要数据结构，掌握数组操作对开发至关重要存储周期：页面会话期间可用，浏览器或选项卡关闭后数据消失数据传输：不传输到服务器存储限额：大于 Cookie，最大 5MB存储周期：浏览器关闭并重新打开后数据仍存在，无过期日期，需手动清除数据传输：不传输到服务器存储限额：大于 Cookie，最大 5MB本质：一个类，用于包装异步操作，根据异步操作结果确定自身状态作用：支持链式调用，消除回调地狱。

阅读 2.3k

73赞

星极天下第一

用vite动态导入vue的路由配置用vite动态导入vue的路由配置

阅读 934

10赞

在 JavaScript 中， `Map` 和 `Object` 都可用于存储键值对，但设计目标、特性和适用场景有显著差异。 Object是 JavaScript 最基础的数据结构，适合简单场景和 JSON 序列化；Map是 ES6 新增的专门用于键值对存储的结构，在键类型灵活性、顺序、性能等方面更有优势，适合复杂场景。选择时需根据键的类型、顺序需求、操作频率、序列化需求综合判断。

阅读 1.0k

12赞

js中Map和对象{}的区别键类型多样（对象、函数等作为键）需要频繁增删键值对需要保持插入顺序大数据量操作。

阅读 511

4赞

TS对象类型（类与实例）判断本文系统分析了TypeScript中判断对象是类实例还是类本身的方法。首先从类与实例的本质区别入手，指出类作为构造函数与实例对象在内存结构和原型链上的差异。接着探讨了typeof和instanceof操作符的基础应用及局限性，提出基于原型链的精确判断方法，包括判断类对象和实例对象的函数实现。文章还介绍了类型守卫的高级应用，通过条件判断缩小变量类型范围，并结合类型断言实现复杂场景下的类型判断。最后展示了工厂模式和反射系统中的实际应用案例，为开发者提供了可靠的类型判断解决方案和最佳实践。

阅读 1.0k

8赞

vue3使用Echarts地图这边是直接调用的本地的地图数据，如果是调用在线数据就得用别的方式了，不过Echarts的使用是差不多的：（博主自己学到的方法，可能不是最优方式）下次更新Echarts更新数据相关的内容，这个感觉还是有点麻烦的，如果想用好的话。选好自己需要的地图模块，然后复制链接，新开页签保存，或者直接点击下载。学的想睡觉😪，博主是菜狗，有啥建议欢迎提出讨论。其他模式可自行探索了解，博主本人没用过☹。

阅读 1.1k

13赞

范意妲Kiefer

正义之怒斩矛剑圣Build完整指南：从建号属性到毕业装备，一条龙吃透物理输出天花板本文写给想在《开拓者：正义之怒》里把物理职业玩明白的玩家：斩矛剑圣到底是什么、属性怎么点、专长怎么排、装备怎么配、道途怎么选，五步讲完，文末附新手避坑问答，照着走就能练出一个面板能打的成型角色。先讲一个真实翻车现场：论坛里常见这样的求助帖——"我照着攻略把力量点到了天荒地老，满级后攻击加值依然难看，打不动第四章的红名Boss。"问题出在哪？出在只抄了"结果"，没理解"机制"。斩矛剑圣是魔战士的

阅读 975

19赞

每天一个Flutter开发小项目 (9) : Flutter状态管理进阶 - Provider构建你的简易购物车应用我们成功地构建了一个功能完善的简易购物车应用，并深入学习了 Flutter 中重要的状态管理技术，特别是 Provider 状态管理方案的应用。通过这个项目，您不仅掌握了 Flutter 应用状态管理的核心思想和 Provider 的使用方法，更重要的是，学会了如何使用 Provider 构建架构更清晰、更易维护、数据驱动的 Flutter 应用。在开始构建购物车应用之前，我们先来深入理解 Flutter 状态管理的核心概念，并重点解析 Provider 状态管理方案，为后续的实战打牢理论基础。

阅读 1.5k

18赞

AngularJS风格指南：服务封装业务逻辑的完整指南 🚀 **AngularJS服务是构建可维护、可测试应用的核心组件**。作为社区驱动的AngularJS最佳实践集合，本指南将为你展示如何通过服务优雅地封装业务逻辑，实现真正的关注点分离。在前100个字内，我们明确了AngularJS服务和业务逻辑封装这两个核心关键词，为SEO优化奠定基础。AngularJS服务提供了一种强大而灵活的方式来组织应用程序的业务逻辑，使代码更易于测试、维护和重用。

阅读 827

21赞

React 父子之间传值的几种方法！！！在 React 中，父子组件之间的数据传递是一个常见的需求，总结父传子：通过 `props` 直接传递数据。子传父：通过回调函数作为 props 传递给子组件，子组件调用该回调函数来传递数据。useRef 和 useImperativeHandle：允许父组件直接调用子组件的方法，但需注意封装性问题。- **`useContext`**：适用于深层嵌套的组件树，避免了逐层传递 `props` 的麻烦。每种方法都有其适用场景，选择合

阅读 1.9k

1赞

AngularJS完全指南：从零掌握前端MVC框架的终极教程 [特殊字符] 作为Google推出的JavaScript框架，**AngularJS**彻底改变了前端开发方式。本指南将带你从零开始，全面掌握这个强大的MVC框架！✨## 为什么选择AngularJS？ 🤔AngularJS通过**双向数据绑定**、**依赖注入**和**模块化设计**，让前端开发变得简单高效。无论你是初学者还是有经验的开发者，都能快速上手！## AngularJS核心架构解析

阅读 1.2k

20赞

MethodChannel的用法本章回中介绍了EventChannel通道相关的知识，原生平台通过Stream给Flutter发送数据。这样便实现了通信功能。我在这里就不演示程序的运行结果了，建议大家自己动手去实现。不过我分享一些编译时的经验。EventChannel通道常用来发送一些消息，它的用法和Stream类似；

阅读 1.0k

18赞

作者推荐

做个有准备的人: 素位而行；安分守已！！！

关注