官网开发碎碎念（一）

  公司之前都是花钱用的那种模板，只需要插入内容，现在要自己开发，就到了我这里，我都没有开发过，所以只能自己慢慢摸索。

  问朋友要了他写的官网的项目，然后和看我们公司另一个前端上一个公司写的官网，发现还是有很多可以优化的东西，首先我发现朋友的每个页面都要写头部和底部的代码，这样照成的代码量就非常多，而我参考我们公司前端是

一个头部，一个底部，和一个回到顶部是分别写在一个.html文件，直接<div>包裹就好

3个都一样，然后在你的js文件中，就是总的js文件，我的是script.js

用了 jQuery的$(document).ready 方法，确保在整个文档加载完成后执行其中的代码。这是为了确保 DOM 元素已经加载完毕，避免因未加载完成而导致的操作失败。

使用 jQuery 的 load 方法将外部 HTML 文件（header.html、footer.html 和 top.html）加载到页面中指定的元素（#header、#footer 和 #top）内。这通常用于将页面的头部、底部和顶部内容分离到独立的文件中，以便于维护和复用。

这样在页面中使用就只需要 

就减少了代码量，我不知道大家这部分怎么写的，我只是对比了俩个人的代码以后发现这个方法更好，希望可以帮助到你。