可能很多人学完了 TS 之后想使用 vue 进行开发，但开发过程中可能会遇到非常多的问题，甚至有些在网上都找不到解决方法，这里总结一些比较常见的知识点，看完之后相信你也能快速上手 vue-ts 开发。

如果还没学过 TS 基础的小伙伴简易先根据TypeScript目录里的内容学习一下 TS 基础语法，当然除了 TS 之外还需要学习一下 Vue3 的基础语法。下面的所有用例都是基于 setup 语法糖进行讲解和演示。

文章来源：Monorepos in JavaScript & TypeScript

什么是 MONOREPO

monorepo 是一个包含较小项目的项目 - 而每个项目可以是从单个应用程序到可重用包（例如函数，组件）的任何内容。合并项目的做法可以追溯到 2000 年初，当时它被称为共享代码库。

monorepo 的名字源于 mono（单个）和 repo（存储库）这两个词。虽然前者是不言自明的，但后者来自版本控制系统（例如 git），其中 project：存储库以 n：n 关系（polyrepo）或 n：1 关系（monorepo）托管。

通常，monorepo 被误认为是 monolith。但是，在整体式应用程序中，所有较小的项目都合并到一个大项目中。相比之下，monorepo 可以将其较小的项目合并到多个项目中。

上篇文章讲了如何使用 tsup 打包一些使用 ts 编写的工具，这次讲解如何使用 vite 打包一些 vue 组件（React、Svelte 等框架也同理）。

使用 tsup 的目的是为了快速的打包 TS 项目，使用 tsup 基于 esbuild 进行构建，打包 ts 文件速度是 tsc 的 100 多倍，下面的示例也基于 TS 来说明

众所周知，谷歌的国内服务经常被墙，有时候会导致 android studio 里无法正常下载 sdk，这里简单讲解一下原因和解决方法

原因

因为 as 里下载 sdk 是直接访问 dl.google.com 这个域名的，而国内的有些运行商可能会直接屏蔽了这个域名的 DNS 解析，导致没办法正确解析出 IP。

解决办法

解决办法很简单，就是通过 http://ping.chinaz.com/ 该检测网站对进行域名 dl.google.com 进行解析，找出能用国内 IP。

只需要打开这个网页，将 dl.google.com 复制进去点击 Ping 检测，就能拿到很多国内的谷歌服务 IP，比如我拿到一个： 180.163.151.161 ，然后打开命令行工具使用ping 180.163.151.161 进行检测，如果能正常 ping 通就说明该 ip 可以使用

接下来就是使用这个 ip 了，windows 用户打开：C:\Windows\System32\drivers\etc 文件夹，可以看到 hosts 文件，使用记事本之类的工具打开进行编辑，添加上一行：180.163.151.161 dl.google.com 然后保存。这时候只需要再ping dl.google.com就能发现这时候是直接 ping 180.163.151.161 这个 ip，不在需要 DNS 解析。

然后重新打开你点 as 就能发现可以正常下载 sdk 了。

字节前端青训营课程内容笔记

动画的基本原理

什么是动画?

动画是通过快速连续排列批次差异极小的连续图像来制造运动错觉和变化错觉的过程 ——维基百科

满足四个条件：

• 快速
• 连续排列
• 彼此差异极小
• 制造错觉

动画的发展

常见的前端动画技术：Sprite 动画、CSS 动画、JS 动画、SVG 动画、WebGL 动画

按应用分类：UI 动画、基于 Web 的游戏动画和动画数据可视化

字节前端青训营课程内容笔记

字节前端青训营课程内容笔记