让你眼前一亮的 10 大 TS 项目

最新推荐文章于 2024-05-18 09:50:15 发布
最新推荐文章于 2024-05-18 09:50:15 发布
阅读量3.8k 收藏 9
点赞数
分类专栏： 重学TS专题 文章标签： web开发 javascript typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/semlinker/article/details/106881620
版权
本文介绍了 10 个优秀的 TypeScript 项目，包括自动化视觉分析框架 AVA、手绘风格图形库 rough.js、可拖动元素库 Moveable、工作流自动化工具 n8n、Web 操作记录与回放工具 rrweb，以及前端框架 Hyper、低代码平台 amis、富文本编辑器 Editor.js、React 表单验证库 react-hook-form 和企业级 Node.js 框架 Nest。这些项目展示了 TypeScript 在不同领域的强大应用。
摘要由CSDN通过智能技术生成

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。

下图显示了 TypeScript 与 ES5、ES2015 和 ES2016 之间的关系：

好的，简单介绍了 TypeScript，下面我们马上步入正题，来开始介绍 ”这些年我收藏过的 10 个 TS 项目“ 中的第一个项目 —— AVA。

AVA

🤖 A framework for automated visual analytics.

https://github.com/antvis/AVA

AVA（A Visual Analytics）是为了更简便的可视分析而生的技术框架。 其名称中的第一个 A 具有多重涵义：它说明了这是一个出自阿里巴巴集团（Alibaba）技术框架，其目标是成为一个自动化（Automated）、智能驱动（AI driven）、支持增强分析（Augmented）的可视分析解决方案。

rough

Create graphics with a hand-drawn, sketchy, appearance.

https://github.com/pshihn/rough

Rough.js 是一个轻量的图形库（压缩后的 <9 kB），可以让你用手绘的方式绘制草图。该库提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力，同时支持绘制 SVG 路径。Rough.js 可同时支持 Canvas 和 SVG。

除了生成简单的图形之外，使用 Rough.js 也可以用来生成复杂的图形，比如手绘风格的地图：

moveable

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!

https://github.com/daybrush/moveable

Moveable 可以让你把指定的元素，变成可拖动的，可调整大小的，可伸缩的

最低0.47元/天 解锁文章
阿宝哥​_
关注
  • 0
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ts项目构建
weixin_54986082的博客
04-22 819
通常情况下，实际开发中我们都需要使用构建工具对代码进行打包，TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS。
TS核心知识点总结及项目实战案例分析
趣谈前端
08-04 2614
前言最近工作一直很忙，复盘周期也有所拉长，不过还是会坚持每周复盘。今天笔者将复盘一下typescript在前端项目中的应用，至于为什么要学习typescript，我想大家也不言自明，目前...
TS项目（贪吃蛇）
weixin_50236973的博客
09-06 410
TS项目（贪吃蛇）
推荐一个强大的React表单验证神器：React Hook Form
最新发布
gitblog_00031的博客
05-18 345
推荐一个强大的React表单验证神器：React Hook Form 项目地址:https://gitcode.com/react-hook-form/documentation 在React开发中，处理表单验证和管理状态一直是开发者面临的重要任务。今天，我向大家推荐一款高效、灵活且可扩展的解决方案——React Hook Form。这个开源库以简单的React钩子形式提供了强大的表单验证功能，让...
ts项目搭建
Acitylion的博客
06-04 1311
1.项目初始化 npm init -y 2.下载配置文件 npm i -D webpack webpack-cli typescript ts-loader html-webpack-plugin webpack-dev-server clean-webpack-plugin @babel/core @babel/preset-env babel-loader core-js 3.创建一个webpack.config.js //引入 const path = require('path'); /.
2024 年值得关注的 10 大 TS 项目
程序员成长指北
12-27 120
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群还不到一个月，2023 年就结束了，我们即将迎来 2024 年。2023 年 AI 技术突飞猛进，AI 应用迎来了大爆发。AI 技术的高速发展，给我们生活和工作带来了很大变化，也带来了很大挑战。对于我们来说，只能不断地拥抱变化，不断提升自己的技能水平，才能在经济 “寒冬” 中活下来。「接下来，我...
ts项目 --- 贪吃蛇
m0_70647189的博客
05-07 114
@bg-color:#b7d4a8; { margin: 0; padding: 0; box-sizing: border-box; } #main { display: flex; flex-flow: column; align-items: center; justify-content: space-around; margin: 0 auto; width: 360px; height: 420px; border: 10px solid #000; background-color: @b
Vue3 + TS + Vite - 大屏可视化 项目实战
06-10
三、项目使用Vue3 + Ts + Vite + pnpm 并集成了eslint 、prettier、stylelint、husky、commitizen 规约工具 四、采用抽离组件模式开发更加符合企业要求，手写更加熟练掌握大屏设配 五、组件包括有运营商定位、天气...
vue+ts可视化大屏项目
03-14
10. **部署与优化**：项目完成后，需要考虑性能优化（如懒加载、代码分割）、CDN加速和服务器部署策略，以确保大屏应用的快速加载和高效运行。 通过学习和实践这个“vue+ts可视化大屏项目”，开发者不仅可以深入...
vue项目引入ts步骤(小结)
10-16
你可以根据项目需求进行自定义配置，以下是一个基本的配置示例： ```json { "compilerOptions": { "baseUrl": ".", "experimentalDecorators": true, "emitDecoratorMetadata": true, "noEmitOnError": true,...
VueCli3构建TS项目的方法步骤
10-17
主要介绍了VueCli3构建TS项目的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ts：ts项目
02-07
这是由提供支持的工作流存储库，是从 :chequered_flag: 入门 构建Actionsflow工作流分为三个步骤： 通过此创建公共的Github存储库。 典型的Actionsflow存储库结构如下所示： ├── .github │ └── workflows │ └── actionsflow.yml ├── .gitignore ├── README.md └── workflows │ └── rss.yml │ └── webhook.yml └── package.json 在workflows目录中定义您的 典型的工作流程文件rss.yml如下所示： on : rss : url : https://hnrss.org/newest?points=300&count=3 jobs : request : name : Make a HTTP
vue+cli+ts项目实战.rar
04-02
vuecli4.0 +ts项目实战 项目主要技术为 view-design + moment+ echarts ，内有常年积累utils工具类 以及 css样式重置，博主多年珍藏半数在内
vue3+ts实战项目组件工具库.zip
03-03
Vue3+TS实战项目组件工具库是一个以Vue3和TypeScript为核心技术的开发资源，旨在帮助开发者构建高效、可复用且类型安全的前端应用。这个压缩包包含了一个名为"visualization-master"的项目，可能是一个专门用于数据...
ts项目实例_vue 3.0 初体验 （项目搭建）
weixin_39571749的博客
11-25 321
6大亮点Performance：性能更比Vue 2.0强。Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。Composition API：组合APIFragment, Teleport, Suspense：“碎片”，Teleport即Protal传送门，“悬念”Better TypeScript support：更优秀的Ts支持Custom Rendere...
VUE3+TS项目搭建
立场简单的博客
03-14 9255
项目的创建 运行 vue create ‘项目名称' 或 vue ui 图形化配置项目 选择自己配置： 选择基础配置： 选择是否使用类样式组件： 是否使用babel编译TS： 选择router模式： 选择css预处理器： 选择eslint规范：（我选第三 eslint+prettier) 选择eslint的时间： 配置文件存放： 一. 代码规范 1.1. 集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编
TS 的项目配置
ZHXT__的博客
08-07 770
对于开发项目来说ts 有一个tsconfig 配置文件, 用于定义ts 的一些规则 常见示例: 官方解释: 参数具体说明 对于js来说, 也可以配置jsconfig.js 来声明文件, 使得vscode提示更加健全 { "compilerOptions": { /* 开启增量编译：TS 编译器在第一次编译的时候，会生成一个存储编译信息的文件，下一次编译的时候，会根据这个文件进行增量的编译，以此提高 TS 的编译速度 */ // "incremen.
Vue脚手架创建TS项目
Jan's的博客
08-29 3612
预处理选项，他会在后面一步让你选则对应扩展语言的预处理器。的基础上，设计了泛型、对象、继承、数据类型等等。的一个超集 正常开发的时候 你只需要使用。的强大吸引了许许多多的前端开发者学习使用。风格代码，除了用到ts的语法，还用到了。，比如严格的数据类型，严格的格式等等。风格的 typescript 代码。，是前端一个非常强大的语言超集，基于。，这个就不解释了，用过路由的都知道。在我们开发中，报错非常高，因为。选项是默认给你选中的，必要的。，里面基本不需要去自己定义了。一起用于自动检测，我选择Y。...
TypeScript - 笔记(1) - 创建基本的ts项目
King Saj
02-07 1817
创建基本的ts项目 新建test 文件夹,创建index.html, min.ts文件 终端使用 tsc min.ts 命令,将.ts文件,转换为.js 文件 点击vscode终端管理器 // 创建 package.json 文件 npm init 安装 lite-server 轻量级的仅适用于开发 的 node 服务器， 它仅支持 web app, 它能够为你打开浏览器, 当你的html或是JavaScript文件变化时，它会识别到并自动帮你刷新浏览器, 还能使用套接字自动注入变化的CS
创建一个vue3加ts项目
07-28
好的，以下是基本的步骤： 1. 首先，你需要安装最新版本的Node.js和npm。你可以在官网上下载并安装：...现在，你已经成功创建了一个Vue 3 + TypeScript项目。你可以开始在这个项目中开发你的应用程序了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值