我們經(jīng)常會(huì)遇上動(dòng)態(tài)生成海報(bào)的需求，而在Web前端中卜高，生成圖片非Canvas莫屬弥姻。但是在實(shí)際工作當(dāng)中，為了追求效率庭敦，我們會(huì)不可避免地去使用一些JS插件，而html2canvas...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
html2canvas.js——HTML轉(zhuǎn)Canvas工具 -
webpack4環(huán)境配置之process.env
通常情況下螺捐，我們需要針對(duì)不同環(huán)境（開(kāi)發(fā)環(huán)境矮燎、集成環(huán)境、生產(chǎn)環(huán)境等）诞外，進(jìn)行相應(yīng)策略的打包（比如是否替換接口地址，代碼是否壓縮等）灾票。webpack就是通過(guò)process.env屬...
-
React Hook
0. 邊緣知識(shí)補(bǔ)充 react16.8出的新特性刊苍，在react16.3版本時(shí)推出一個(gè)新的調(diào)和算法 Fiber Reconciler，在16.3之前采用的是Stack Reco...
-
vue和react的區(qū)別之我見(jiàn)react和vue都是做組件化的啥纸，整體的功能都類(lèi)似，但是他們的設(shè)計(jì)思路是有很多不同的婴氮。使用react和vue，主要是理解他們的設(shè)計(jì)思路的不同主经。 1.數(shù)據(jù)是不是可變的 reac...
-
React - 實(shí)現(xiàn)一個(gè)Ant Design Form組件（簡(jiǎn)易版）本篇文章通過(guò)對(duì) Ant Design Form 組件的源碼分析，實(shí)現(xiàn)一個(gè)簡(jiǎn)易版的表單組件罩驻，該組件可以實(shí)時(shí)進(jìn)行數(shù)據(jù)校驗(yàn)和展示校驗(yàn)錯(cuò)誤信息，如下圖：簡(jiǎn)易版表單組件.jpg 引入 ...
-
react native 性能優(yōu)化 總結(jié)
rn性能優(yōu)化 結(jié)合網(wǎng)上資料總結(jié)如下 1砾跃、首屏渲染問(wèn)題。采用JS Bundle拆包解決蜓席。就是主體框架react單獨(dú)打成一個(gè)基礎(chǔ)包器一，一旦進(jìn)入app就馬上加載厨内，而相關(guān)業(yè)務(wù)模塊單獨(dú)拆...
-
移動(dòng)端跨平臺(tái)框架調(diào)研（Flutter、RN）一雏胃、背景 "Write once, run anywhere" 一直以來(lái)就是開(kāi)發(fā)者的夢(mèng)想请毛。在移動(dòng)客戶(hù)端領(lǐng)域瞭亮，主流的跨平臺(tái)開(kāi)發(fā)框架大體經(jīng)歷了三個(gè)階段方仿。 第一階段，主要通過(guò) We...
-
MessageChannel是宏任務(wù),在一幀的渲染結(jié)束后執(zhí)行。參考Fiber的實(shí)現(xiàn)的requestIdleCallback兼容厂汗。
Vue.nextTick實(shí)現(xiàn)原理
vue 2.X 深入響應(yīng)式原理的異步更新隊(duì)列中說(shuō)明如下： 只要偵聽(tīng)到數(shù)據(jù)變化委粉，Vue 將開(kāi)啟一個(gè)隊(duì)列，并緩沖在同一事件循環(huán)中發(fā)生的所有數(shù)據(jù)變更娶桦。如果同一個(gè) watcher 被...
-
React學(xué)習(xí)（一）setState的更新機(jī)制
1、Transation 在上一篇文章中講到在調(diào)用ReactDOM.render方法渲染組件時(shí)衷畦，其主要功能是通過(guò)ReactMount 文件下的_renderSubtree...
-
僅僅知道如何終止XHR請(qǐng)求球匕，或許對(duì)你來(lái)說(shuō)是不夠的！
TLDR: 當(dāng)我們需要的時(shí)候帖烘，我們可以通過(guò)AbortController接口來(lái)終止一個(gè)或者多個(gè)請(qǐng)求亮曹。 前言 到目前為止，我們有兩個(gè)常用的基本的手段去發(fā)送請(qǐng)求進(jìn)而局部刷新頁(yè)面內(nèi)...
-
移動(dòng)前端開(kāi)發(fā)之viewport,devicePixelRatio的深入理解
移動(dòng)前端開(kāi)發(fā)之viewport的深入理解 在移動(dòng)設(shè)備上進(jìn)行網(wǎng)頁(yè)的重構(gòu)或開(kāi)發(fā)，首先得搞明白的就是移動(dòng)設(shè)備上的viewport了照卦，只有明白了viewport的概念以及弄清楚了跟v...
-
React-Native 實(shí)現(xiàn)增量熱更新的思路(1)
所謂熱更新就是在不重新安裝的前提下進(jìn)行代碼和資源的更新式矫，相信在整個(gè)宇宙中還不存在覺(jué)得熱更新不重要的程序猿。 增量熱更新就更牛逼了役耕，只需要把修改過(guò)和新增的代碼和資源推送給用戶(hù)下...
-
requestIdleCallback和requestAnimationFrame詳解頁(yè)面流暢與 FPS 頁(yè)面是一幀一幀繪制出來(lái)的采转，當(dāng)每秒繪制的幀數(shù)（FPS）達(dá)到 60 時(shí)，頁(yè)面是流暢的瞬痘，小于這個(gè)值時(shí)故慈，用戶(hù)會(huì)感覺(jué)到卡頓。 1s 60幀框全，所以每一幀分到的時(shí)間是 ...
-
深入淺出Object.defineProperty()講解大致會(huì)根據(jù)下圖展開(kāi) 本文部分參考了書(shū)籍《你不知道的javascript》上卷 對(duì)象的定義與賦值 經(jīng)常使用的定義與賦值方法obj.prop =value或者obj['pro...
-
HTTP1.0察绷、HTTP1.1和HTTP2.0的區(qū)別一、HTTP的歷史 早在HTTP建立之初津辩，主要就是為了將超文本標(biāo)記語(yǔ)言(HTML)文檔從Web服務(wù)器傳送到客戶(hù)端的瀏覽器拆撼。也是說(shuō)對(duì)于前端來(lái)說(shuō)，我們所寫(xiě)的HTML頁(yè)面將要放在我...