發(fā)簡(jiǎn)信
IP屬地：廣東
-
Github Action 部署項(xiàng)目到服務(wù)器前言 本教程主要介紹通過(guò) Github Action 自動(dòng)化部署前端項(xiàng)目，這里就不闡述什么是 Github Action，要了解的朋友可以參考G...
-
如何實(shí)現(xiàn)一個(gè)簡(jiǎn)易版vite相信點(diǎn)進(jìn)來(lái)看文章的都對(duì)vite有一定的了解，下面我們一起來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)易版vite，來(lái)加深我們對(duì)vite的理解！（PS：建議 clone 項(xiàng)目下來(lái)...
-
從實(shí)際項(xiàng)目去優(yōu)化前端性能
前言 前端性能優(yōu)化有多重要？試想如果一個(gè)網(wǎng)頁(yè)要5秒才打開(kāi)，你會(huì)等嗎？提高前端性能才能保證用戶體驗(yàn)和留存率。該篇文章會(huì)從項(xiàng)目的代碼、打包、http...
-
關(guān)于HOC、RenderProps、Hooks和使用場(chǎng)景
本文會(huì)用實(shí)際列子對(duì)三者進(jìn)行比較 1. HOC 定義：高階組件是接收一個(gè)組件為參數(shù)，返回新組件的組件。 優(yōu)點(diǎn)：提取公共邏輯，降低耦合度。 例子： ...
-
puppeteer與滑動(dòng)驗(yàn)證2.0
前言 不知不覺(jué)距離上次研究已經(jīng)快三年利用puppeteer破解極驗(yàn)的滑動(dòng)驗(yàn)證[https://github.com/pureZjr/puppet...
-
dom-to-image原理
背景 最近接到需求要做海報(bào)，UI給一張背景圖然后內(nèi)容自己填充最后生成一張圖片。剛開(kāi)始做沒(méi)多想就拿canvas畫，一些簡(jiǎn)單的還好，能夠hold的住...
-
SPA前端路由原理
單頁(yè)應(yīng)用 SPA（single-page application） 維基百科：是一種網(wǎng)絡(luò)應(yīng)用程序或網(wǎng)站的模型，它通過(guò)動(dòng)態(tài)重寫當(dāng)前頁(yè)面來(lái)與用戶交互...