Plugins Plugins are the backbone[https://github.com/webpack/tapable] of webpack. Plugin...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
Webpack Plugin
-
用戶(hù)停留時(shí)長(zhǎng)打點(diǎn)
引子 移動(dòng)看家運(yùn)營(yíng)頁(yè)面，投放在和家親/一級(jí)掌廳/微信/等渠道。以前接入的是和家親的打點(diǎn)方案，現(xiàn)在需要增加安防的打點(diǎn)方案，重點(diǎn)記錄指標(biāo)：用戶(hù)停留時(shí)長(zhǎng)。 初始思路 停留時(shí)長(zhǎng)的打點(diǎn)...
-
一起跳進(jìn)富文本編輯器的大坑引子 富文本編輯器的核心：contentEditable 和 document.execCommand 當(dāng)一個(gè)HTML元素的contenteditable屬性被設(shè)置為true...
-
JavaScript ES 2021（ES12）新功能內(nèi)容簡(jiǎn)介 邏輯賦值運(yùn)算符（明雪講過(guò)：https://cc.komect.com/website/blog/detail?id=296[https://cc.komect.co...
-
RouterGuard with react-router5
作用 阻止頁(yè)面越權(quán) 不用調(diào)用接口即可阻止頁(yè)面越權(quán)例如：某普通管理員登錄，即使知道超管的頁(yè)面路由地址，也看不到越權(quán)的頁(yè)面。 實(shí)現(xiàn) 參考reactrouter官方教程，結(jié)合路由嵌...
-
-
-
Echarts的輪播實(shí)現(xiàn)方案
需求：餅圖實(shí)現(xiàn)輪播；場(chǎng)景：電視大屏監(jiān)控，自動(dòng)高亮數(shù)據(jù)，有動(dòng)畫(huà)效果，增強(qiáng)頁(yè)面可視性；實(shí)現(xiàn)： 官網(wǎng)示例 主要運(yùn)用dispatchAction，主動(dòng)觸發(fā)事件。ECharts 中的事...
-
用戶(hù)離開(kāi)頁(yè)面提示編輯頁(yè)面常見(jiàn)的離開(kāi)提示，是如何實(shí)現(xiàn)的？ 情況一 在內(nèi)部跳轉(zhuǎn) umi 基于react-router提供了相關(guān)API 可以自己做一些擴(kuò)展，優(yōu)化提示框，優(yōu)化提示邏輯。 情況二 刷新...
-
網(wǎng)頁(yè)自由截圖在反饋組件中，需要一個(gè)網(wǎng)頁(yè)自由截圖功能?，F(xiàn)成的輪子，沒(méi)有找到合適的?？赡芤?yàn)樽杂山貓D的需求比較少。想到了比較常用的html2canvas: take "screenshots...
-
-
-
Cookie Session Token JWT & CSRF前言： 夏洛：大爺，樓上322住的是馬冬梅家吧？大爺：馬都什么？夏洛：馬冬梅。大爺：什么都沒(méi)?。肯穆澹厚R冬梅啊。大爺：馬什么沒(méi)？夏洛：行，大爺你先涼快著吧。 基于 http ...
-
微信小程序canvas實(shí)現(xiàn)儀表盤(pán)動(dòng)畫(huà)效果圖如上圖所示，上篇文章分享了用css clip 實(shí)現(xiàn)圓盤(pán)loading。但是由于動(dòng)畫(huà)效果有虛線和漸變，所以綜合考慮，選擇用canvas實(shí)現(xiàn)。 涉及知識(shí)點(diǎn)： 繪制圓?。?C...
-
css中神奇的負(fù)數(shù)
outline-offset（負(fù)值）實(shí)現(xiàn)加號(hào) 能否用純css實(shí)現(xiàn)加號(hào)，在不用偽類(lèi)的情況下。 注意事項(xiàng)： 容器得是個(gè)正方形 outline 邊框本身的寬度不能太小 outlin...
-
JavaScript變量命名
布爾值（Boolean）命名 對(duì)應(yīng)true false狀態(tài)場(chǎng)景分類(lèi)： 表示可見(jiàn)性、進(jìn)行中的狀態(tài)推薦命名方式為 is + 動(dòng)詞（現(xiàn)在進(jìn)行時(shí)）/形容詞，同時(shí)這種方式也可以直接不寫(xiě)...