例如我們需要統(tǒng)計一個數(shù)組里每個工種的數(shù)量，電工有多少個人，木工有多少個人等等，這個數(shù)組里的數(shù)據(jù)是每個工人的信息，如下面的數(shù)據(jù) 可以用reduce函數(shù)來循環(huán)判斷，如果有的話數(shù)量...
發(fā)簡信
IP屬地：北京
-
統(tǒng)計計算數(shù)組中的某個字段相同的數(shù)量
-
toLocaleString數(shù)字轉(zhuǎn)為千分位并保留小數(shù)
設(shè)置千分位并保留兩位小數(shù) 設(shè)置最大保留三位小數(shù)，最小保留一位小數(shù) 使用'en-US'或者'en-CA'都會使用逗號作為千分位分隔符 對小數(shù)的設(shè)置，minimumFractio...
-
對不規(guī)則形狀設(shè)置陰影filter: drop-shadow的使用filter: drop-shadow() 是 CSS 中的一種高級陰影效果，與 box-shadow 類似，但有更靈活的應(yīng)用場景。它主要用于為元素（尤其是圖像或透明背景元素...
-
使用CookieStore設(shè)置和獲取或者刪除cookie
CookieStore是瀏覽器提供的現(xiàn)代API，隸屬于Window對象，用于以異步、面向?qū)ο蟮姆绞讲僮鰿ookie。cookieStore是基于promise設(shè)計的，所以可以...
-
解決axios請求query方式傳參時url參數(shù)中數(shù)組參數(shù)帶'[]'問題
如果用axios請求，發(fā)送數(shù)據(jù)格式為query方式，并且發(fā)送參數(shù)數(shù)據(jù)中有數(shù)組，會導(dǎo)致參數(shù)中有[]的問題，如下方例子http://localhost/dev-api/wk/ro...
-
flex多行布局的行間距異常、上下行間隔太大問題如圖所示，如果父級是flex布局，并且設(shè)置了高度**(必須是設(shè)置了高度才會出現(xiàn)的問題)**，然后子級li換行后，上下行之間的間隔就會被平分，也就是圖上這樣的效果，我們需求是想...
-
css實現(xiàn)組織架構(gòu)圖2-一對多，再多對一，再對多先看下效果圖 其中html代碼 css代碼,主要用ul和li的before、after偽元素進(jìn)行設(shè)置，其中ul偽元素主要用來實現(xiàn)連接下方的線，li的偽元素主要是來實現(xiàn)連接左右...
-
css實現(xiàn)組織架構(gòu)圖1-一對多，逐級增多先看下效果圖 其中html代碼 css代碼,主要用ul和li的before、after偽元素進(jìn)行設(shè)置，其中ul偽元素主要用來實現(xiàn)連接下方的線，li的偽元素主要是來實現(xiàn)連接左右...
-
監(jiān)聽localStorage變化
有時候需求需要在兩個頁面交互，比如說在瀏覽器窗口A頁面修改了一個項目之后，之前打開的窗口B頁面也需要跟著修改成A頁面修改的項目，不然用戶會很奇怪兩個頁面的數(shù)據(jù)不一致，所以就可...
-
Object.prototype.toString.call() 來判斷數(shù)據(jù)類型
Object.prototype.toString.call()來獲取數(shù)據(jù)類型，除了NaN判斷為Number類型，其余類型判斷都是準(zhǔn)確的
-
structuredClone() 深拷貝克隆對象
JS新特性structuredClone()，一行代碼深拷貝克隆對象，比起JSON.parse(JSON.stringify(obj))深拷貝性能更好 可以深拷貝任何結(jié)構(gòu)的類...
-
getBoundingClientRect 獲取 DOM 元素位置和尺寸的原生方法getBoundingClientRect() 是 JavaScript 中用于獲取 DOM 元素位置和尺寸的原生方法，返回一個包含 top、right、bottom、lef...
-
js實現(xiàn)網(wǎng)頁全屏
document.fullscreenElement來判斷是否全屏，非全屏的話會返回null,全屏返回html元素document.exitFullscreen()退出全屏方...
-
小程序自定義頭部導(dǎo)航欄背景圖片和page內(nèi)容背景圖片拼接一張圖如下圖所示，需要將自定義導(dǎo)航欄的背景圖和下方page內(nèi)容的背景圖片拼接上并且對齊 首先我們算出自定義頭部的高度，頭部設(shè)置height為該高度 在html中設(shè)置自定義頭部的高度...
-
js小程序顯示物流信息step，手機(jī)號高亮可以打電話以下圖片是物流信息的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)...