業(yè)務(wù)上實(shí)現(xiàn)了一個(gè)選中組件赞辩，然后拖拽移動(dòng)組件，在做的過程中發(fā)現(xiàn)組件移動(dòng)的過程中時(shí)不時(shí)會(huì)選中頁(yè)面中的文本元素虎忌。 在尋找根源之前，先看一下一個(gè)網(wǎng)頁(yè)中W3C規(guī)定了哪些需要開發(fā)者介入處...
發(fā)簡(jiǎn)信
IP屬地：四川
-
頁(yè)面元素選中了嗎肿仑？
-
你不懂的source map功能最近負(fù)責(zé)做一個(gè)比較大型的前端編輯器項(xiàng)目憋飞，里面涉及很多前端npm包相互引用同规，為了更好的調(diào)試，需包與包的引用之間能夠通過devtool調(diào)試咧擂，但是為了使用調(diào)試功能逞盆，必須source...
-
如果要繪制一個(gè)頁(yè)面的點(diǎn)擊熱力圖云芦，目前團(tuán)隊(duì)的監(jiān)控平臺(tái)是按每小時(shí)對(duì)收集的數(shù)據(jù)聚類10px * 10px小塊的點(diǎn)，求一個(gè)聚合點(diǎn)包含權(quán)重贸桶，最簡(jiǎn)單的權(quán)重就是計(jì)算這一小塊上點(diǎn)擊的次數(shù)舅逸，一天就是計(jì)算24次，最后繪制圖行
前端熱力圖制作
最近做一個(gè)項(xiàng)目皇筛，需要繪制熱力圖琉历，但是發(fā)覺現(xiàn)成的庫(kù)封裝都很不靈活heatmap.js百度Echarts等都有封裝 參考百度echarts的熱力圖插件，我整理了一下繪制熱力圖的思...
-
標(biāo)準(zhǔn)輸入輸出
標(biāo)準(zhǔn)輸入是程序從命令行接受參數(shù)水醋，標(biāo)準(zhǔn)的shell命令行會(huì)打開三個(gè)標(biāo)準(zhǔn)文件旗笔，stdin-標(biāo)準(zhǔn)輸入 stdout-標(biāo)準(zhǔn)輸出 stderr-標(biāo)準(zhǔn)錯(cuò)誤輸出 結(jié)合多種語(yǔ)言來(lái)說明標(biāo)準(zhǔn)輸入...
-
個(gè)人服務(wù)管理建議
記錄服務(wù)安全配置，后續(xù)慢慢更新 1. 建議禁用root 遠(yuǎn)程登錄 操作步驟 2. 管理員 3. sudo權(quán)限配置 可以開通一個(gè)零時(shí)普通賬號(hào)离例，準(zhǔn)許外網(wǎng)鏈接 4 ssh配置只準(zhǔn)許...
-
@藍(lán)馨很拽 不會(huì)哦
前端熱力圖制作
最近做一個(gè)項(xiàng)目换团，需要繪制熱力圖，但是發(fā)覺現(xiàn)成的庫(kù)封裝都很不靈活heatmap.js百度Echarts等都有封裝 參考百度echarts的熱力圖插件宫蛆，我整理了一下繪制熱力圖的思...
-
-
web頁(yè)面渲染性能-概述（谷歌開發(fā)規(guī)范）作為一名web開發(fā)，總是希望自己開發(fā)web頁(yè)面具有交互性并且運(yùn)行順暢叛拷，為了順暢運(yùn)行舌厨，滾動(dòng)應(yīng)與手指的滑動(dòng)一樣快，并且動(dòng)畫和交互應(yīng)如絲綢般順滑 60fps與設(shè)備刷新率 目前大多數(shù)...
-
配置viewport最近項(xiàng)目中需要開發(fā)內(nèi)嵌的H5頁(yè)面忿薇，viewport不是很熟悉裙椭，故來(lái)翻譯一下此篇文件加深理解原文 配置viewport IOS上的safari使用一種縮放的工作模式來(lái)展示pc端...
-
npm包發(fā)布流程
最近發(fā)布npm包的過程中躏哩，發(fā)現(xiàn)npm有很多對(duì)整個(gè)流程很友好的命名 包的定義 包的版本更新 beta、aplha版本管理 正式包 包的定義 前端開發(fā)已經(jīng)離不開npm揉燃，我們可以把...
-
http協(xié)議之瀏覽器緩存
前端靜態(tài)資源并不是每一次都發(fā)生變化扫尺，那么瀏覽器會(huì)根據(jù)協(xié)議定義的緩存頭來(lái)緩存靜態(tài)資源 關(guān)于瀏覽器的緩存頭有 cache-control last-modified expire...
-
Linux命令行快捷鍵
現(xiàn)在使用mac作為開發(fā)機(jī)器，經(jīng)常使用命令行炊汤，掌握命令行很關(guān)鍵 命令說明備注ctrl + l清屏幕ctrl + m等效回車ctrl + c中斷正在執(zhí)行的程序ctrl + p搜索...
-
linux性能監(jiān)控
CPU 使用情況 linux 下沒有想window下面的任務(wù)管理器可以直接查看CPU使用占比 以及每一核使用情況正驻。但是Linux 有如下命令 mpstat： mpstat 不...
-
JS抽象語(yǔ)法樹(AST)
什么是抽象語(yǔ)法樹 抽象語(yǔ)法樹（Abstract Syntax Tree）也稱為AST語(yǔ)法樹，是源代碼語(yǔ)法所對(duì)應(yīng)的樹狀結(jié)構(gòu)抢腐。也就是說姑曙，一種編程語(yǔ)言的源代碼，通過構(gòu)建語(yǔ)法樹的形式...
-
$() ${} $(()) (()) 區(qū)別
$() $() 與 `` 命令類似 用來(lái)做命令替換操作 ${} 變量替換 {file:0:5} $(()) 它是用來(lái)作整數(shù)運(yùn)算的 在 bash 中迈倍，$(( )) 的整數(shù)運(yùn)算符...
-
小程序更新機(jī)制
運(yùn)行機(jī)制 小程序啟動(dòng)會(huì)有兩種情況授瘦，一種是「冷啟動(dòng)」醋界，一種是「熱啟動(dòng)」熱啟動(dòng)： 假如用戶已經(jīng)打開過某小程序，然后在一定時(shí)間內(nèi)再次打開該小程序提完，此時(shí)無(wú)需重新啟動(dòng)形纺，只需將后臺(tái)態(tài)的小...