0

    2020年让人难以置信的50款前端新工具:JavaScript插件篇(一)

    2023.07.11 | admin | 144次围观

    3、simple-keyboard

    官网地址:

    一款零依赖库、性能高、支持自定义扩展的软键盘插件,帮你快速构建功能丰富的Web应用。此插件主要有以下特点:

    4、fslightbox.js

    官网地址:

    一款原生无需jQuery依赖的图片幻灯插件,简单易用,功能强大,支持全屏展示,除了可以展示图片,还可以添加文字和视频,并支持缩略图片,同时方便集成到现有项目中,比如react、vue项目。

    5、Rellax.js

    官网地址:

    一款零依赖纯原生 JavaScript 插件js实现鼠标移上去显示详细信息,可以帮你快速实现滚动视差效果。该插件性能出色及其易用的API,可以很容易使目标HTML元素实现视差效果,并且使用链式语法轻松实现回调(when方法),核心方法包含:start/stop, speed 等。

    6、FrenchKiss.js

    官网地址:

    FrenchKiss.js是一个用JavaScript编写的快速,轻量级的i18n库,可在浏览器和 NodeJS 环境中使用。 它为处理国际化提供了一个简单且便捷的解决方案。到目前为止,FrenchKiss是目前最快的i18n JS软件包,通过JIT编译翻译并运行基准测试,它的工作速度比任何其他类似的插件快5至1000倍!

    7、Moveable

    官网地址:

    Moveable 是一款原生零依赖的 javaScript 插件,使用这款插件,可以让指定的 HTML 元素 随意拖拽 、调整大小、缩放、旋转 、变形扭曲、分组,甚至拖拽时显示设计参照线。可谓是一款功能强大的拖拽插件,帮你实现复杂的 WEB 交互应用。

    这款插件很方便与现有项目集成,支持原生项目集成、React、 Preact、 Angular、 Vue、 Svelte等前端框架集成。

    8、Hotkey

    官网地址:

    一款零依赖的设置网页元素快捷键操作的 javaScript 插件,这个插件的特点就是零依赖,使用起来简单js实现鼠标移上去显示详细信息,可以给链接、表单、点击事件设置快捷键 。

    9、Freezeframe.js

    官网地址:

    一款用于播放 gif 图片的 JavaScript 插件, 这款插件的特点支持鼠标移动、点击、移动触摸和自定义事件触发 gif 图片的播放,除了这些特点,其大小只有68KB,零依赖,很方便集成到你的原生、vue 或 react 项目中。

    10、pagemap

    官网地址:

    一款适合给长网页做迷你版缩略地图的 javaScript插件,不知道大家是否有这样的体验,如果你的网页内容过长,滑动网页是不是特别费劲呢,尤其网页比较长的时候,你可以用这个插件,在网页的右上角做个迷你版的网页缩略地图,通过滑动这个地图,快速到达网页的某部分。

    11、lax.js

    官网地址:

    一款原生零依赖的制作跟随页面滑动的 JavaScript 动画插件,这款插件非常的轻巧,压缩版大小只有3kb,零依赖的原生插件,当你滑动页面时,帮助你创建酷炫的动画效果,比如滚动视差、变形移动等基本的动画效果,响应式兼容方面,比如手机端也有不错的支持,使用这个插件可以让你的网站立刻鲜活生动起来。

    这款插件的特点,除了你可以使用插件默认集成的动画属性,你还可以自定义更加丰富的动画属性。同时方便你和现有项目进行集成,比如原生项目、react、react hooks、vue、ember。

    小节

    关于 JavaScript 的插件就分享到这里,如果你喜欢我的分享,麻烦给个关注、点赞加转发哦,你的支持,就是我分享的动力,在下篇文章我将和大家分享一些关于CSS、HTML、测试及数据工具,敬请期待...

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    标签: javascriptreact
    发表评论