html 1.1 html標(biāo)簽的類型（head幻碱， body挪蹭，橙凳！Doctype） 他們的作用是什么 參考答案： !DOCTYPE 標(biāo)簽： 它是指示 web 瀏覽器關(guān)于頁面使用哪...
發(fā)簡(jiǎn)信
IP屬地：山東
-
前端面試題（2022） -
-
-
自定義滾動(dòng)條
兩個(gè)算法： 滾動(dòng)條初始狀態(tài)的長(zhǎng)度 = 盒子高度 / 內(nèi)容高度 * 盒子高度偎窘。 內(nèi)容盒子移動(dòng)的距離 =（內(nèi)容的高度 - 盒子的高度）/ （盒子的高度 - 滾動(dòng)條的高度）* 滾動(dòng)...
-
JavaScript常用函數(shù)的封裝
選擇器的封裝 scroll兼容函數(shù)的封裝 勻速運(yùn)動(dòng)函數(shù)的封裝 可視區(qū)域大小函數(shù)的封裝 緩動(dòng)動(dòng)畫函數(shù)的封裝v2 獲取樣式函數(shù)的封裝 多動(dòng)畫函數(shù)的封裝
-
關(guān)于z-index失效的問題存在現(xiàn)象 在制作緊鄰的兩個(gè)元素時(shí)，發(fā)現(xiàn)元素的陰影（box-shadow）部分被遮擋溜在。兩個(gè)元素直接沒有空隙评架，但最終狀態(tài)是上方盒子展示陰影。情況如下圖所示： 代碼如下 問題在于設(shè)...
-
-
overflow導(dǎo)致定位的子元素?zé)o法顯示的問題寫輪播圖的時(shí)候遇到如下問題： 效果圖： 此時(shí)swiper-prev這個(gè)盒子并沒有顯示出來，給其設(shè)置z-index也沒有效果培遵！ 解決方案： 避開overflow對(duì)盒子隱藏的影響...
-
浮動(dòng)塌陷和margin塌陷浮動(dòng)塌陷 使用float浮動(dòng)的時(shí)候浙芙，父元素的高度變成0登刺。 效果如下： ul沒有定義高度，繼承了li的高度嗡呼，但是浮動(dòng)會(huì)導(dǎo)致ul的高度為0纸俭，因此下面的盒子就自動(dòng)上去了。 解決方案...
-
p標(biāo)簽里面嵌套h標(biāo)簽出現(xiàn)的問題
使用p標(biāo)簽嵌套h標(biāo)簽出現(xiàn)的問題： 會(huì)被瀏覽器解析成 總結(jié)：p標(biāo)簽內(nèi)只能嵌套內(nèi)聯(lián)元素南窗，不能嵌套塊元素揍很，類似h1、div万伤、ul塊元素都不可自由嵌套在p標(biāo)簽內(nèi)窒悔。
-
JQuery使用slide動(dòng)畫時(shí)出現(xiàn)抖動(dòng)的情況的問題
用jQuery寫一個(gè)列表。當(dāng)點(diǎn)擊列表時(shí)敌买，列表內(nèi)容可以向下展開或者向上收起简珠。 用slide動(dòng)畫時(shí)，遇見一個(gè)問題虹钮。展開列表項(xiàng)或收起列表項(xiàng)會(huì)發(fā)生抖動(dòng)現(xiàn)象聋庵。 問題分析： 出現(xiàn)這個(gè)問題...
-
使用swiper插件時(shí)，swiper隱藏再顯示出現(xiàn)點(diǎn)擊不了情況
制作項(xiàng)目中芙粱，需要swiper +tab切換祭玉，可是一把swiper 隱藏效果就顯示不出來了這時(shí)候需要設(shè)置observer為true和observeParents為true。
-
VSCode前端常用插件
1.Auto Close Tag 自動(dòng)閉合HTML/XML標(biāo)簽 2.Auto Rename Tag 自動(dòng)完成另一側(cè)標(biāo)簽的同步修改 3.Beautify 格式化代碼春畔，值得注意的...
