本文介绍 Sketch 团队开发的 npm 包 sketch-polyfill-settimeout
的使用,该包提供了在 Sketch 中使用 setTimeout 函数的能力。
为什么需要 polyfill
Sketch 不是一般的运行环境,它并没有提供常规浏览器所提供的某些 JavaScript 全局对象和函数。例如,Sketch 中不存在 window 对象和一部分函数,如 setTimeout、setInterval、requestAnimationFrame 等。虽然 Sketch Synbol 设计时自带了 override 函数,可以实现自定义动画效果,但是这样会使得代码可读性和可维护性都大大降低。要在 Sketch 中完成定时任务的需求,就需要使用 polyfill 技术给 Sketch 补上缺失的函数。
安装
该 npm 包可以通过 npm 安装,使用 npm 的前提条件是你已经安装了 Node.js。在终端中使用以下命令安装:
--- ------- -------------------------- ------
API
在安装了该包之后,你直接在 Sketch 中即可使用 setTimeout 和 clearTimeout 函数。
--------------------- - ------------------ ---------- -- ----- --- --------- - --------------------- - ------------------ ---------- -- ----- -----------------------
示例代码
通过下面的示例代码,你可以快速了解如何在 Sketch 中使用 sketch-polyfill-settimeout
包。
-- -- ------ -- ----- ---------- ------ ----------- --- -------- - ------------------- -- -- --- - ----------------------------- --- ------------------------ - ------------------------------------- -- ---- ------ ----- -------- ------------------ - -- - -- ------- ----------------------------------- - ------------------ --------- -- ------ - -- --------- ------ ----- ------------------------------------------- -----------------
结语
通过该 npm 包,我们可以在 Sketch 中方便地使用 setTimeout 和 clearTimeout 函数,从而实现更多的功能和效果。这不仅展示了 polyfill 的巨大作用,同时也为 Sketch 开发者提供了更好的编程体验。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005725881e8991b448e8769