越来越多的项目都在支持TypeScript，逐渐成为前端必备能力之一。特性虽然很多，但是正常业务开发用到的并不多，够用就行。这里以自己的理解了下总结常用的ts特性。有理解错误的，欢迎大哥指正👏🏻

每个月都会有总结和分享会📚，这个月也一样，于是我将近段时间的、关于TS的学习笔记梳理成30张脑图做了这次分享，也方便以后查阅，快来看看吧~

自定义手势事件, （双指缩放，滑动，双击。。。） 图片预览即点击图片在页面中插入一个黑色全屏背景框并将图片居中显示。封装时，为了只对指定图片添加功能，可通过监听指定类名或添加某种属性的img标签监听；另外需在对背景框绑定点击事件，退出预览模式。一下是一个简单示例代码：

小达：嗯，好的。 http是超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准，用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。 而对于https，他是以安全为目标的http通道，是http的…

聊下来以后得出一些结论：这类读者普遍就职于中小型公司，前端人员个位数，平时疲于开发，团队内部几乎没有基础建设，工具很蛮荒。工程化对于这些读者来说很陌生，基本不知道这到底是什么，或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组，为百来号前端提供…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

图片懒加载其实已经是一个近乎“烂大街”的词语了，在大大小小的面试中也会被频繁的问到，我在之前的面试中也被问到了图片懒加载的原因、实现方式及底层原理，但由于自己平时很少做“图片”相关的处理，对于“懒加载”也是知之甚少，所以在面试中问答的也不是很好。 今天，我将首先从浏览器底层渲染…

本文将会手把手带着大家完成一款别样的超级玛丽游戏。线上地址, 该游戏一共有5关, 欢迎在评论区说出你们完成前两关的总耗时吧哈哈 ~ 黑色的小方块代表的是玩家, 他的任务时收集关卡内所有的金币同时需要避开岩浆。当最后一个金币被收集到了之后, 这一关就通过了。 玩家通过键盘上下左右…

最近又重新整理一下 Promise 相关知识，一方面和上一期文章有个接应，另一方面，方便自己日后复盘回顾。 如下代码，对于数组、字符串、对象等我们可以按照如下方式进行遍历。 上述都是可以通过 for..of 来迭代出来。可能此时你会有疑问了，对象不可以么？（那我们不妨来试试） …