原创 使用vue自定義指令 實現當圖片加載失敗時使用默認圖
首先在入口文件main.js定義一個全局指令 //全局註冊自定義指令，用於判斷當前圖片是否能夠加載成功，可以加載成功則賦值爲img的src屬性，否則使用默認圖片 Vue.directive('real-img', async fu
2020-06-29 09:27:48
原创 JS 中call()和apply()以及bind()的區別
一、方法定義： apply：調用一個對象的一個方法，用另一個對象替換當前對象。例如：B.apply(A, arguments);即A對象應用B對象的方法。 call：調用一個對象的一個方法，用另一個對象替換當前對象。例如：B.c
2020-06-19 13:09:21
原创 zTree的使用踩坑記錄（編輯、新增）
最近做了一個功能，在vue中使用到了zTree，要求實現樹節點的新增和編輯，即鼠標移到節點上的時候顯示出這兩個按鈕，點編輯的時候節點會變成輸入框可直接輸入，點新增的時候會在該節點的子節點中新增一個節點，並顯示爲可編輯狀態。 做的過
2020-06-19 11:56:18
9
原创 echart 環形圖 ---- 配置 legend，label，顏色，間距
function loadPersonTypeChart() { $.ajax({ url: API.AREAOVERVIEW.AREAPERSONTYPE.url(), success:
2020-06-19 11:56:17
23
原创 iview DatePicker添加表單驗證、初始化賦值、選擇器額外配置
<Form class="search_form" ref="searchForm" :rules="ruleInline" :model="formInline" label-position="right" :label-wi
2020-06-19 11:56:07
2
原创 echart 柱狀圖 ---- 座標軸、網格、柱體配置
代碼如下： var maintainTypeChart; function loadMaintainTypeChart() { var option = { grid: { left
2020-06-19 11:56:07
原创 echart 折線圖 ---- 座標軸、網格、折線配置
代碼如下： var orderNumChart; function loaOrderNumChart() { var option = { grid: { left: '3%',
2020-06-19 10:44:22
原创 echart 關係圖 ---- 配置 可自定義圖片
代碼如下： var myChart = echarts.init(document.getElementById("relation-chart")); var echartJson ={ "series":[
2020-06-19 10:44:12
原创 純html+css+jq實現流程圖
效果圖： 注：每個節點的寬高都已做了自適應處理 完整代碼如下：（記得導入jQuery包） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-06-19 10:44:12
原创 echart 玫瑰圖 ---- 配置 legend圖例
代碼如下： var alarmChart; function loadAlarmChart(params) { entAjax(apiAlarmStatistic, params, "post").then(functio
2020-06-19 10:44:12
原创 Vue中 npm install時--save和--save-dev的區別
dependencies和devDependencies 在使用node開發時，我們在工程中用到的包必須在package.json中列出。 而dependencies和devDependencies是package.json中的兩
2020-06-19 10:44:11
原创 iview的checkGroup的onchange方法傳入多個參數
<CheckboxGroup v-model="checkAllGroup" @on-change="checked=>checkAllGroupChange(checked,item)"> <Checkbox label="a
2020-06-19 10:44:11
原创 js 實現點擊按鈕複製文本
原理： 瀏覽器提供了 copy 命令 ，可以複製選中的內容 document.execCommand("copy") 可以通過 select() 方法，選中輸入框的文本，然後調用 copy 命令，將文本複製到剪切板 selec
2020-06-11 17:52:48
原创 iview 表格點擊當前行，當前行持續高亮
highlight-row <Table highlight-row :ref="refTable" :data="tableData" :columns="tableColumns"></Table>
2020-06-11 17:52:48
原创 快速理解npm install時--save和--save-dev的區別
dependencies和devDependencies 在使用node開發時，我們在工程中用到的包必須在package.json中列出。 而dependencies和devDependencies是package.json中的兩
2020-05-19 18:53:44