官网开发碎碎念(一)

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

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

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

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

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

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

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

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

相关推荐
加班是不可能的,除非双倍日工资3 小时前
css预编译器实现星空背景图
前端·css·vue3
Justinc.7 小时前
HTML5新增属性
前端·html·html5
挽淚8 小时前
HTML5语义化标签和“<div>的一招鲜吃遍天”
html
秋天爱美丽9 小时前
css实现圆角+边框渐变+背景半透明
前端·css
JuneXcy10 小时前
11.web api 2
前端·javascript·html
XboxYan13 小时前
借助CSS实现自适应屏幕边缘的tooltip
前端·css
艾小码15 小时前
CSS粘性定位失效?深度解析 position: sticky 的陷阱与解决方案
前端·css
全栈老石15 小时前
设计师到前端不再有墙:Figma + VS Code 自动出码实践
前端·vue.js·html
cos15 小时前
FE Bits Vol.3|CSS attr() 类型化进化,PostCSS 复盘 12 年
前端·css·aigc
全宝15 小时前
【前端特效系列】css+js实现聚光灯效果
javascript·css·html