jquery-1.7.2.min.js和jquery-1.7.2.js这两个版本啥区别

Posted 2023-03-20

没有太大区别，jquery-1.7.2.js是开发板的，阅读起来比较方便，因为它的格式保留着，jquery-1.7.2.min.js是压缩版的，压缩版就是说它没有格式，其实内容和开发板的一样，只是不方便阅读，你可以分别打开看看就知道了。一般情况开发用开发版的，发布工程就用压缩版 参考技术A 这两个版本的功能是一模一样的，区别是：前者是压缩版，后者是非压缩版。
非压缩版适用于开发，每条代码都依照代码风格格式化，方便开发人员分析源码；
压缩版适用于应用到实际项目，对代码进行了压缩，去掉了所有注释和换行、空格，所以文件体积较非压缩版小很多。 参考技术B jQuery的min版本和原版功能是一样的，min版主要应用于已经开发成的网页中，而非min版的文件比较大，里面有整洁的代码书写规范和注释，主要应用于脚本开发过程当中。 参考技术C min是压缩版，去除了注释和空格，主要是生产环境中使用，不带min是带有注释和空格的，方便阅读源码本回答被提问者采纳

jQuer插件满屏气泡飘落动画效果

飘落动画效果插件引用：

<script src="https://cdn.bootcss.com/JQuery-Snowfall/1.7.4/snowfall.jquery.min.js"></script>

注意：需要引用jQuery，要在插件之前引用安装。

 1         // 当窗口尺寸改变时重新执行函数，避免出现不好的用户体验
 2         // 因比较消耗cpu，本站没有采用这种方式
 3         function floated(){
 4             $(document).snowfall(‘clear‘);
 5             $(document).snowfall({
 6                 image: "imageURL",
 7                 flakeCount: 66, // 展示飘落数目
 8                 minSize: 6, // 最小尺寸
 9                 maxSize: 24 // 最大尺寸
10             }); 
11         }
12         floated();
13         $(window).resize(function(){ // 监听页面尺寸
14             floated();
15         })

效果图：（可参考本站效果图）