安装jQuery插件-最佳实践

Installing jQuery Plugins - Best Practices?

本文关键字:最佳 jQuery 插件 安装      更新时间:2023-09-26

刚刚开始使用jQuery插件。大多数示例(通过youtube、博客等)显示脚本直接插入到html文档中(请参阅下面的代码作为示例)。这是最好的方法吗?似乎把一切都分开是最好的办法。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/jquery.lettering.js"></script>
     <script>
        $(document).ready(function() {
            $(".fancy_title").lettering();
        });
    </script>
    <script src="js/jquery.fittext.js"></script>
    <script>
        jQuery("#responsive_headline").fitText();
    </script>

最佳实践是将全局脚本放在第一位,然后那些可能继承或超越它们的脚本放在它们的下面/后面。

许多人将CSS放在head部分,以便它立即加载,并将JS文件放在body标记的末尾,以便页面可以在javascript加载之前加载。

最佳实践是牢记执行顺序,从上到下,从加载到向用户呈现页面。和其他任何事情一样,保持事情的有序性。