snowdream

前言

关于微信小程序的工程化处理，如果像是选择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上，可以在相应的事件中来获取或者修改剪切板的数据。

前言

要将代码规范落实不仅是靠个人自觉的遵守，还得需要一个工具可以进行强制性地检测校验，这样就能真正地将规范落实到实处。而ESLint就是用来检测JS(X)/TS(X)代码的不二选择。