TypeScript论坛 今日: 0|主題: 300|排名: 74 

前言 总所周知，Vue新版本3.0 使用 TypeScript 开发，让本来就很火的 TypeScript 受到更多人的关注。虽然 TypeScript 在近几年才火，但其实它诞生于2012年10月，正式版本发布于2013年6月，是由微软编写的自由和开源的编程语言。TypeScript 是 JavaScript 的一个超集，扩展了 JavaScript 的语法，添加了可选的静态类型和基于 ...

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/uniapp-vue3-ts-scaffold 目录一、前言二、脚手架技术栈简介2.1 uni-app2.2 vue32.3 TypeScript2.4 Pinia2.5 Tailwind CSS2.6 uv-ui2.7 vite三、详细步骤3.1 Node.js安装3.2 创建以 typescript 开发的uniapp工程3.3 集成Pinia3.3.1 安装pinia3.3.2 修改ma ...

0x00 概述 阅读以下内容需要具备一定的 Vue2 基础 代码采用规范为：TypeScript + 组合式 API + setup 语法糖 （1）Vue3 简介 Vue3 第一个正式版发布于 2020 年 9 月 18 日 Vue3 中文官网 Vue3 相比 Vue2 的优势： 性能提升：打包体积减小，初次渲染和更新渲染都更快，内存使用减少 源码升级：使用 Proxy 实现响应式，重 ...

我见过许多因为运行时数据不匹配而导致的崩溃，也曾写过无数防御性代码和 any 断言，哈哈 😄。TypeScript 的类型安全本来就不该止步于编译期。直到遇见 Zod，Zod 不仅是一个验证库，它为 TypeScript 带来运行时安全，是目前最优雅、最彻底的解决方案。 我们为何需要 Zod？ TypeScript 最让人上瘾的地方在于编译时类型检查， ...

1. 引言：我们受够了“黑盒”魔法 作为一名后端开发者，你一定有过这样的崩溃时刻： 你正在使用某个主流 ORM（比如 TypeORM 或 Prisma）。起初，一切都很美好，User.findMany() 跑得很欢。但随着业务变复杂，你发现： 性能黑洞：一个简单的查询，ORM 居然生成了 50 行极其低效的 SQL Join 语句。 启动龟速：在 Serverle ...

本H5移动前端项目使用最新的 `Vue3.5`、`Vite6`、`Vant4`、`Pinia`、`TypeScript`、`UnoCSS`、`Vue-i18n` 等主流技术开发，结合我们《SqlSguar开发框架》后端的功能接口，实现了相关的框架基础功能和一些业务案例的功能。另外集成了 `Axios`、`ECharts`、`IconSvg`、`mockjs`、`qrcode`、`dayjs` 等等一些优秀的第三方 ...

配置小程序云开发 TypeScript 环境 1. 检查本地 nodejs 环境 2. 安装 TypeScript npm install typescript --save-dev 3. 初始化/配置 TypeScript 3.1 初始化 ./node_modules/.bin/tsc --init 3.2 修改tsconfig.json配置 { "compilerOptions": { "target": "es2016", "module": "commonjs", "typeRoots": [ ...

TS基础内容 1.1 TypeScript简介 TypeScript是由微软开发，是基于JavaScript的一个扩展语言 TypeScript包含了JavaScript的所有内容，即：TypeScript是JavaScript的超能 TypeScript增加了：静态类型检查、接口、泛型等很多现代开发特性，因此适合更大型的项目开发 TypeScript需要编译为JavaScript,然后交给浏览器或其他JavaS ...

\3c span id="mce_marker" data-mce-type="bookmark">\3c /span>\3c span id="__caret">_\3c /span>\3c !-- #div_digg { float: right; font-size: 12px; margin: 10px; text-align: center; width: 120px; position: fixed; right: 0; bottom: 0; z-index: 10; background-color: rgba(255, 255, 255, 1); padding: 10px; ...

\3c span id="mce_marker" data-mce-type="bookmark">\3c /span>\3c span id="__caret">_\3c /span>\3c !-- #div_digg { float: right; font-size: 12px; margin: 10px; text-align: center; width: 120px; position: fixed; right: 0; bottom: 0; z-index: 10; background-color: rgba(255, 255, 255, 1); padding: 10px; ...

#div_digg { float: right; font-size: 12px; margin: 10px; text-align: center; width: 120px; position: fixed; right: 0; bottom: 0; z-index: 10; background-color: rgba(255, 255, 255, 1); padding: 10px; border: 1px solid rgba(204, 204, 204, 1) } #cnblogs_post_body pre code span { font-family: Consolas, ...

🚀 作者主页： 有来技术 🔥 开源项目： youlai-mall ︱vue3-element-admin︱youlai-boot︱vue-uniapp-template 🌺 仓库主页： GitCode︱ Gitee ︱ Github 💖 欢迎点赞 👍 收藏 ⭐评论 📝 如有错误敬请纠正！ 开局一张图，先看一下初期登录的效果图，内容和UI正在升级中... 前言 本文将带你从零开始，使用 VSCode 和 vue ...

最近接触到的几个开源库源码都是用 TypeScript 写的（看来 ts 是大势所趋，不学不行啊）。虽然说不懂 ts 也能正常调 API，但是碰到有意思的功能还是想跟进去看一看、改一改。 在学习了基本的 ts 语法后有了调试的需求。如果用 tsc 编译出 js，再去调试 js 还是太麻烦。如果能在 VS Code 中直接调试 ts 就完美了。在查阅一些 ...

使用 Vite 快速搭建脚手架 命令行选项直接指定项目名称和想要使用的模板，Vite + Vue 项目，运行（推荐使用yarn） # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init vite@latest my-vue-app -- --template vue # yarn yarn create vite my-vue-app --template vue # pn ...

前端 Typescript 入门 Ant design vue4.x 基于 vue3，示例默认是 TypeScript。比如 table 组件管理。 vue3 官网介绍也使用了 TypeScript，例如：响应式 API：核心 华为的鸿蒙OS（HarmonyOS）开发中也可以使用 TypeScript 本篇目的用于对 TS 进行扫盲 Tip：ts 路线图 ts 是什么 TS是TypeScript的缩写，由微软开发的一种开源 ...

在 TypeScript 中，Promise 是用于处理异步操作的对象。它表示一个可能在未来某个时间点完成或失败的操作，并返回操作结果或错误。 Promise 可以有三种状态： pending（进行中）：Promise 的初始状态，表示操作正在进行中。 fulfilled（已完成）：表示操作成功完成。 rejected（已拒绝）：表示操作失败。 创建 Promise 对 ...

在 TypeScript 中， keyof 操作符用于获取某种类型的所有键。它返回一个字符串或数字的联合类型，包含对象类型的所有可用键。keyof 主要用于在编译时进行类型检查，以确保你访问的属性是对象实际拥有的键。 一、基本使用 type Person = { name: string; age: number; address: string; }; type PersonKeys = k ...

超详细的TypeScript入门教程！     在看这篇文章之前，我是强烈推荐TypeScript 入门教程这本书的。因为这本书它是：从 JavaScript 程序员的角度总结思考，循序渐进的理解TypeScript。文章来源也是该书，但听我一句话：无论任何文档乃至官方自己出的文档都是有坑的，一定要去踩。一、什么是TypeScript？ 1、T ...

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/vue-ts-scaffold 目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwind CSSElement Plusvite详细步骤Node.js安装创建以 typescript 开发的vue3工程集成Pinia安装pinia修改main.ts创建一个store在组件中使用store集成Tailwind CSS安装postcss、sass、auto ...

深度掌握TypeScript中的重载【函数重载、方法重载】 1. 函数重载，方法重载的重要性 著名前端流行框架底层都用到函数重载，例如：Vue3 底层源码就多处使用到带泛型的函数重载。很多前端面试更是拿函数重载作为考核求职者 TS 技能是否扎实的标准之一，如果你不掌握函数重载，等于你的 TS 技能有缺失，技能不过关。 函数重载 ...