常用前端资源库概览-优快云博客

本文链接：https://blog.youkuaiyun.com/ancientear/article/details/80202991

本文介绍了多个常用的前端资源库，包括animate.css提供的丰富CSS3动画效果、bootstrap.css的响应式布局工具、owl.theme.default.min.css及flexslider.css的幻灯片与内容滚动功能、pricing.css的滑动框样式、不同版本的jQuery库、modernizr-2.6.2.min.js的浏览器特性检测、jquery.stellar.min.js的输入框字数计算插件、以及main.js作为项目的入口文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.animate.css 跨浏览器的css3动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。

2.bootstrap.css 具有排版，布局容器，响应式流式栅格系统

3.owl.theme.default.min.css 幻灯片插件jQuery

4.flexslider.css 响应式的jquery内容滚动插件

5.pricing.css滑动框

6.jquery.js是完整的未压缩的jquery库，文件比较大，一般用于阅读学习源码，一般不用于线上项目

7.jquery.min.js压缩的jquery.js，功能一样，jquery.min.js里的代码进行过特殊的处理,如变量的名称基本都写成一个字母,而且格式缩进都被删除了.所以文件容量比较小(min),一般在网页中调用这个文件.可以用来操作文档对象，选择DOM元素，制作动画效果，事件处理及其他功能。

8.modernizr-2.6.2.min.js 开源的javascript库，检测当前的浏览器是否支持css3的属性，同时也会检测浏览器是否支持html5的特性，比如说css变换，动画和三维转换，在不支持它们的浏览器中会给忽视。

9.jquery.stellar.min.js计算输入框剩余字数的插件

10.main.js网页入口代码

11.jquery.flexslider-min.js图片轮播，文字图片相结合切换效果，滑动切换，带左右箭头且带按钮可滚动，并有淡入淡出效果。