前端高階小知識

2022-07-21 00:33:23 字數 335 閱讀 3967

1.需求:給頁面新增水印,防止二次拍攝/截圖

實現方法:新增遮罩層,設定層級最高(z-index)

高階:設定css屬性:pointer-events: none; 使新新增的水印層不影響下方事件操作。

考慮瀏覽器視窗大小改變,改變水印覆蓋位置。

2.問題:多個元素放在同一行,設定寬度為百分比,總和恰好為100%,但是仍舊出現換行。

可能原因1:html標籤間的空白部分佔據少量空間

解決方案:①設定父級元素font-size: 0;清除空格/換行帶來的影響

② 在html檔案裡,刪除這些標籤之間的空格/換行(不推薦)

(持續更新中...)

前端小知識

function sort arr if ischange return ajax的請求是同步的,不會因為寫的順序而有先後之分,要想第二個在第乙個後執行 offsetwidth 元素內可見區域的寬度 元素邊框寬度 如果有滾動條還要包括滾動條的寬度 clientwidth 元素內可見區域的寬度 scr...

前端小知識

二 css var url function name media min width 1200px window width min input type text span window shadow 根據瀏覽器大小 改變視窗大小 e media min width 1300px window ...

前端小知識積累

1.常用隱藏編輯框的方法 方法1 nf cus this.blur 方法2 readonly 方法3 disabled 通過控制屬性 id attr 控制是否能編輯 特例 特殊編輯文字 如下拉列表 不可使用以上控制 不可逆的 處理方式 給標籤新增乙個容器,通過控制容器的hide和show實現 如 d...