原创 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打包後靜態資源目