在最近的项目开发中，我遇到了一个挑战：如何在不修改核心库代码的情况下，通过插件扩展核心类的数据和方法，并确保这些扩展在使用时能够获得类型提示。

通过本文，我们学习如何实现一个具有拖拽、缩放和定位功能的简易画布。

通过三个星期的学习，大致已经对低代码有了初步的了解了 从一开始的未知，到后面了解学习到的一些概念，如materials、setter、setting、canvas、vm等等内容

CheatSheet 一款可以实时显示当前应用的所有快捷键，非常好用！只需要在应用里按一次快捷键(默认 F2)，它就会弹出一个窗口，列出当前应用的所有快捷键列表，包括快捷键组合使用方法等等。这给我使用快捷键带来了极大的便利，可以随时查看忘记的快捷键，不需要频繁搜索查询了。

一个基于 WebRTC 实现的视频会议的全栈开发项目，支持音频，视频，共享屏幕，消息发送的方式来进行交互。同时项目是基于TypeScript的全栈开发，并使用 pnpm monorepo 进行项目管理

该项目主要是一个仿 Mac 的系统，全部使用的 TypeScript 书写，使用 了一些前端的新技术，实现的功能包括顶部状态栏，App 的使用，如 Terminal、 TurboChat 等其他应用

基于装饰器我们能够快速优雅的复用逻辑，提供注释一般的解释说明效果，以及对业务代码进行能力增强。 IoC的全称为 Inversion of Control，意为控制反转，它是OOP中的一种原则（虽然不在n大设计模式中，但实际上IoC也属于一种设计模式），它可以很好的解耦代码。

tRPC 是一个基于 TypeScript 的远程过程调用框架，旨在简化客户端与服务端之间的通信过程，并提供高效的类型安全。它允许您使用类似本地函数调用的方式来调用远程函数，同时自动处理序列化和反序列化、错误处理和通信协议等底层细节。 Zod 是一个以 TypeScript 为首的模式声明和验证库 ，弥补了 TypeScript 无法在运行时进行校验的问题

Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括： • 嵌套路由映射 • 动态路由选择 • 模块化、基于组件的路由配置 • 路由参数、查询、通配符 • 展示由 Vue.js 的过渡系统提供的过渡效果 • 细致的导航控制 • 自动激活 CSS 类的链接 • HTML5 history 模式或 hash 模式 • 可定制的滚动行为 • URL 的正确编码

全局状态管理工具 Pinia.js 有如下特点： 完整的 ts 的支持； 足够轻量，压缩后的体积只有1kb左右; 去除 mutations，只有 state，getters，actions； actions 支持同步和异步； 代码扁平化没有模块嵌套，只有 store 的概念，store 之间可以自由使用，每一个store都是独立的 无需手动添加 store，store 一旦创建便会自动添加； 支持Vue3 和 Vue2

深入了解TypeScript的一些知识点和特性

TypeScript的基本类型和一些知识点的详解

Typed JavaScript at Any Scale. 添加了类型系统的 JavaScript，适用于任何规模的项目 TypeScript 的两个最重要的特性——类型系统、适用于任何规模 TypeScript是JavaScript的超集

Vue3 + Vite的环境配置、项目构建和使用 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。 对我们来 Electron 的核心就是我们的表现层（HTML + CSS + JavaScript）。 最重要的一点：前端工程师可以直接进入GUI开发领域 所有的调试就可以有pc网站一样的体验,而且无视任何兼容性问题，只需要针对chrome开发

Vue3 + Vite的环境配置、项目构建和使用 Vite的优势 冷服务 默认的构建目标浏览器是能 在 script 标签上支持原生 ESM 和 原生 ESM 动态导入 HMR 速度快到惊人的 模块热更新（HMR） Rollup打包 它使用 Rollup 打包你的代码，并且它是预配置的 并且支持大部分rollup插件