身为前端，除了与风格迥异的代码打交道，还有一个很常见的就是跟设计师对接，从他们提供的 psd 里面扣出需要用到的小图标等等。下面就讲讲切图的各种姿势

单例模式：用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。 实现单例模式 //1.实

在前端摸爬滚打已经两个年头，说长不长说短不短，一直想写点什么记录一下自己的成长，刚好看到早读君的活动，起身动笔。至于个人信息，当然已经略去…

个人简介 Hey，这里是蔓青，江湖人称鳗鱼。 前端开发一只。 热爱酷炫的动画 & 交互细节。 热衷于折腾工程化相关的东西， 坚信任何简单机械的重复劳动都应

title: “TS 在项目中的 N 个实用小技巧 - 文字稿” date: 2022-03-10 tags: [“总结”, “分享”, “typescript”] categories: [“项目经验”] 2 月底在早早聊 TS 专场相关的的分享，勤劳的把文字稿整理出来了来个首发。全文长度 1w+，内容较干，可以收藏起来慢慢看，或者结合视频一起看。希望对小伙伴们有帮助。 〇、前言 Hello 大家好。我叫鳗鱼，这次分享的专题是 ts 小技巧相关。之前已经分享过两次，可能有部分小伙伴已经认识了。我17 年毕业就在百度，现在 base 在深圳，技术上喜欢折腾各种新东西，爱好工程化相关。生活上有两只猫，喜欢出门找吃的和到处玩。 然后有一些惯例的前言声明： 针对用户：TypeScript 刚入门的新手。假设读者有基本的 TypeScript 常识，如果你对于 TypeScript 本身完全不了解，建议先阅读下文档。资深体操用户可选择绕行。 核心内容：项目经验总结而来的各种 tips 和 demo。代码较多，可能内容较干，自备矿泉水饮料 仅代表个人当前的经验，如有任何不足，随时交流 本次分享的目录主要分为四个部分：基础介绍，常见技巧，泛型介绍，和最后的其他&总结。 一、基础介绍 我们先看一个漫画： 在 js 里面我们知道，0=='0'为 ture，0==[]也会 true。但是呢，js 可以按照如果 a=b & a=c ，推导出 b=c 的逻辑吗？有经验的小伙伴肯定知道当然是不行，字符串 0 并不等于 []。 因此，上述漫画也成了社区里面经常讽刺 js 的一个梗，因为是弱类型语言，所以有着奇怪的隐式类型转换逻辑。 那么对应而言，ts 就有很多可以解决这些问题的能力了？不用讲应该多少都听说过，比如丰富的类型系统，强大的类型推导能力，完善的生态支持等等，这里就不做过多的概述。 1.1 基础语法复习 首先，对可能没怎么接触过的同学，复习下基础使用语法。在变量之后使用:进行类型标识，果没写他就会尝试推导。比如上图的，第一行 loading 是 boolean 类型，第二行 age 是数字类型。另外还有枚举，数组，接口，函数等类型，不熟悉的可以翻一下文档，这里仅展示示例。