本篇文章从一个 Canvas 小白的角度来实现一个完整的裁剪工具，实现到最后发现其实并没有涉及到很多 Canvas 内容，更多的还是实现思路。

倒计时这种需求非常常见。在我接触的项目中，已经做过N个倒计时的需求。常见的场景有电商项目中的秒杀抢购活动倒计时，短信验证码等。 现在再一次碰到了倒计时的需求，是一个答题倒计时的场景。具体效果如图。 要实现倒计时，就需要来回顾一下JavaScript中的定时器相关知识。 setI…

Selection和Range的文档纯文本文字选中效果代码textarea中的文字选中(也可以用于定位光标)效果代码selectionStart和setSelectionRange的文档节点选中效果代

在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需要一种更优雅的方法来帮助我们完成这些事情。 在面向对象（OOP）的设计模式中，decor…

最近新开了一个Node项目，采用TypeScript来开发，在数据库及路由管理方面用了不少的装饰器，发觉这的确是一个好东西。 装饰器是一个还处于草案中的特性，目前木有直接支持该语法的环境，但是可以通过 babel 之类的进行转换为旧语法来实现效果，所以在TypeScript中，…

let/const在进入块级作用域后，会因为提升的原因先创建，但不会被初始化，直到声明语句执行的时候才被初始化，初始化的时候如果使用let声明的变量没有赋值，则会默认赋值为undefined，而const必须在初始化的时候赋值。而创建到初始化之间的代码片段就形成了暂时性死区 f…

koa是一个基于node实现的一个新的web框架，它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比，它是一个更轻量的node框架，因为它所有功能都通过插件实现，这种插拔式的架构设计模式，很符合unix哲学。 koa框架现…

编者按：文中作者为大家提供了19种方法，大多数方法后面都提供了例子，如果你对这些例子感兴趣，请直接查看英文原文，并访问例子中的链接。 我已经汇集了 19 项 2019 年可能有价值的技能和主题。请别为难我 - 我和大多数开发人员一样，不可能熟悉每一个主题。 这些只是我所关注的令…

今天我们想向您展示如何使用CSS Masks创建一个有趣的过渡效果。 与剪切类似，遮罩是定义可见性和与元素复合的另一种方式。 在下面的教程中，我们将向您展示如何在简单轮播图中为过渡效果应用新属性。 我们将使用steps（）计时功能动画，并在图像上移动遮罩PNG以实现有趣的过渡效…