原创 webpack3基本使用

基本使用 目錄結構 webpackdemo1 -dist -src -main.js -index.html cd到webpackdemo1的目錄下,執行以下命令 # 全局安裝webpack3 cnpm i webp

原创 方法簡寫: a:function(){}可以簡寫爲a(){}

<body> <div id="app"> <input type="button" value="方式一" @click="demo1" /> <input type="button" v

原创 Vue項目-路由demo

創建項目 前端項目準備(使用vue腳手架創建) 項目準備 刪除不要的組件 刪除views文件夾 刪除compoents目錄下的所有文件 修改APP.vue <template> <div id="app"> <!-

原创 使用vue腳手架搭建項目詳解

安裝vue腳手架 這裏的版本是vue cli4 cnpm i @vue/cli -g 查看vue cli版本 vue --version 啓動vue腳手架圖形化界面 打開命令行,輸入以下命令 vue ui 通過vue腳手架圖

原创 Vue項目中使用v-charts

v-charts官網地址 https://v-charts.js.org 安裝依賴 打開命令行,輸入vue ui,打開可視化界面 echarts 依賴>安裝依賴>運行依賴>echarts v-charts 依賴>安裝依賴>運行依

原创 Elasticsearch-Cat命令詳解

前言 本文基於elasticsearch7.3.0版本 Cat命令 aliases 顯示別名,過濾器,路由信息 GET _cat/aliases?v alias index

原创 Elasticsearch-關於數組的簡單使用

前言 本文基於elasticsearch7.3.0版本 實例 # 創建索引 PUT my_index { "mappings": { "properties": { "company":{

原创 Elasticsearch-edge_ngram和ngram的區別

前言 本文基於elasticsearch7.3.0版本 說明 edge_ngram和ngram是elasticsearch內置的兩個tokenizer和filter 實例 步驟 自定義兩個分析器edge_ngram_analyz

原创 Vue項目中使用moment.js

moment.js官網地址 http://momentjs.cn 安裝依賴 打開命令行,輸入vue ui,打開可視化界面 依賴>安裝依賴>運行依賴>moment 配置插件 在項目src目錄下,新建dependences目錄,新建

原创 Vue-methods,watch和computed

案例 把firstName和lastName組合成fullName 爲keyup事件綁定方法 <body> <div id="app"> <!-- 爲keyup事件綁定函數 --> <in

原创 Vue項目中使用fontawesome5

下載fontawesome5,官網地址:fontawesome5 把下載的fontawesome-free-5.11.2-web文件夾複製到src目錄下assets目錄下 在src目錄下main.js中引入css // 導入圖

原创 Elasticsearch-索引別名

簡介 索引別名就是給一個或幾個索引重新定義一個名字,操作索引別名時會轉化爲對真實索引的操作,定義索引別名時不可以與真實的索引同名 通俗解釋:索引別名類似:windows的快捷方式,linux的軟鏈接,mysql的視圖 作用以及使用

原创 SpringBoot單元測試之使用MockBean

場景 eg: 在實際項目開發中,需要做單元測試時,由於開發環境不同導致整個項目啓動時就會報錯,這個時候可以考慮使用MockBean 使用 @Controller public class DemoAction { public

原创 Vue插槽

官網地址:https://cn.vuejs.org/v2/guide/components-slots.html 基本使用 創建一個帶插槽的組件 SlotDemo.vue <template> <div> <h2>我是

原创 springboot整合vue

步驟 創建springboot項目 在resources目錄下新建一個vue目錄 在vue目錄下新建vue項目,或者把存在的vue項目copy到這個目錄下都可以 設置vue打包後輸出的目錄和vue打包後靜態資源目