npm 包 sketch-polyfill-settimeout 使用教程

本文介绍 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


猜你喜欢

  • npm 包 generator-edu-front-common-module 使用教程

    前言 前端开发在业务中扮演着非常重要的角色。为了规范化开发流程,npm 包迅速成为了团队协作的必备工具之一,而 generator-edu-front-common-module 这个包则是前端技术中...

    3 年前
  • npm 包 generator-edu-front-component-unit-test 使用教程

    在前端开发中,测试是非常重要的一环。以往我们都需要手动进行各种测试,这不仅费时间,而且易出错。随着前端技术的日益成熟,测试工具逐渐完善,使用 npm 包 generator-edu-front-com...

    3 年前
  • 前端技术学习:使用 Npm 包 Next-immutable

    在前端开发中,经常遇到需要修改对象或数组的情况。但是,修改原始对象或数组可能会造成副作用,影响程序的可预测性。next-immutable 是一个 Npm 包,能够让我们很容易地创建和管理不可变对象和...

    3 年前
  • npm 包 open-git-page 使用教程

    Git 是目前非常流行的版本控制工具,而 GitHub 则是 Git 的一个托管平台,开发者可以在上面存储、分享和合作开发项目。因此,很多开发者在开发 Web 应用时都会使用 GitHub 来托管代码...

    3 年前
  • npm 包 erp-parser 使用教程

    ERP(Enterprise Resource Planning,企业资源规划)是指对企业各种资源进行管理的一种信息系统,如生产、库存、采购、销售等。在企业的业务中,ERP 数据是非常重要的,而 er...

    3 年前
  • NPM 包 lambd 使用教程

    在前端开发中,我们常常需要使用不同的工具来提高代码的效率和质量。其中,NPM 包是一种非常常见和实用的工具,它能够为我们提供各类可复用的代码和依赖管理。 在本文中,我们将介绍一个名为 lambd 的 ...

    3 年前
  • npm 包 @open-screeps/is-creep-alive 使用教程

    在 Screeps 游戏中,有时我们需要检查一个操作对象是否还活着。常见的场景包括检查一个 Creep 是否还在游戏中,或者检查一个房间是否已经被其他玩家攻占。 @open-screeps/is-cr...

    3 年前
  • npm 包 ng2-chessboard 使用教程

    ng2-chessboard 是一个基于 Angular2 平台开发的国际象棋棋盘组件,它的引入能够很好的提高开发效率。本文将会介绍如何在 Angular2 项目中引入 ng2-chessboard,...

    3 年前
  • npm 包 ng4-form-fields 使用教程

    前言 ng4-form-fields 是一个方便 Angular 4+ 开发者快速集成表单元素的 npm 包。在开发中,我们总会需要使用到表单元素,如输入框、下拉框、复选框等。

    3 年前
  • npm 包 adonisjs-mongodb-native 使用教程

    概述 adonisjs-mongodb-native 是一个基于 Node.js 平台的 MongoDB 驱动。它提供了一系列的函数,可以方便地操作 MongoDB 数据库。

    3 年前
  • npm 包 basic-language-detector 使用教程

    在前端领域中,语言检测是一项非常有用的功能。你可能想要根据用户的语言设置呈现不同的信息或者显示不同的 UI 界面。在这篇文章中,我们将介绍 npm 包 basic-language-detector ...

    3 年前
  • npm 包 generator-edu-front-web 使用教程

    前言 在现代化的开发中,Web前端已经逐渐走向了模块化与组件化开发的方式,为了降低复杂度和提高开发效率,工具与脚手架逐渐成为了前端工作中非常关键的一环。而 generator-edu-front-we...

    3 年前
  • npm包 generator-edu-generator 使用教程

    在前端开发中,经常需要快速生成一些模版代码,这时使用npm包 generator-edu-generator就能大大提高效率。该包可以生成常见的Web应用程序的基本结构,如Angular、React和...

    3 年前
  • npm 包 gulp-add-neighboring-files-by-property 使用教程

    在前端开发中,我们经常需要处理大量的文件,而其中一些文件可能有着特定的关联关系。这时,我们需要一个能够批量添加相关文件的工具来简化处理过程。gulp-add-neighboring-files-by-...

    3 年前
  • npm包 patternlab-eq-web 使用教程

    在前端开发中,我们经常需要使用各种各样的工具来加快开发速度和提高代码质量。其中,npm是一个常用的包管理器,我们可以通过npm来安装和管理各种前端工具和库。在本文中,我们将介绍一个非常好用的npm包:...

    3 年前
  • npm 包 node-red-contrib-tumblr 使用教程

    如果你是一名前端开发者,那么你一定会经常用到 npm 包来加快你的工作进程。今天,我们来介绍一个非常实用的 npm 包:node-red-contrib-tumblr ,它可以帮助你在 Node-RE...

    3 年前
  • npm 包 @jdfwarrior/polo 使用教程

    简介 @jdfwarrior/polo 是一个基于 Vue 的开发框架,提供一套简单而高效的 UI 组件、工具函数、过滤器等前端开发必备组件,使前端工程师可以快速地搭建应用。

    3 年前
  • npm 包 @jdfwarrior/root 使用教程

    前言 在前端开发的过程中,我们经常需要处理 DOM 节点的操作,而其中最基础的操作就是获取 DOM 树的根节点。@jdfwarrior/root 正是为此而生,它是一个 npm 包,可以方便地获取一个...

    3 年前
  • npm 包 log4js-rabbit 使用教程

    什么是 log4js-rabbit log4js-rabbit 是一个用于日志记录的基于 AMQP 协议(Advanced Message Queuing Protocol,高级消息队列协议)的 np...

    3 年前
  • npm 包 react-nyc-choropleth 使用教程

    什么是 react-nyc-choropleth? React-nyc-choropleth 是一个专门用于构建交互式区域地图的 React 组件库,它提供了各种丰富的可视化属性,帮助我们轻松创建漂亮...

    3 年前

相关推荐

    暂无文章