原创 彈窗屏幕居中 自定義滾動條 css設置
彈窗屏幕居中： 半透明黑背景： .black-wrap{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;
2020-06-20 04:47:29
原创 less 函數 循環 變量寫法
案例上一個 覆蓋element-ui按鈕 less @primary: #3a70df; @danger: #df3a25; @success: #2fcd77; @warning: #fba13b; @white: #ffffff
2020-06-20 04:47:25
原创 相同的字符串被判斷爲不相等問題
JS兩個相同的字符串被判斷爲不相等問題 今天在寫js的時候，遇到一個奇怪的問題，明明兩個字符串相等，用alert()打印出來都一樣，typeof的結果都是string， 仔細查看過了首尾都沒有空格。 可是用a==b卻判斷爲不相等 雖然
2020-06-19 22:47:31
1
原创 elementUI --- el-select 下拉框右側放提示文字
需求： 1.下拉框右側需要顯示對於備註文字 <el-select v-model="ruleForm.tableName" placeholder="請選擇數據表" @change="chan
2020-06-19 22:47:19
1
原创 查看/統計 代碼行數
Installation 全局安裝 npm install -g cloc 使用 https://www.npmjs.com/package/cloc
2020-06-19 21:47:14
原创 自定義指令 輸入框只能輸入數字，也不可輸入e+-等符號
使用方法：v-number //最大值最小值小數點位數 <el-input v-model.trim="scope.row.value" v-number="{ min: 0 ,precision: 0,max: 999 }"
2020-06-19 21:47:14
原创 vue 默認佈局 頂部欄 左側欄 右側內容區域
<!-- 默認佈局 --> <template> <div class="layout-default"> <auth></auth> <base-header></base-header>
2020-06-19 21:47:14
1
原创 多餅圖應用
function chartTopPie() { var myChart = echarts.init(document.getElementById('char-top-pie')); var pla
2020-06-19 21:47:14
原创 vue優化路由懶加載
路由懶加載 當打包構建應用時，JavaScript 包會變得非常大，影響頁面加載。如果我們能把不同路由對應的組件分割成不同的代碼塊，然後當路由被訪問的時候才加載對應組件，這樣就更加高效了。 結合 Vue 的異步組件和 Webpack 的代
2020-06-19 21:47:14
原创 表格動態加載行數，並在行數中驗證輸入情況,特別是行數之間輸入不能相同
表格示例: 該案例在動態表格中，驗證同一個字段是否爲空，是否超出最大限制字符 ，是否做不重名驗證； 示例中主要是驗證對應別名（columnComment）字段， 所有對每個別名字段循環一個el-form rules model 對每個循環
2020-03-25 12:11:10
原创 通過原生js檢測CSS3的動畫結束
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2020-03-19 10:52:53
原创 vue-cli 發佈一個npm 包
此項目中我們將element-ui 自定義主題，並且覆蓋更改了一些樣式 作用： 1.避免在每個項目中重新生成主題文件 2.避免每個項目不一致性 3.增加可維護性 開始 在src目錄下建了一個index.js文件用於導出重新的less文件
2020-02-23 13:42:16
1
原创 vue各種加載loading集合
1. 普通旋轉加載效果 代碼： <template> <button data-label="do it!" class="loading">do it! </button> </templa
2020-02-23 13:42:16
1
原创 遍歷獲取的元素
let els = document.getElementsByClassName('inputBox'); Array.from(els).forEach(e => { e.disabled = 'disabled'; }
2019-09-10 03:58:23
原创 element-ui 表格表頭添加tooltip
只貼出來需要用到的地方 tHeadData=[{"key":"X1","title":"班組"}, {"key":"X3","title":"項目_單位"}, {"key":"X9","title":"原料配比及消耗_礦槽原料灰_消
2019-08-23 03:12:22