原创 Vue進階(幺貳幺):表單校驗注意事項

表單檢驗 注:prop對應的不單單是rules規則裏面的驗證項,同時對應着我們form-item下的v-model的值。prop綁定的類要與el-form-item下的v-model的值相對應。否則就算校驗元素輸入字符,也會提示

原创 Vue進階(幺貳貳):ES6 判斷是否爲空對象

1、使用ES6的Object.keys()方法 Object.keys()是ES6的新方法, 返回值也是對象中屬性名組成的數組,包括對象自身的(不含繼承的)所有可枚舉屬性(不含 Symbol 屬性)的鍵名。 Object.keys

原创 Vue進階(幺幺玖):element-ui配置化table組件的適應性問題(橫向滾動條)

在開發前端項目過程中,解決適配性、兼容性問題是經常遇到且費事費力的苦差事,尤其是在開發Vue項目,應用部署在IE(尤其是IE9)上的時候。 在進行動態展示(根據後臺返回的表頭、表數據展示)搜索結果時,會遇到搜索結果適配屏幕寬度或高

原创 Vue進階(幺貳肆):前端用戶體驗提升(一)

前言 俗話說,沒有產品思維的碼農不是一個好的程序猿。前端項目開發一段時間之後,除了必要的業務功能必須實現之外,就要開始考慮給開發系統增加一些附加價值,提升用戶體驗可以說是最大的附加價值。當然,從一開始開發項目就將客戶體驗置於優先考

原创 Vue進階(幺貳五):前端用戶體驗提升(二)

前言 做前端也有一段時間了,對於實現各種需求來說已經是遊刃有餘了,代碼的質量和可擴展性都能把控。目前最缺乏的就是所謂的用戶體驗。 用戶體驗說起來是一個比較模糊的概念,但是又是實實在在地決定着用戶用起來爽不爽。最近寫了很多中後臺系

原创 Vue進階(幺貳叄):v-for實現一行展示n個元素

Vue進階(幺貳叄):v-for實現一行展示n個元素 需求背景 在開發前端項目過程中,遇到結果列表操作欄位需要每2個按鈕元素爲一行展示需求。 需求分析 可通過將返回值封裝爲二維數組,或者根據數組下標進行換行操作。 解決方案 經過實

原创 Vue進階(幺幺捌):css3 - 選擇器first-child、last-child、nth-child、nth-last-child、nth-of-type

1.first-child(IE7兼容)、last-child(IE8不兼容) html: <body> <h2>列表</h2> <ul> <li>列表項目1</li> <li>列表項目2</li>

原创 Vue進階(幺幺柒):Vue 錯誤:Avoid mutating a prop directly

錯誤信息: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders.

原创 Vue進階(幺幺伍):js 將字符串轉換爲布爾值boolean

Boolean(); 參數爲 0、null 和無參數返回false,有參數返回true。 Boolean(""); //輸出爲:false Boolean(null); //輸出爲:false Boolean(0); //輸

原创 Vue進階(幺幺陸):jvue提示data.indexOf is not a funtion

在進行Vue項目開發的時候,遇到控制檯錯誤提示“TypeError: data.indexOf is not a function"的錯誤。 原因:表格顯示需要數組包含對象的形式,每個對象是一行數據,拿到的數據格式不對。 解決措施

原创 RPA進階(二)Uipath應用實踐

一、UiPath介紹 UiPath 是RPA(Robotic Process Automation:機器人過程自動化)領域比較受歡迎的軟件之一(Automation anywhere;blue prism等)。能讓僱員從重複枯燥的

原创 RPA進階(一)RPA工具Uipath入門基礎知識

RPA可以通過讓機器人執行制定好的流程,釋放人力資源,提高工作效率。 RPA適合做有規則、高度手工及重複、成熟穩定、高頻率的業務流程。 RPA能夠打破信息孤島,將業務流程串接,形成業務閉環,以較高的效率、較低的出錯率完成業務。在不

原创 Vue進階(幺幺肆):Markdown 編輯器設置字體大小顏色

  Markdown是一種可以使用普通文本編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文本內容具有一定的格式。但是它本身是不支持修改字體、字號與顏色等功能的!   CSDN-markdown編輯器是其衍生版本,

原创 Vue進階(幺幺叄):關於vue.js element ui 表單驗證 this.$refs[formName].validate()的問題

前言 在開發Vue項目過程中,應用element-ui做表單驗證遇到this.$refs[formName].validate()提示validate()未定義的問題。 問題原因 要驗證的DOM,還沒有加載出來。 解決方法 首先打

原创 Vue進階(幺幺貳):package-lock.json的作用

package-lock.json的作用是鎖定安裝時的包的版本號,並且需要上傳到git,以保證其他人在npm install時大家的依賴能保證一致。 根據官方文檔,這個package-lock.json 是在 npm instal