项目开发中如果一个经常被使用的js或者方法需要被重复使用,我们如果每次使用都要复制粘贴一遍会很麻烦也会显得效率比较低,今天就简单做个例子就写一个公用的js使得所有页面直接引用就行非常方便

1在合适的位置创建js文件写入公用脚本代码

我这个以springboot项目为例
1.1先在静态资源下创建js文件夹
在这里插入图片描述
1.2然后在js文件夹下创建js文件
在这里插入图片描述

最终目录

在这里插入图片描述
1,3写入公用代码
在这里插入图片描述

2.其他页面引用

<script src="../js/LongTimeNoOperate.js"></script>

在这里插入图片描述
在这里插入图片描述

经过测试,引用放在上面下面都是可以正常使用的

3.查看效果

在这里插入图片描述

# html # javascript
Logo
MCP技术社区

欢迎加入 MCP 技术社区！与志同道合者携手前行，一同解锁 MCP 技术的无限可能！

更多推荐

cover

【CodeBuddy + 自制MCP】给AI装上翅膀，快速绘制思维导图

avatar MCP技术社区

如何将普通HTTP API接口改造为MCP服务器

创建.proto通过本文的四步改造法，你可获得：✅ 配置更新延迟降低90%✅ 网络带宽消耗减少70%✅ 服务端资源占用下降60%✅ 原生支持百万级节点连接升级到MCP不仅是协议转换，更是配置分发模式的架构进化。立即行动，让你的微服务配置管理进入实时推送时代！更多Istio进阶技巧请关注专栏【Service Mesh深度实践】

avatar MCP技术社区

npm 与 npx 区别详解。以及mcp中npx加载原理。

场景推荐工具原因项目必需依赖（如 React）npm需要长期存在 node_modules构建工具/脚手架npx偶尔执行且需最新版本命令行工具npx避免全局安装造成版本冲突💡黄金法则npm用于管理依赖，npx用于执行命令！当遇到mcp这类工具时，大胆使用 npx 吧！

avatar MCP技术社区