67 个JavaScript和CSS实用工具、库与资源（67w快充多久可以充满）

网友投稿 296 2022-06-12


在这篇文章中，我不会与大家谈论大型的前端框架，如 React、Angular、Vue 等，也没有涉及那些流行的代码编辑器，如 Atom、VS Code、Sublime，我只想与大家分享一个有助于提升开发人员效率的工具列表合集。

或许，一些朋友已经对文中的一些工具有所了解，但如果你发现了一些对你有帮助的新工具，那么，我将倍感欣慰。

由于这个列表中包含了不同类别的资源，为了便于大家查看，我已将其进行了重新的分类，来 Enjoy 吧！

JavaScript 库

Particles.js  - 一个用于在网页上创建漂亮的浮动粒子的 JS 库；

Three.js  - 用于在网页上创建 3D 物体与空间的 JS 库；

Fullpage.js - 易于实现全屏滚动功能的库；

Typed.js - 实现打字机效果；

Waypoints.js - 滚动到元素触发事件的库；

Highlight.js - 页面上语法高亮显示；

Chart.js - 纯 JS 制作漂亮的图表；

Instantclick - 鼠标悬停预先加载页面资源，大大加速你的网站响应速度；

Chartist - 开源响应式图表库；

Motio - 基于 sprite 的动画和平移库；

Animstion - 页面切换动画的 jQuery 插件；

Barba.js - 创建页面间流畅平滑的过渡效果；

TwentyTwenty - jQuery 视差插件；

Vivus.js - 可以执行 SVG 路径动画的轻量级 JS 库；

Wow.js - 页面滚动时展现动画效果；

Scrolline.js - 页面滚动时显示滚动进度的 jQuery 插件；

Velocity.js - 用于加速 JavaScript 动画；

Animate on scroll - 页面滚动时增添元素动画的小型库；

Handlebars.js - JavaScript 模板引擎；

jInvertScroll - 轻量级的 jQuery 水平视差插件；

One page scroll - 实现苹果风格单页滚动效果的 jQuery 插件；

Parallax.js - 轻量级的视差引擎，能够对智能设备的方向作出反应；

Typeahead.js - 搜索框自动补全的 JS 库；

Dragdealer.js - 基于拖动的 JavaScript 组件；

Bounce.js - 快速创建漂亮的 CSS3 动画效果；

Pagepiling.js - 创建全屏滚动效果；

Multiscroll.js - 创建两列垂直反向滚动效果的 jQuery 插件；

Favico.js - 动态图标插件；

Midnight.js - 固定头部切换效果；

Anime.js - JavaScript 动画引擎；

Keycode - 获取键盘按键的 JS 键码值；

Sortable - 用于拖拽排序的 JavaScript 库；

Flexdatalist - 支持的 jQuery 自动完成插件；

Slideout.js - 实现滑出式 Web App 导航菜单；

Jquerymy - 实时、复杂的双向数据绑定 jQuery 插件；

Cleave.js - 自动格式化表单输入框的文本内容；

Page - 构建单页应用的小型客户端路由库；

Selectize.js - 基于 jQuery 的

暂时没有评论，来抢沙发吧~