相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生，这些可以说是一个前端的标配，而在前端的世界里，没有什么是JavaScript实现不了的，你真的了解js吗？

关于JS有一句话：凡是可以用 JavaScript 来写的应用，最终都会用 JavaScript.吹了这么久JS，究竟它的魔力在哪里？能运用在哪些方面呢？

为什么前端要学JavaScript？

JavaScript可运行在所有主要平台的所有主流浏览器上

Dynamics.js是设计基于物理规律的动画的重要JavaScript库。它可以赋予生命给所有包含CSS 和SVG属性的DOM（文本对象模型）元素，换句话说，Dynamics.js适用于所有JavaScript对象以及一系列其它的元素。目前，Dynamics.js常被用于设计交互式菜单栏、同步下拉菜单、加载器、按钮以及其它功能。这个库提供了可定制动画类型的各种基本选项，如频率、反弹力、旋转、摩擦、持续时间等等。

Cta.js 是用于在网页上创建动画元素“Action-to-Effect”路径的轻量级库。它常被用在tile-based应用程序的导航、模态窗口的打开、侧边栏上可点击的按钮等等。

简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。

js 滑动特效插件

Swiper 是一款纯 javascript 打造的滑动特效插件，主要用对移动端 web 开发中的内容触摸滑动需求，同时兼容 PC 网页。该插件团队维护多年，非常稳定，是移动端网站滑动需求的重要选择。

在本文中，小编为大家收集了一些用于创建酷炫滚动效应的优秀JavaScript库。动画和特效能够帮助网站变得更有活力和感染力，而这些非常棒的JavaScript库则能帮助您创建这样的网站。

在一些网页上，当您滚动页面时会看到各式各样的元素动画效果，非常动感。WOW.js就是一款帮助您实现这种CSS动画效果的插件，很容易定制。您可以改变动画设置喜欢的风格、延迟、长度、偏移和迭代等。

该jQuery插件能够帮助您构建复杂的基于滚动动画的单滚动页面，其注重性能并且适用于移动设备。

1、粒子效果

2、加载场景

把网页上的文字变成酷炫的 3D 风格，还能制作旋转动效，有了 ztext.js，只需要几行代码。

ztext 能做什么

ztext.js 是一个能把常规的平面文字变成 3D 样式的前端开源代码库，让开发者能通过非常简单的 api 创造出酷炫的 3D 文字效果。配合 CSS 动画，可以实现惊艳酷炫的交互效果。

前言

越来越多的网站特效很漂亮，其中就有一种我很喜欢的动画，就是当滑动到某个元素的时候，元素就是出现动画效果，如：缩放、旋转、滑动等。感觉很漂亮，之前在做企业站的时候，基本上都是自己手写的，有点麻烦而且效果也不是很好，最近发现了一款比较好用的动画库~~~~wow.js，可以轻松的网站具有这种特效。感受一下吧