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