原创 用戶角色- 權限選擇

在最近的項目有個功能是給用戶角色相關的模塊賦予增刪改查的權限原型大體如下 這是產品一開始給的原型,但是每個模塊所擁有的權限不一樣,不一定四個都會有,或者會有別的權限, 網上找尋資料後,根據這個項目進行修改的https://github.c

原创 vue中使用高德地圖 信息窗口樣式無法修改

vue中使用vue-amap後在main.js中import VueAMap from 'vue-amap' 不使用AMap避免與高德全局變量衝突。 在頁面中對信息窗體進行樣式修改 如果設置了style中設置了scoped會無法起作用,需

原创 表單輸入字符串直接轉換數字 v-model 的修飾符

.number vue提供了一個修飾符--v-model.number 在表單輸入的時候直接將字符串轉換成數字類型 很是方便 <el-input type="text" v-model.number="ruleForm.payMoney

原创 vue中導出excel表格

在vue的項目中有個導出excel的需求 之前是後臺做的給個地址進行下載。查閱了下資料,前端實現也不難,記錄下來,備用。 1 安裝依賴   npm install -S file-saver xlsx npm install -D sc

原创 在vue中封裝echarts折線圖組件

 先來張圖 要實現在父組件引用子組件圖表,父組件需要傳遞給圖表組件幾個數據, id: 圖表實例化需要一個唯一的id; time: x軸的顯示數據,參數名可以自己定義; opData: 用來配置series的系列列表,參數可以自己定義;

原创 Js值類型和引用類型

   由JavaScript 中的變量類型傳遞方式,分爲值類型和引用類型,值類型變量包括 Boolean、String、Number、Undefined、Null,引用類型包括了 Object 類的所有,如 Date、Array、Func

原创 es6學習之模板字符串 ``

ES6引入了一種新型的字符串字面量語法,稱之爲模板字符串。除了使用反撇號字符 ` 代替普通字符串的引號 ' 或 " 外,它們看起來與普通字符串並無二致。但是它爲JavaScript提供了簡單的字符串插值功能,可以通過一種更加美觀、更加方便

原创 Object.keys()的使用

  語法Object.keys(object)參數object 必須.包含屬性和方法的對象。這可以是您創建的對象或現有文檔對象模型 (DOM) 對象。 返回值 一個數組,其中包含對象的可枚舉屬性和方法的名稱

原创 jQuery中阻止事件冒泡的方式及區別

方法一:event.stopPropagation();$("#div").mousedown(function(event){ event.stopPropagation(); }

原创 Ext框架 登錄框背景半透明設置背景色。

在使用的一個ext框架做的管理系統中,登錄界面是使用Ext.window.Window實現,背景是半透明的效果,也可以設置爲透明,效果如下現有需求要去掉那個半透明,換個底色或者圖片。Ext.window.Window中有maximized

原创 Sublime Text 3 插件 -- SFTP 配置連接遠程服務器

安裝SFTP插件,重啓IDE,點擊 開始 -> SFTP/FTP ->Setup Server 打開一個配置文件分別配置host服務器地址 user用戶名 password密碼 和remote_path:服務器地址路徑配置完成保存文件點擊

原创 ES7學習之includes()和指數操作符

Array.prototype.includes()方法includes()方法是查找一個值在不在數組當中,如有返回true,否則返回false。該方法接收兩個參數,要搜索的值和搜索的開始索引,接收第二個參數的時候,includes會從該

原创 map()方法、reduce()方法和filter()方法的使用

map()方法返回一個經過回調函數處理過的新數組,不會改變原數數組的值var arr = [1,2,3,4] var newArr = arr.map(function(i) { return ++i })

原创 iview中Select 選擇器多選校驗

iview提供的select組件中使用multiple屬性可以開啓多選模式,返回的數據也是數組的形式。iview使用的校驗是根據async-validator來實現數據驗證。驗證規則可前去查看開源項目多選模式下的select組件校驗使用t