原创 Vue 開發過程中存在的問題記錄

1、表單校驗問題 如果配置了具體的校驗規則,則需要如有需要在規則中添加 required: true,, 不要使用el-form-item 中的required,否則會出現默認的英文校驗提示 例如: XX is required 2、vu

原创 基於element-ui el-table el-form 表格嵌套表單 並且之前表格搜索和全鍵盤操作

項目開發中的記錄,提出了業務代碼 ,場景是自己臨時想的 主要是兩點 場景 假設一個淘寶店家週年慶給老會員發福利了,需要創建一系列的發貨地址,要求客戶的信息不能手動輸入,需要從會員裏面獲取自動填充 要求 店家是一個老頑固,或者不喜歡使用

原创 基於element-ui el-scrollbar 自定義滾動指令

不怎麼擅長寫文檔,先上效果圖  github源碼地址  背景: 在使用element-ui 開發項目中,有一個隱藏的組件 el-scrollbar 可以用來美化滾動條,往往有這種需求,需要滾動到一定的位置,並且可以加一些過渡的動畫,爲此

原创 vue-router中 push方法 name 和 path 路由跳轉的區別(從源碼的角度講)附帶性能測試

背景: 新公司入職 首次進行代碼評審,在看到 this.$router.push('/path1'), 有同事建議使用 name進行路由跳轉,給出的理由是更美觀,個人雖然有代碼潔癖,但是這個理由不是很能接受,於是查看了下vue-route

原创 html中錨點的使用

html中錨點用來在頁面中做個標記(mark),可以跳轉到對應的標記處。當一個頁面很長的時候可以根據html的主題在html中做標記(錨點)。 如何使用錨點呢? 1、做標記 2、觸發標記 做標記 通過給你個html 標籤加name 和 i

原创 vue 項目開發規範問題(補充中...)

1、組件中vue組件/實例的選項的順序問題 組件/實例的選項的順序 副作用 (觸發組件外的影響) el 全局感知 (要求組件以外的知識) name parent 組件類型 (更改組件的類型) functional 模板修改器 (改變模板的

原创 function(){} 和 () => {} 中this指向的問題

普通函數中this1. this總是代表它的直接調用者(js的this是執行上下文), 例如 obj.func ,那麼func中的this就是obj2.在默認情況(非嚴格模式下,未使用 'use strict'),沒找到直接調用者,則th

原创 js 中 文件流的截取處理

問題背景: 項目開發的中有一個這樣的場景,在前端頁面中實現一個markdown的文本編輯器,對md文件進行編輯、預覽和保存。在看了github上的issue模塊以及一些論壇的回覆功能模塊。基本的實現流程是這樣的。現在以markdo

原创 flex 中 flex縮放計算 以及 flex特殊值的總結

Flex (flexible box) 從2009年發佈到現在已經不知不覺的過了10年了,現在基本各家瀏覽器都以及支持了,一些在做項目的小夥伴爲了兼容性,最終選擇放棄了flex,但是無論是以後新項目的技術選型還是自己對於技術的追逐,fle

原创 Vue 的生命週期(一)------vue模塊加載

開篇 使用vue框架寫了一年多的項目了,項目寫的挺多,期間也碰到了很多問題,碰到問題的時候零散的會有一些記錄,更多的是差一些資料解決就完事兒了,有點知其然不知其所以然的味道。正好我們項目組準備組織一次vue原理的解析,項目中同事每