原创 ElementUI的表格換行符失效、不換行

後臺返回的接口數據 ‘“名稱:示例↵ID:717”,在表格種並沒有換行,原因是elementUI 在表格樣式中寫了white-space: normal; (normal空白會被瀏覽器忽略 \n、↵被忽略了) .el-table .cel

原创 git常見問題-總結筆記

1、git強制更新並覆蓋本地修改 git fetch --all git reset --hard origin/分支名 git pull git fetch 只是下載遠程的庫的內容,不做任何的合併     git reset 把HEA

原创 vue中使用防抖函數

一、基本概念 在事件被觸發n秒後再執行回調,如果在這n秒內又被觸發,則重新計時,計時結束執行回調。(通俗來說就是當持續觸發某事件時,一定時間間隔內沒有再觸發事件時,事件處理函數纔會執行一次,如果設定的時間間隔到來之前,又一次觸發了事件,就

原创 js 惰性函數理解

概念:在javascript裏函數可以動態定義,如果創建了一個新函數並且將其分配給保存了另外函數的同一個變量,那麼新函數覆蓋舊函數。常用於初始化功能。原理:同名函數覆蓋重寫 適用場景:在固定的應用環境不會發生改變,頻繁使用同一判斷邏輯,一

原创 vue-clipboard2的使用筆記

1、安裝 npm install --save vue-clipboard2 2、在main.js中引入 import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard

原创 js 防抖和節流筆記

防抖和節流都可以用於 mousemove、scroll、resize、input等事件,他們的區別在於防抖只會在連續的事件週期結束時執行一次,而節流會在事件週期內按間隔時間有規律的執行多次。 1、函數防抖(debounce) 解釋:當持續

原创 remote: GitLab:You are not allowed to force push code to a protected branch on this project

1、強制推送失敗,報錯 git push -f origin master remote: GitLab:You are not allowed to force push code to a protected branch on th

原创 js Arguments對象筆記

1、概念 arguments 是一個對應於傳遞給函數的參數的類數組對象。 arguments對象是所有(非箭頭)函數中都可用的局部變量。你可以使用arguments對象在函數中引用函數的參數。 2、使用 arguments對象不是一個 A

原创 ElementUI table內容不換行問題

頁面使用ElementUI的table組件,後臺返回數據已經加了  \n   但在頁面表格中不換行,很久之前遇到過一次,今天同事又遇到了記錄一下 將 .el-table .cell {     white-space: normal; }

原创 vue中的addEventListener和removeEventListener

1、添加監聽事件(addEventListener) 語法:element.addEventListener(event, function, useCapture) event:指定事件名(注意: 不要使用 "on" 前綴。 例如,使用

原创 vue深入響應式原理的理解及筆記

利用索引直接設置一個數組項,直接修改數組的長度,對象屬性的添加等等問題,視圖不更新,感到十分奇怪,讀了響應式原理許多問題豁然開朗 Vue 最獨特的特性之一,是其非侵入性的響應式系統。數據模型僅僅是普通的 JavaScript 對象。而當你

原创 獲取元素相對於視口的位置 Element.getBoundingClientRect() 理解及筆記

之前做超長列表優化、滾動監聽、曝光打點時獲取元素相對於視口的位置,用到getBoundingClientRect,今天做定位導航再次用到,記錄一下 1、概念   Element.getBoundingClientRect() 方法返回元素

原创 git一個分支完全覆蓋另一個分支

一個分支完全覆蓋另一個分支(不友好) 當前分支使用命令:git reset --hard origin/XXX  (當前分支內容成爲XXX分支) 然後強推命令:git push -f

原创 js 嚴格模式簡介

一、概念 ECMAScript 5的嚴格模式是採用具有限制性JavaScript變體的一種方式,從而使代碼顯示地 脫離“馬虎模式/稀鬆模式/懶散模式“(sloppy)模式。 嚴格模式不僅僅是一個子集:它的產生是爲了形成與正常代碼不同的語義

原创 js 原型對象和原型鏈理解

參考鏈接 https://www.jb51.net/article/105090.htm 1、原型對象的用途是爲每個實例對象存儲共享的方法和屬性,它僅僅是一個普通對象而已。並且所有的實例是共享同一個原型對象,因此有別於實例方法或屬性,原型