document.fullscreenElement來判斷是否全屏伶贰，非全屏的話會返回null,全屏返回html元素document.exitFullscreen()退出全屏方...
發(fā)簡信
IP屬地：北京
-
js實現(xiàn)網(wǎng)頁全屏
-
小程序自定義頭部導(dǎo)航欄背景圖片和page內(nèi)容背景圖片拼接一張圖如下圖所示涂身，需要將自定義導(dǎo)航欄的背景圖和下方page內(nèi)容的背景圖片拼接上并且對齊 首先我們算出自定義頭部的高度泊窘，頭部設(shè)置height為該高度 在html中設(shè)置自定義頭部的高度...
-
js小程序顯示物流信息step逼争，手機號高亮可以打電話以下圖片是物流信息的UI圖 按照UI圖實現(xiàn)html和css物流信息分為左右兩側(cè)优床，左側(cè)是豎線和圓圈，按照定位氮凝，都定在左側(cè)羔巢，右側(cè)是信息，也是父級罩阵，給相對定位 頁面寫好后竿秆，開始用數(shù)...
-
navigator.wakeLock.request("screen")保持屏幕喚起常亮狀態(tài)，阻止息屏
網(wǎng)頁保持屏幕喚起常亮狀態(tài)稿壁，阻止息屏幽钢，一行代碼搞定 因為保持屏幕喚醒是一個占用資源開銷的行為，所以瀏覽器中傅是，當(dāng)頁面最小化或者切換到非當(dāng)前頁的標(biāo)簽頁的時候匪燕，屏幕的wake鎖定就會...
-
html元素popover屬性解析popover是一個全局屬性，給任意元素添加popover屬性后喧笔，這個元素就會變成一個懸浮層帽驯，層級也會變成最高的，高于頁面上的一切书闸，不會被其他元素遮蓋尼变，例如全局loading...
-
css中margin-inline、margin-block浆劲、border-inline嫌术、border-block、inset-inline牌借、inset-block邏輯屬性解析
css中margin-inline度气、margin-block、border-inline膨报、border-block磷籍、inset-inline、inset-block邏輯屬性解...
-
css原生嵌套規(guī)則和@scope作用域用法
css原生嵌套規(guī)則其實现柠，CSS嵌套和 Sass院领、Less 的嵌套類似css原生嵌套規(guī)則可以將選擇器嵌套到另一個選擇器中，但是必須是以符號開頭晒旅，例如&(父級(.box)本身自己...
-
css中:target偽類的用法解析首先得知道一個知識點栅盲，就是錨點。錨點就是a標(biāo)簽中的href屬性指向某個元素的id废恋，點擊后瀏覽器會滾動到該元素的位置:target偽類就是根據(jù)a標(biāo)簽上href的屬性錨點谈秫，為對應(yīng)...
-
一文徹底搞懂nth-child和nth-of-typeelt:nth-child(n) n: 從1開始的正整數(shù) 查找匹配的規(guī)則： 找到當(dāng)前元素的父元素下所有的子元素,然后在所有的子元素中找到第n個元素，如果這個第n個元素是符合e...
-
width寬度自適應(yīng)屬性值fill-available鱼鼓、fit-content拟烫、max-content、min-content解析先把html寫出來 下面挨個解析屬性值到底是怎么用 fill-available迄本、-webkit-fill-available可以讓元素寬度自行填充硕淑，類似width:100%...
-
table表格css設(shè)置表頭固定定位和前幾列固定定位主要用到position: sticky這個css屬性html的table表格架構(gòu) 先用css設(shè)置表格表頭thead tr th固定 設(shè)置表格前幾列固定如果表格的列的寬是不固...
-
ES14(ES2023) 數(shù)組上新增的新特性、新功能
toSorted toSorted和sort方法一樣，都是排序的置媳，但是toSorted可以返回一個全新的數(shù)組于樟，而不是在原數(shù)組上進(jìn)行操作 toReversed toRevers...
-
:is() :where() :not()偽類選擇器
:is()偽類的使用 例如對下面html中的a標(biāo)簽加上樣式 普通常用的方法就是下面這樣，寫起來感覺很臃腫拇囊，重復(fù)度高 下面用:is()偽類來寫迂曲，就簡單明了的多，和上面的樣式效果...
-
CSS var() 自定義的屬性值和使用
聲明全局css變量寥袭，必須得在:root中聲明:root是一個css偽類路捧，匹配文檔樹的根源素，對于HTML來說传黄，:root表示 元素杰扫，和html選擇器相同，但是優(yōu)先級更高膘掰。 c...
-
AbortController中斷取消原生fetch或axios請求
有幾個需求場景章姓，需要中斷或者取消請求，或者取消后再按照最新的參數(shù)去請求 例如新增一個任務(wù)炭序，用戶連續(xù)點擊新增按鈕啤覆，就會連續(xù)觸發(fā)請求接口，所以需要去請求最后一個接口并中斷所有以前...
-
js H5 Notification桌面通知方法Notification方法只能在https協(xié)議或者本地http://localhost/使用 Notification.requestPermission()可以來獲取用戶...
-
js計算每月從一號開始的每周開始結(jié)束日期惭聂，每月有多少周項目中有業(yè)務(wù)需求窗声，需要查看每個月從一號開始的每周開始結(jié)束日期，并且可以點擊上一周辜纲、下一周來查看日期笨觅。 我們先把html的架子和css樣式寫出來html代碼 css代碼 我們開...
-
js和vue創(chuàng)建渲染樹形結(jié)構(gòu)數(shù)據(jù)js創(chuàng)建渲染樹形結(jié)構(gòu) 樹形結(jié)構(gòu)數(shù)據(jù) js中通過數(shù)據(jù)中是否有子節(jié)點children來判斷是否遞歸創(chuàng)建渲染子節(jié)點 vue創(chuàng)建渲染樹形結(jié)構(gòu) 組件tree 外部父組件調(diào)用組件tree