前端學習記錄

2022-09-12 10:24:16 字數 491 閱讀 3140

總結一下這幾天跟前輩學的新知識:

1.吸頂效果,普通的做法是在onscroll函式中監聽滾動距離,如果滾動超過導航條高度,則將導航條的class新增.fixed。但是ios6+裝置下的瀏覽器會在頁面滾動的時候暫停所有js的執行,包括settimeout和setinterval,onscroll也不會執行,只有在滾動停止時才會繼續執行js。

解決辦法:

position:sticky可支援ios6+,但是完全不支援。在實現該效果時需要先判斷使用者的瀏覽器,如果為安卓則使用onscroll進行判斷.fixed的移除和提阿甲,如果為ios則使用.sticky

.sticky

.fixed

2.loading方法的顯示與隱藏,顯示應該在ajax執行之前呼叫,並且和ajax請求在乙個函式中,隱藏應該ajax請求之後呼叫並且也和ajax請求在乙個函式中,這樣能使查詢函式更通用。

3.查詢都用後台請求,不用過濾的原因,在頁面分頁時使用過濾查詢有可能造成查詢結果的不準確。

學習記錄(WEB前端)

一 的標籤及屬性table屬性width height 寬高 單位是畫素或百分比 align 對齊border 外邊框bgcolor 背景色background 背景cellspacing 單元格間距 單元格和單元格的距離 一般情況寫0cellpadding 單元格邊距 邊框與內容的距離 一般情況寫...

學習記錄(WEB前端)

三 display inline block inline block 一行顯示 支援寬和高 none徹底消失 四 與overflow屬性1.display屬性 1 display inline 行內元素a span 的應用。display inline可以讓塊元素,變為行內顯示,例如行內元素特徵 ...

前端學習記錄day01 2021 01 03

開發環境 瀏覽器vscode相關外掛程式 html5基礎 hyper text markup language 製作網頁的基礎語言 超文字標記語言 學習html就是掌握標記或標籤 網頁骨架模板 網頁正文 標籤 常用標籤 段落是通過標籤來定義 超連線是通過標籤來表示 文字加粗通過或者標籤來表示 文字傾...