Ⅰ 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來格式化日期。