官网开发碎碎念(一)

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

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

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

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

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

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

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

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

相关推荐
大林i瑶26 分钟前
svg按钮渐变边框
css·svg
爱上大树的小猪2 小时前
【前端安全】模板字符串动态拼接HTML的防XSS完全指南
前端·安全·html
前端菜鸟日常2 小时前
HMTL+JS+CSS实现贪吃蛇游戏,包含有一般模式,困难模式,还有无敌模式
javascript·css·游戏
自动花钱机2 小时前
ESLint语法报错
前端·javascript·vue.js·css3·html5
懒大王95275 小时前
echarts+HTML 绘制3d地图,加载散点+散点点击事件
前端·html·echarts
Yolo@~11 小时前
个人网站:基于html、css、js网页开发界面
javascript·css·html
星空寻流年14 小时前
css之定位学习
前端·css·学习
DarkBule_17 小时前
零基础驯服GitHub Pages
css·学习·html·github·html5·web
Li_na_na0117 小时前
解决安卓手机WebView无法直接预览PDF的问题(使用PDF.js方案)
android·pdf·uni-app·html5
晓风伴月17 小时前
Css:overflow: hidden截断条件‌及如何避免截断
前端·css·overflow截断条件