原创 vue中使用jsplumb基本教程
jsplumb中文教程地址： https://wdd.js.org/jsplumb-chinese-tutorial/#/ 需求效果展示： 說明：在展示普通流程圖的基礎上，實現以下功能：在流程圖中展示當前所在節點，並體現出其流轉過程。上
2020-07-03 14:58:45
1
原创 面向對象中繼承的幾種方式
//父類 // 定義一個動物類 function Animal (name) { // 屬性 this.name = name || 'Animal'; // 實例方法 this.sleep = function(){
2020-06-01 07:40:52
原创 ajax的創建及過程
step1. 創建XMLHttpRequest對象，也就是創建一個異步調用對象； step2. 創建一個新的HTTP請求，並指定改HTTP請求的方法、URL以及驗證信息（即請求報文行）； step3. 設置請求報文頭（Content-
2020-06-01 07:40:52
1
原创 vue中組件間(非父子組件)通信的兩種方法：eventbus與vuex的使用
父子組件的通信請查看這篇博文 此文主要介紹兄弟組件間的通信 所有組件通信方式請查看這篇博文 第一種：eventbus 創建bus.js export default(Vue) => { const eventBus = new Vu
2020-06-01 07:40:52
原创 ant design vue中表格指定格式渲染
注意點：定義的columns一定要寫在data中，否則在加載過程中由於渲染順序會導致其中的渲染函數無法識別 渲染方法1： 指定渲染函數： const columns = [ { title: '排名',
2020-06-01 07:40:52
2
原创 重寫input輸入框樣式
outline-style: none; // 取消點擊時外邊框 border: none; // 取消邊框，可自己重寫border屬性 text-indent: 1em; // 設置內部縮進 重寫input提示詞樣式 input::-w
2020-05-12 14:44:58
原创 css設置文字漸變色
font-weight: bold; background-image:-webkit-linear-gradient(bottom,#5592ad,#59a0a0,#60b68b); -webkit-background-c
2020-05-01 09:47:22
原创 去除inline-block元素間間距的幾種辦法
真正意義上的inline-block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距，很簡單的個例子： <input /> <input type="submit" /> 我們使用CSS更改非inline-block水平元素爲in
2020-05-01 09:47:22
原创 js或jq中返回上一頁
history.back(-1):直接返回當前頁的上一頁道，數據全專部消息，是個新頁面 history.go(-1):也是返回當前頁的上一頁，不過表單裏的數據全部還在
2020-04-27 17:20:22
1
原创 重寫瀏覽器默認滾動條樣式
/*滾動條樣式 innerbox爲需要滾動的區域盒子*/ .innerbox::-webkit-scrollbar {/*滾動條整體樣式*/ width: 4px; /*高寬分別對應橫豎滾
2020-04-12 06:05:08
原创 css中一行展示不完整省略號顯示與一段展示省略號顯示
單獨一行超出省略號顯示 text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 段落超出指定行數省略號顯示 display: -webk
2020-04-12 06:05:08
原创 項目中vscode使用less自動編譯爲css
1.首先要在全局安裝less npm install less -g 2.然後下載easy less插件 3.在項目根目錄下創建.vscode文件夾，並在其中創建settings.json文件 4.在新創建的配置文件中輸入以下信息：
2020-02-26 13:35:15
原创 ant design vue中日期選擇框混合時間選擇器的用法
首先時間格式化用到moment方法，需要在頁面中引入moment組件 import moment from 'moment' 結構代碼： <a-date-picker style="width:100
2020-02-24 06:32:13
原创 ant design vue表單中自定義檢驗規則，如手機號碼
<a-form-item label="手機號碼" :label-col="{ span: 8 }" :wrapper-col="{ spa
2019-10-26 07:27:28
原创 ant design vue中嵌套表格以及表格內部編輯的用法
實現效果： 因爲pro手腳架中封裝的s-table不支持expand和expandedRowsChange事件，無法實現根據展開節點獲取其內部數據的需求，因此直接使用a-table組件 表格外層可以翻頁，查詢攜帶頁碼參數 <a-tab
2019-09-05 05:47:54
57