简介
npm 是一个面向 Node.js 的包管理工具，其中包含了大量的前端工具、库、框架等等。其中一个比较有趣的 npm 包就是 harlemshakify，它可以轻松将网站转换成“哈林摇摆风格”。
安装 harlemshakify
要使用 harlemshakify，首先需要安装它：
npm install harlemshakify
使用 harlemshakify
harlemshakify 提供了一个简单的方法 harlemshakify()，通过调用这个方法可以将网站转换成“哈林摇摆风格”。
import harlemshakify from 'harlemshakify'; harlemshakify();
另外，harlemshakify 还可以接收一个可选参数 options，用于自定义转换效果。options 是一个对象，可以包含以下属性：
startX：哈林摇摆开始的 x 坐标，默认值是0startY：哈林摇摆开始的 y 坐标，默认值是0time：哈林摇摆的持续时间，默认值是5000（单位毫秒）offset：每一次改变状态的偏移量，默认值是10（单位像素）rotate：是否在哈林摇摆时旋转，默认值是truescale：是否在哈林摇摆时缩放，默认值是truecomplete：完成哈林摇摆后的回调函数，默认值是null
-- -------------------- ---- -------
------ ------------- ---- ----------------
---------------
------- ----
------- ----
----- -----
------- ---
------- -----
------ -----
--------- ---------- -
-----------------------
-
---示例
下面是一个完整的示例，在这个示例中，我们使用 harlemshakify 将页面转换成“哈林摇摆风格”：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------
------- ----------------------------------------------------------
-------
----- ---- -
------- --
------- -----
-
-------- -
-------- -----
---------------- -------
------------ -------
------- -----
-
--------
-------
------
---- -------------
-------------
------
--------
----------------
---------
-------
-------指导意义
harlemshakify 作为一个 npm 包，可能并不适合在真正的生产环境中使用，但它确实给我们带来一个新的思路：以更加有趣的方式呈现网站。
在实际开发中，我们可以通过类似的思路，以更加有趣、富有创意的方式呈现我们的网站，从而给用户留下更加深刻的印象，提升网站的用户体验和记忆度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd981e8991b448e6808