snowdream

前言

很多时候TS这门语言只被人看作是ES的类型增强版，然而在我看来TS作为ES的超集，ES语法可以看作是一个维度，而多出的类型系统则可以看作是另一个维度；也就是说如果把ES看作是一个一维编程语言，那么TS就是一个二维编程语言；

这篇文章尝试从多出来的一个维度来描述TS类型编程的独特性和一般性；所以，涉及各种类型的定义和用法不再过多阐述。

跟大多数编程语言一样，TS类型编程也遵循程序语言设计的一些原则。

程序设计语言的基本成分包括数据、运算、控制和传输等。

前言

关于微信小程序的工程化处理，如果像是选择mpvue、wepy等框架，项目其实就是按照一般的vue项目进行处理，只不过基于一般的vue项目多了一层转编译成原生小程序代码；

但如果直接使用原生语法来搭建小程序项目，那么该如何进行一些工程化的处理呢？不可能是完全地一个个页面独立地手写，这样效率太低了。

前言

每次看到后端发布的swagger文档，然后根据相关接口的响应体模型去编写对应的TS类型时，我就不禁在想，为何不能自动根据swagger文档模型来生成相应的TS声明呢？这不，网上一查资料果然已经有人造起了轮子，直接开干。

前言

前不久在codepen看到一个点击按钮出现挤压动画的demo，看起来很流畅，也比较简洁；

然后一看源码，使用的是GSAP这个动画库加上svg路径结合的，看起来SVG的路径有点复杂。然后心里想着能不能用更简单的代码或者思路来还原这种效果，看了一些资料后，心里大概出现了几种思路：

• 方法1：尝试利用clip-path + animation来实现
• 方法2：尝试利用clip-path + SVG clipPath animation
• 方法3：尝试利用transform的matrix()进行矩阵变换 + animation

前言

clipboardData属性是ClipboardEvent事件对象的一个属性，其本质上就是一个DataTransfer对象；而ClipboardEvent事件则包括copy、cut和paste这三个原生事件。

通过将剪切板的数据按照DataTransfer对象的方式保存到clipboardData上，可以在相应的事件中来获取或者修改剪切板的数据。