雖然一直在用Chrome DevTools床玻，但大多停留在常用的功能和調(diào)試上毁涉，比如Elements/Network/Sources/Console等主要功能锈死，而對(duì)于性能分析/優(yōu)...
IP屬地：吉林
-
Chrome DevTools 之 Profiles束世，深度性能優(yōu)化必備 -
MAC系統(tǒng)使用Homebrew安裝nvm
1.nvm介紹 當(dāng)我們使用node開發(fā)網(wǎng)站時(shí)，可能會(huì)同時(shí)需要運(yùn)行多個(gè)項(xiàng)目其屏，每個(gè)項(xiàng)目所使用當(dāng)node版本又不相同，或者當(dāng)我們需要學(xué)習(xí)新的node時(shí)偎行，多個(gè)版本之間的切換和維護(hù)會(huì)變...
-
【譯】重要的圖像優(yōu)化之五：什么是WebP蛤袒？注明：本人原創(chuàng)翻譯，原版為Essential Image Optimization電子書妙真，這里將其拆分為幾篇文章發(fā)布。另外隐孽，文中部分鏈接可能會(huì)因?yàn)椤熬W(wǎng)絡(luò)”原因無法打開。不必著...
-
Dva知識(shí)點(diǎn)整理&&項(xiàng)目使用總結(jié)Dva是什么 dva 是基于現(xiàn)有應(yīng)用架構(gòu) (redux + react-router + redux-saga 等)的一層輕量封裝踢俄，沒有引入任何新概念，全部代碼不到 100 ...
-
-
關(guān)于new Image()的應(yīng)用
基本用法 var a = new Image();建立圖像對(duì)象：圖像對(duì)象名稱=new Image([寬度],[高度])屬性：border|complete|height|hs...
-
React淺析(五)：虛擬DOM和Render函數(shù)虛擬DOM 虛擬DOM(下面簡(jiǎn)化稱為Vnode)簡(jiǎn)而言之 ，就是用js去描述一個(gè)dom節(jié)點(diǎn)樹摹迷，而DOM變化的對(duì)比，都放在js層來做郊供。 傳統(tǒng)的dom節(jié)點(diǎn)，是這樣的 Vnode是...
-
前端常見的攻擊方式及預(yù)防方法1.XSS (Cross Site Script) 鲫寄，跨站腳本攻擊 有句話說 所有的輸入都是有害的疯淫。 跨站腳本是最常見的計(jì)算機(jī)安全漏洞地来，跨站腳本攻擊指的是惡意攻擊者往Web頁(yè)...
-
[axios] cancellation 實(shí)現(xiàn)原理
官網(wǎng)鏈接：cancellation 第一種請(qǐng)求方法樣例： 第二種請(qǐng)求方法樣例： 異步分離的設(shè)計(jì)方案 通過需求分析未斑，我們知道想要實(shí)現(xiàn)取消某個(gè)請(qǐng)求，我們需要為該請(qǐng)求配置一個(gè) ca...
-
redux-saga1 概述 redux-saga 是 redux 一個(gè)中間件府阀，用于解決異步問題。 2 es6 Generator 解決地獄回調(diào)問題芽突，通過 yield 關(guān)鍵字试浙，可以讓函數(shù)的執(zhí)行流...
-
微前端實(shí)踐在 toB 的前端開發(fā)工作中田巴，我們往往就會(huì)遇到如下困境： 工程越來越大睬澡，打包越來越慢 團(tuán)隊(duì)人員多固额，產(chǎn)品功能復(fù)雜，代碼沖突頻繁煞聪、影響面大 內(nèi)心想做 SaaS 產(chǎn)品，但客戶總是要...
-
搭建babel編譯es6代碼環(huán)境隨著es6,es7,es8等新標(biāo)準(zhǔn)的出現(xiàn)捏浊，我們?cè)陧?xiàng)目中為了更好的體驗(yàn)和使用這些新特性，但是在瀏覽器中又不能直接運(yùn)行撞叨，所以我們就需要一個(gè)環(huán)境來將代碼編譯成瀏覽器可以運(yùn)行的代碼金踪，...
-
[插件2] mini-css-extract-plugin
mini-css-extract-plugin 將CSS提取為獨(dú)立的文件的插件胡岔，對(duì)每個(gè)包含css的js文件都會(huì)創(chuàng)建一個(gè)CSS文件，支持按需加載css和sourceMap 只能...
-
到底R(shí)eact Fiber架構(gòu)是個(gè)什么
diff 算法缺陷 diff 算法問題出現(xiàn)在姐军，React 的調(diào)度策略 -- Stack Reconfile尖淘。這個(gè)策略像函數(shù)調(diào)用棧一樣奕锌，會(huì)深度優(yōu)先遍歷所有的 Virtual...
-
vue核心-虛擬DOM
真實(shí)DOM解析流程 瀏覽器渲染的過程主要包括以下五步： 瀏覽器獲取到 HTML 文檔并解析 DOM 樹 解析 CSS 構(gòu)建層疊樣式表模型CSSOM(CSS Object Mo...
-
虛擬DOM與真實(shí)DOM的區(qū)別
虛擬DOM不會(huì)進(jìn)行排版與重繪操作 虛擬DOM進(jìn)行頻繁修改，然后一次性比較并修改真實(shí)DOM中需要改的部分（注意３锰摇）辽话，最后并在真實(shí)DOM中進(jìn)行排版與重繪，減少過多DOM節(jié)點(diǎn)排版與...
