baxiamali - 簡(jiǎn)書

發(fā)簡(jiǎn)信

baxiamali

0
關(guān)注
12
粉絲
39
文章
39268

字?jǐn)?shù)
14

收獲喜歡
1

總資產(chǎn)

IP屬地：河北

baxiamali

Webpack Plugin
Plugins Plugins are the backbone[https://github.com/webpack/tapable] of webpack. Plugin...

988 0 0
baxiamali

用戶停留時(shí)長(zhǎng)打點(diǎn)
引子移動(dòng)看家運(yùn)營(yíng)頁(yè)面沿后，投放在和家親/一級(jí)掌廳/微信/等渠道道宅。以前接入的是和家親的打點(diǎn)方案，現(xiàn)在需要增加安防的打點(diǎn)方案膘融，重點(diǎn)記錄指標(biāo)：用戶停留時(shí)長(zhǎng)。初始思路停留時(shí)長(zhǎng)的打點(diǎn)...

975 0 1

baxiamali

大前端測(cè)試
引子在之前分享的編輯器相關(guān)文章里茵瘾，講到了語(yǔ)雀是全棧js開發(fā)的踢关，并且號(hào)稱團(tuán)隊(duì)沒有測(cè)試工程師，參考文章里面有放關(guān)于全棧 JavaScript 測(cè)試的相關(guān)總結(jié)分享库物，今天我們就聊一...

604 0 0
baxiamali

一起跳進(jìn)富文本編輯器的大坑
引子富文本編輯器的核心：contentEditable 和 document.execCommand 當(dāng)一個(gè)HTML元素的contenteditable屬性被設(shè)置為true...

967 0 1
baxiamali

JavaScript ES 2021（ES12）新功能
內(nèi)容簡(jiǎn)介邏輯賦值運(yùn)算符（明雪講過(guò)：https://cc.komect.com/website/blog/detail?id=296[https://cc.komect.co...

856 0 0
baxiamali

RouterGuard with react-router5
作用阻止頁(yè)面越權(quán) 不用調(diào)用接口即可阻止頁(yè)面越權(quán)例如：某普通管理員登錄霸旗，即使知道超管的頁(yè)面路由地址，也看不到越權(quán)的頁(yè)面戚揭。實(shí)現(xiàn) 參考reactrouter官方教程诱告，結(jié)合路由嵌...

113 0 0
baxiamali

Three.js
是什么三維引擎 WebGL（Web圖形庫(kù)）是一個(gè)JavaScript API，可在任何兼容的Web瀏覽器中渲染高性能的交互式3D和2D圖形民晒，而無(wú)需使用插件精居。WebGL通過(guò)引...

511 0 0

baxiamali

地圖API
簡(jiǎn)介篇高德API&百度API 各自特點(diǎn) 高德：文檔優(yōu)秀，代碼簡(jiǎn)單服務(wù)阿里系電商（淘寶潜必，天貓靴姿，美團(tuán)，餓了么磁滚，達(dá)達(dá)）空猜，大疆，KEEP 百度：數(shù)據(jù)豐富（POI多）提供街景服務(wù)...

223 0 0
baxiamali

Echarts的輪播實(shí)現(xiàn)方案
需求：餅圖實(shí)現(xiàn)輪播恨旱；場(chǎng)景：電視大屏監(jiān)控辈毯，自動(dòng)高亮數(shù)據(jù)，有動(dòng)畫效果搜贤，增強(qiáng)頁(yè)面可視性谆沃；實(shí)現(xiàn)：官網(wǎng)示例主要運(yùn)用dispatchAction，主動(dòng)觸發(fā)事件仪芒。ECharts 中的事...

3901 0 0
baxiamali

用戶離開頁(yè)面提示
編輯頁(yè)面常見的離開提示唁影，是如何實(shí)現(xiàn)的耕陷？情況一在內(nèi)部跳轉(zhuǎn) umi 基于react-router提供了相關(guān)API 可以自己做一些擴(kuò)展，優(yōu)化提示框据沈，優(yōu)化提示邏輯哟沫。情況二刷新...

1314 0 0
baxiamali

網(wǎng)頁(yè)自由截圖
在反饋組件中，需要一個(gè)網(wǎng)頁(yè)自由截圖功能⌒拷椋現(xiàn)成的輪子嗜诀，沒有找到合適的】谆觯可能因?yàn)樽杂山貓D的需求比較少隆敢。想到了比較常用的html2canvas: take "screenshots...

423 0 0
baxiamali

算法
棧和隊(duì)列棧：是限制在表的一端進(jìn)行插入和刪除操作的線性表。又稱為后進(jìn)先出線性表用bottom表示棧底指針崔慧，top指向棧頂?shù)南乱粋€(gè)存儲(chǔ)位置用top - bottom = sta...

777 0 0

baxiamali

文件導(dǎo)出
管理平臺(tái)經(jīng)常會(huì)遇到導(dǎo)出報(bào)表的功能拂蝎，總結(jié)下實(shí)現(xiàn)方式。平臺(tái)返回下載鏈接最簡(jiǎn)單的處理方式： window.open(url,'_blank') a標(biāo)簽下載平臺(tái)返回文件流 fo...

448 0 0
baxiamali

Cookie Session Token JWT & CSRF
前言：夏洛：大爺惶室，樓上322住的是馬冬梅家吧温自？大爺：馬都什么？夏洛：馬冬梅皇钞。大爺：什么都沒暗纷鳌？夏洛：馬冬梅啊鹅士。大爺：馬什么沒券躁？夏洛：行，大爺你先涼快著吧掉盅。基于 http ...

313 0 0
baxiamali

微信小程序canvas實(shí)現(xiàn)儀表盤動(dòng)畫
效果圖如上圖所示也拜，上篇文章分享了用css clip 實(shí)現(xiàn)圓盤loading。但是由于動(dòng)畫效果有虛線和漸變趾痘，所以綜合考慮慢哈，選擇用canvas實(shí)現(xiàn)。涉及知識(shí)點(diǎn)：繪制圓挥榔薄： C...

5556 1 2
baxiamali

css中神奇的負(fù)數(shù)
outline-offset（負(fù)值）實(shí)現(xiàn)加號(hào) 能否用純css實(shí)現(xiàn)加號(hào)卵贱，在不用偽類的情況下。注意事項(xiàng)：容器得是個(gè)正方形 outline 邊框本身的寬度不能太小 outlin...

1307 1 0
baxiamali

JavaScript變量命名
布爾值（Boolean）命名對(duì)應(yīng)true false狀態(tài)場(chǎng)景分類：表示可見性侣集、進(jìn)行中的狀態(tài)推薦命名方式為 is + 動(dòng)詞（現(xiàn)在進(jìn)行時(shí)）/形容詞键俱，同時(shí)這種方式也可以直接不寫...

434 0 0