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