前端工作記錄一

2021-10-25 01:59:49 字數 4576 閱讀 8580

css避免選中

img

css滑鼠穿透
pointer-events

:none

css文字超出省略號
overflow

: hidden;

text-overflow

:ellipsis;

white-space

: nowrap;

v-for 和 v-if v-for的優先順序高

計算屬性傳參

computed:)}

}

tofixed坑
https:

12909096.html

監聽滾動條
let offsetheight = dom.offsetheight

let scrolltop = dom.scrolltop

let scrollheight = dom.scrollheight

if(offsetheight + scrolltop >= scrollheight)

防抖
處理高頻度執行的函式,首次執行之後,在規定的時間內沒有再次觸發則執行,如果觸發則會重新計算過期時間

效果:短時間大量觸發同一事件,只會執行一次函式

function

debounce

(fn,delay)

else

}}

節流
短時間內觸發同一事件,那麼在函式執行一次之後,在指定的時間內觸發則需要過了冷卻事件之後才會再次觸發

function

trottle

(fn,delay)

settimeout((

)=>

,delay)

}}

判斷滑鼠失效的dom元素
e.

relatedtarget

(返回與事件的目標節點相關的節點)

對於 mouseover 事件來說,該屬性是滑鼠指標移到目標節點上時所離開的那個節點。

對於 mouseout 事件來說,該屬性是離開目標時,滑鼠指標進入的節點。

載入不觸發onload事件
1、原來請求過一次,再次請求會在瀏覽器的記憶體中請求。(加時間戳避免)

2、損壞(可以判斷是否真實存在)

promise
async

getnewsize

(value)})

別忘了在呼叫await函式前新增async!

批量上傳檔案導致上傳失敗
其實根據瀏覽器的不同而不同,我的谷歌傳送了1300多張上傳的請求就掛掉了,出現net::err_insufficient_resources,寫乙個笨拙的vue的解決辦法

>

class

="hello"

>

>

}h1>

multiple

type

="file"

name

="file"

value

="請選擇檔案"

)//這個時間戳並不重要,我寫的後端是根據時間戳來建立資料夾的

let tempfilllist =

this

.filllistarr.

splice(0

,tcp)

for(

let i =

0;i < tempfilllist.length ; i++)}

,sendrequest

(data,timestamp,index)})

.then((

)=>

else)if

(finishedall)}}

).catch

(err =>)}

,}}script

>

基本思想就是根據瀏覽器對於同乙個網域名稱下的請求最大並行量來規定初始的傳送請求數量,比如我這裡是六個,首先傳送六個,並且記錄每乙個是否完成,當完成的時候,就擷取等待上傳的陣列然後進行上傳,直到等待上傳陣列為空就不會再傳送請求,等到待上傳陣列為空並且狀態陣列中都完成了,那麼都回到初始位置

//其實思想就是上面的思想,我想展示的只有可以在http-request的引數中可以呼叫onerror和onsuccess方法,這樣就不會影響你的on-change函式,並且函式中需要傳遞伺服器返回的response,否則你掉用這個函式之後觸發onchange並不能拿到response這個值

methods:

else},

sendresquest

(len,data)

= data

this

.statuslistarr[len]

=false

let formdata =

newformdata()

formdata.

(name , file)

this

.$axios

.post

(action,formdata)

.then

(res=>

else)if

(finishedall)}}

).catch

(err=>

else)if

(finishedall)

} data.

onerror

(err.response)})

},onuploadchange()

}}script

>

function

iframedownload

(url)}if

('onload'

in iframe)

else

if(iframe.attachevent)

else}}

iframe.src =

'' document.body.

(iframe)

settimeout

(function

loadurl()

,50)}

vue 瀑布流元件

vue-wate***ll

vue **高亮元件

vue-json-viewr

element抽屜元件選中黑邊

element ui抽屜元件出現黑框並不是因為border而是用的是outline屬性

element抽屜元件h1發生改變
他的抽屜元件內容區域使用的是語義化標籤

element table元件抖動
table元件設定max-height之後並不會有什麼問題,但是當他的資料進行非同步獲取之後,就會出現大的bug,你就會發現他的寬度被擴大了。

工作記錄(一)

由於手頭的專案基本是這樣的樣式,好的專案結構便於閱讀專案的檔案,掌握專案中的結構,1 php專案目錄設定 webroot config.php 定義專案的各種路徑 admin 專案後台管理目錄 api api 呼叫目錄 model 資料實體類 lib 第三方類庫目錄 config 定義其他需要分開目...

前端實習面試記錄(一)

初次面試 慘敗 css實現三角形 arr.sort function 最優演算法 fisher yates shuffle 洗牌演算法 for in for of array遍歷當前例項以及其原型鏈上所有可列舉的key只遍歷當前例項中的所有value,不涉及原型鏈 object遍歷當前例項以及其原型...

工作踩坑記錄 一

剛畢業兩個月,最近忙著和老大進行專案驗收大綱的編寫,之前看 的時候沒有這麼深的感悟,當我寫 的時候各種低階失誤不斷,很感謝有我的老大耐心的指導,最近被我氣的血快吐出來了。1.最近我根據大的程式框架分割小的測試 進行驗收大綱的指標校驗,今天除錯4x aurora碰到了乙個問題,把資料送到資料口,aur...