隐藏

生命不息折腾不止。

前端之切切切切切图

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

单例模式

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

2016 | 还未毕业时的前端之旅

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

关于

个人简介 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 是数字类型。另外还有枚举,数组,接口,函数等类型,不熟悉的可以翻一下文档,这里仅展示示例。