1.區別：
jquery官網提供2種jQuery的下載，一種是jquery.js另一種是jquery.min.js
文件名不一定完全相同，但通常情況下：
jquery.js是完整的未壓縮的jQuery庫，文件比較大，一般用於閱讀學習源碼或修改源碼，一般不用於線上項目。
jquery.min.js是由完整版的jQuery庫經過壓縮得來，壓縮后功能與未壓縮的完全一樣，只是將其中的空白字符、注釋、空行等與邏輯無關的內容刪除，並進行一些優化。這個版本一般用於網站引用使用，減小文件體積，降低網站流量，提升訪問速度等。
2.介紹：
JQuery是繼prototype之后又一個優秀的Javascript庫。它是輕量級的js庫 ，它兼容CSS3，還兼容各種瀏覽器（IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML、events、實現動畫效果，並且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離，也就是說，不用再在html里面插入一堆js來調用命令了，只需要定義id即可。
jQuery是一個兼容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,做得更多)。
jQuery是免費、開源的，使用MIT許可協議。jQuery的語法設計可以使開發更加便捷，例如操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者可以很輕松的開發出功能強大的靜態或動態網頁。
下載echarts.min.js
注意：下載方法
僅僅為示例
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>e-charts xAxis demo</title>
<!-- 引入 ECharts 文件 -->
<script type="text/javascript" src="/static/js/echarts.min.js"></script>
</head>
<body>
<div id="main" style="
width: 600px;
height:400px;
position:absolute;
top:50%;
left: 50%;
margin-top: -200px;
margin-left: -300px;">
<h4>來了echarts</h4>
</div>
<script type="text/javascript">
// 基於准備好的dom，初始化echarts實例
var myChart = echarts.init(document.getElementById('main'));//main是<div id="main" style="width: 600px;height:400px;"></div>的id
// 指定圖表的配置項和數據
var option = {
title: {
text: 'ECharts 入門示例'
},
tooltip: {},
legend: {
data:['銷量']
},
xAxis: {
data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
// 使用剛指定的配置項和數據顯示圖表。
myChart.setOption(option);
</script>
</body>
</html>
問題：引入echarts.min.js文件時net::ERR_ABORTED 404
解決辦法：
在springboot自身帶有的那個(項目名+Application)類中繼承WebMvcConfigurationSupport重寫里面的addResourceHandlers方法
在這里可以理解為配置在項目啟動時掃描static下面的所有文件，也就是告訴springboot在啟動的時候帶上他們全部一起跑。
@EnableSwagger2 @SpringBootApplication @EnableJpaRepositories(basePackages = { "com.bling.dab.dao" }, entityManagerFactoryRef = "entityManagerFactoryPrimary", transactionManagerRef = "transactionManagerPrimary") @EnableTransactionManagement @MapperScan("com.bling.dab.mapper") public class DabApplication extends WebMvcConfigurationSupport { public static void main(String[] args) { SpringApplication.run(DabApplication.class, args); System.out.println("dab啟動完成--------OK！"); } //這里配置靜態資源文件的路徑導包都是默認的直接導入就可以 @Override protected void addResourceHandlers(ResourceHandlerRegistry registry) { System.out.println("addResourceHandlers"); registry.addResourceHandler("/static/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX + "/static/"); registry.addResourceHandler("/swagger-ui.html") .addResourceLocations("classpath:/META-INF/resources/"); registry.addResourceHandler("/webjars/**") .addResourceLocations("classpath:/META-INF/resources/webjars/"); super.addResourceHandlers(registry); } }