typescript中使用Object.keys
开发中使用typescript的时候,经常会遇到使用 Object.keys 这个方法报错的情况,报错如下:
错误场景1
var foo = {
a: '1',
b: '2'
}
var getPropertyValue = Object.keys(foo).map(item => foo[item]) // 这里会有typescript的错误提示
错误场景2
var foo = {
a: '1',
b: '2'
}
function ...
TypeScript—类型定义文件(*.d.ts)
一、ts文件中引入jquery。
1.大家是否有再vue 上使用过 ts,并再 .ts文件中引用过 jquery
1.1是不是遇到过如下问题:
import $ from 'jquery';
/***
Could not find a declaration file for module 'jquery'. 'd:/node-common/node_modules/jquery/dist/jquery.js' implicitly has an 'any' type.
Try `npm install @types ...
TypeScript 源码详细解读(4)语法1-语法树
在上一节介绍了标记的解析,就相当于识别了一句话里有哪些词语,接下来就是把这些词语组成完整的句子,即拼装标记为语法树。
树(tree)
树是计算机数据结构里的专业术语。就像一个学校有很多年级,每个年级下面有很多班,每个班级下面有很多学生,这种组织结构就叫树。
组成树的每个部分称为节点(Node);
最顶层 ...
TypeScript高级类型
交叉类型(Intersection Types)
交叉类型是将多个类型合并为一个类型。 这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。 例如,Person & Serializable & Loggable同时是Person和Serializable和Loggable。 就是说这个类型的对象同时拥有了这三种类型的成员。
我们大多是在混入(mixin ...
在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载对象接口
在基于vue-next-admin 的 Vue3+TypeScript 前端项目中,可以整合自己的 .NET 后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局挂载对象$u,获得相关 $u_interface 的统 ...
初次在Vue项目使用TypeScript,需要做什么
前言
总所周知,Vue新版本3.0 使用 TypeScript 开发,让本来就很火的 TypeScript 受到更多人的关注。虽然 TypeScript 在近几年才火,但其实它诞生于2012年10月,正式版本发布于2013年6月,是由微软编写的自由和开源的编程语言。TypeScript 是 JavaScript 的一个超集,扩展了 JavaScript 的语法,添加了可选的静态类型和基于 ...
使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架
项目代码以上传至码云,项目地址: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 ...
Vue3 + TypeScript 开发指南
0x00 概述
阅读以下内容需要具备一定的 Vue2 基础
代码采用规范为:TypeScript + 组合式 API + setup 语法糖
(1)Vue3 简介
Vue3 第一个正式版发布于 2020 年 9 月 18 日
Vue3 中文官网
Vue3 相比 Vue2 的优势:
性能提升:打包体积减小,初次渲染和更新渲染都更快,内存使用减少
源码升级:使用 Proxy 实现响应式,重 ...
Zod:TypeScript 类型守卫与数据验证
我见过许多因为运行时数据不匹配而导致的崩溃,也曾写过无数防御性代码和 any 断言,哈哈 😄。TypeScript 的类型安全本来就不该止步于编译期。直到遇见 Zod,Zod 不仅是一个验证库,它为 TypeScript 带来运行时安全,是目前最优雅、最彻底的解决方案。
我们为何需要 Zod?
TypeScript 最让人上瘾的地方在于编译时类型检查, ...
告别臃肿:为什么 Drizzle ORM 是 TypeScript 后端的未来?
1. 引言:我们受够了“黑盒”魔法
作为一名后端开发者,你一定有过这样的崩溃时刻:
你正在使用某个主流 ORM(比如 TypeORM 或 Prisma)。起初,一切都很美好,User.findMany() 跑得很欢。但随着业务变复杂,你发现:
性能黑洞:一个简单的查询,ORM 居然生成了 50 行极其低效的 SQL Join 语句。
启动龟速:在 Serverle ...
基于Vant4+Vue3+TypeScript的H5移动前端
本H5移动前端项目使用最新的 `Vue3.5`、`Vite6`、`Vant4`、`Pinia`、`TypeScript`、`UnoCSS`、`Vue-i18n` 等主流技术开发,结合我们《SqlSguar开发框架》后端的功能接口,实现了相关的框架基础功能和一些业务案例的功能。另外集成了 `Axios`、`ECharts`、`IconSvg`、`mockjs`、`qrcode`、`dayjs` 等等一些优秀的第三方 ...
使用TypeScript开发微信小程序(云开发)-入门篇
配置小程序云开发 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": [ ...
harmony OS NEXT-TypeScript
TS基础内容
1.1 TypeScript简介
TypeScript是由微软开发,是基于JavaScript的一个扩展语言
TypeScript包含了JavaScript的所有内容,即:TypeScript是JavaScript的超能
TypeScript增加了:静态类型检查、接口、泛型等很多现代开发特性,因此适合更大型的项目开发
TypeScript需要编译为JavaScript,然后交给浏览器或其他JavaS ...
TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
\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; ...
Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
\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; ...
从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
#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, ...
从0到1构建开源 vue-uniapp-template:使用 UniApp + Vue3 + TypeScript 和 VSCoe、CLI 开发跨平台移动端脚手架
🚀 作者主页: 有来技术
🔥 开源项目: youlai-mall ︱vue3-element-admin︱youlai-boot︱vue-uniapp-template
🌺 仓库主页: GitCode︱ Gitee ︱ Github
💖 欢迎点赞 👍 收藏 ⭐评论 📝 如有错误敬请纠正!
开局一张图,先看一下初期登录的效果图,内容和UI正在升级中...
前言
本文将带你从零开始,使用 VSCode 和 vue ...
VS Code 调试 TypeScript 基本流程
最近接触到的几个开源库源码都是用 TypeScript 写的(看来 ts 是大势所趋,不学不行啊)。虽然说不懂 ts 也能正常调 API,但是碰到有意思的功能还是想跟进去看一看、改一改。
在学习了基本的 ts 语法后有了调试的需求。如果用 tsc 编译出 js,再去调试 js 还是太麻烦。如果能在 VS Code 中直接调试 ts 就完美了。在查阅一些 ...
Vue3.0+typescript+Vite+Pinia+Element-plus搭建vue3框架!
使用 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 入门
前端 Typescript 入门
Ant design vue4.x 基于 vue3,示例默认是 TypeScript。比如 table 组件管理。
vue3 官网介绍也使用了 TypeScript,例如:响应式 API:核心
华为的鸿蒙OS(HarmonyOS)开发中也可以使用 TypeScript
本篇目的用于对 TS 进行扫盲
Tip:ts 路线图
ts 是什么
TS是TypeScript的缩写,由微软开发的一种开源 ...