Ⅰ jsp开发为什么要把javaScript代码单独放在js文件中
js是静态文件，jsp是动态文件，两个都可以用来保存复用函数。
我明白楼主的意思，将某专些javascript过程封装成函数放在单独属的文件里可以提高复用，事实上我们在项目开发中的确有两种选择，就像楼主所说的一种是放在js文件，而另一种是放在jsp文件里。
一般来说，放在jsp文件里可以获得比较好的灵活另，例如实现国际化，将js写在jsp文件里然后配合struts的标签是很容易实现的，但是这在js文件里就很难做到。
但是js文件也有一个有点，就是可以让客户端缓存，比如说，一个网站可能有很多个页面需要引用某个js函数，如果这个函数放在jsp文件，然后在每个页面都include它，那么每次页面加载时都将重复下载这部分代码；但是，如果放在js文件的话，那么客户端在第一次引用该函数时下载js文件，在后面的使用中发现路径相同就直接引用本地缓存的js文件。因为它是静态文件所以能够缓存。
总结一下，放在js文件可以降低网络传输量，所以，如果不是为了必须的灵活性，应该尽量使用js文件来保存javascript代码。
Ⅱ python——Django项目开发：配置项目/static/路径，调用css、img、js等静态文件
在Django项目开发中，不能像正常web开发一样通过 'imgs/bg.jpg' 访问本地静态文件，需要做一些配置，才能实现静态文件的访问。
一、首先在项目根路径下新建一个static文件夹，然后在static文件夹下可以新建相应的css、imgs、js等文件夹，用于存放css、img、js等静态文件。
二、项目配置
1、打开settings.py,在底部添加：
2、打开urls.py，在 urlpatterns 中添加：(注意，如果你在blog目录下也建立了urls.py，那么就得在blog/urls.py中做修改。别忘了import settings)：
（不过我经过实测，不加这一个，也可以完成静态文件的访问）
3、在html模板最上面添加：
然后在需要的地方按照这个格式进行调用，如：
最后重新运行项目，img等本地静态文件就可以被django找到了，这时模板对应的页面就可以显示使用img等文件了。
Ⅲ vue引入静态文件
vue-cli3静态资源配置静态资源可以通过两种方式进行处理：
在JavaScript被导入或在template/CSS中通过相对路径被引用。这类引用会被webpack处理。
放置在public目录下或通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过webpack的处理。
使用相对路径引入的静态资源文件，会被webpack处理解析为模块依赖。例如，在imgsrc="./logo.png"和background:url(./logo.png)，以及CSS@import"./logo.png"是相对的资源路径。在vue2.x版本类似assets文件夹。
2.public文件夹
public文件夹下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（文件名需指定）下。必须使用绝对路径引用这些文件，简单说就是用来存放万年不变的文件。
在vue2.x版本类似static/文件夹。
/public/logo.png
参考：
public/index.html文件是一个会被html-webpack-plugin处理的模板。构建中，各种资源路径会被注入解析。可以使用lodashtemplate语法插入内容。
除了被html-webpack-plugin暴露的默认值之外，所有客户端环境变量也可以直接使用。例如，BASE_URL的用法：
vue-cli3pubic静态资源引入
静态资源文件放入public文件夹下（类似cli2里面的static文件夹），打包时不会被wenpack处理，输出文件在dist文件夹下。
在index.html中通过
scriptsrc="%=BASE_URL%clipboard.min.js"/script
参考
linkrel="icon"href="%=BASE_URL%favicon.ico"
可以看到项目中ico图标就是通过这种方式引入！！
public文件夹下文件是不被处理的，所以我们可以创建一个config.js文件
config.js
在index.html中引入
使用
遇到的问题，修改打包后的config.js文件，值不更新
排查方式：
1.先确认config.js文件是否更新，浏览器的缓存可能会影响
2.可以修改js文件名，比如加上hash值，config.hashxxx.js，在index.html引入的地方也要对应修改
综上
本地测试ok
vue怎么使用工具类中的static方法vue怎么使用工具类中的static方法
在Vue项目中使用工具类中的静态方法，需要先引入该工具类文件，然后通过工具类名称来调用静态方法。
例如，有一个工具类文件utils.js，其中包含一个静态方法formatDate：
```
exportdefaultclassUtils{
staticformatDate(date){
//somecodehere
}
}
```
在Vue组件中引入该工具类文件，并调用静态方法formatDate：
```
template
div
p{{formattedDate}}/p
/div
/template
script
importUtilsfrom'@/utils.js'
exportdefault{
data(){
return{
date:newDate()
}
},
computed:{
formattedDate(){
returnUtils.formatDate(this.date)
}
}
}
/script
```
在该Vue组件中，我们首先引入了utils.js文件，并在computed属性中定义了一个formattedDate计算属性，该计算属性调用了工具类Utils的静态方法formatDate来格式化日期。