Tags → #coding
-
前端测试教程——自动化测试的类型
> 原文传送门 Types of automated testing 在各种代码库中，对不同类型的测试进行命名通常遵循一定的共性，尽管这些命名并没有严格的定义标准。本课程尝试对每种测试类型给出了一些建议和解释，但你可能在其他地方看到有所不同的定义。 之前的内容中提到了单元测试和组件测试（以我们...
-
Vue 组件的 Props 到底能不能改？
Vue 推崇单向数据流这个概念，也就是数据流向必须是从父到子。子组件想要修改数据必须 `emit` 一个事件，父组件接收到事件后，由父组件修改数据传回到子组件。 我在 stackblitz 写了个例子，使用版本为 `Vue@3.4.5`。可以看到在，`props` proxy 的外层 han...
-
写 Vue 我建议非必要别用 watch
Vue 里的 watch 很好用，但是过度依赖 watch 真的好吗？
-
技术债务的定义与处理
> 原文地址：Defining and Dealing with Technical Debt 我们对“债务”都不陌生吧？这是一个一方（借款人）欠另一方（贷款人）钱的概念，常用于金融领域。比如，我向银行借钱，我就对他们有债务，金额就是他们借给我的钱（加利息！），并且他们期望我还清这些债务。 债...
-
讲透同源策略
我愿称同源策略（Same-origin policy，以下可能会缩略为 SOP）为前端新手的痛。 先简单说说什么是同源：**同协议、同 host、同端口**视为同源（Same-origin）。以 `http://example.com:80` 为例，协议是 `http`，host 是 `ex...
-
TypeScript 泛型解析
泛型简单来说可以理解成**把类型当变量传到类型定义里**，就如同参数传到函数一样，例如： ```typescript function identity<Type>(arg: Type): Type { return arg; } let output = identity<string...
-
拥抱 TypeScript 的历程
Mind Elixir 在 2021 年 10 月开始逐渐迁移到 TypeScript，很忏愧地说直到最近，我才狠下心来打开了把 `compilerOptions.strict` 设成了 `true`。 那时不太懂 TS，跌跌撞撞地写类型，到现在算是积累了点经验，而且日常工作中的项目也已经用上了...
-
Vue 系前端测试策略
Vitest 是一个测试框架，类似老框架 Jest，用于运行测试。Vitest 最大的优点是可以和 Vite 整合起来，减少配置复杂度（反过来说，如果你不用 Vite 的话 Vitest 不一定是最好的选择）。 如果你在 Vite 的基础上安装 Vitest，只需要安装 ，然后在 `vite...