在使用React開(kāi)發(fā)一個(gè)應(yīng)用時(shí)灼芭，我們有時(shí)會(huì)遇到組件樹中位置不同透硝，層級(jí)不同的n多個(gè)組件需要狀態(tài)共享的問(wèn)題匹厘，我們可以使用redux/mobx來(lái)管理迅栅，當(dāng)然context也為我們提供...
IP屬地：廣東
-
Context + Hook + HOC 實(shí)現(xiàn)React的狀態(tài)管理
-
js drag拖動(dòng)排序這次來(lái)做一個(gè)拖動(dòng)排序捎谨，帶有動(dòng)畫效果曼库，先上效果圖，不熟悉拖動(dòng)api的可以查看鏈接 思路（先不考慮動(dòng)畫） 每個(gè)li既是可拖動(dòng)臀防，同時(shí)也是容器眠菇，拖動(dòng)到li上面時(shí)移動(dòng)拖動(dòng)的li。先把h...
-
2袱衷、Redux與它的中間件：redux-thunk捎废，redux-actions，redux-promise致燥，redux-saga序言 這里要講的就是一個(gè)Redux在React中的應(yīng)用問(wèn)題登疗，講一講Redux，react-redux嫌蚤，redux-thunk谜叹，redux-actions，redux-prom...
-
2022前端技術(shù)棧
一搬葬、HTML、CSS基礎(chǔ)艳悔、JavaScript語(yǔ)法基礎(chǔ)急凰。二、JavaScript語(yǔ)法進(jìn)階猜年。包括：作用域和閉包抡锈、this和對(duì)象原型等。三乔外、ES6語(yǔ)法床三。這部分屬于JS新增的語(yǔ)法，...
-
使用 webpack3 配置多頁(yè)應(yīng)用（一）
在本系列文章的基礎(chǔ)上杨幼，我對(duì)腳手架配置進(jìn)行了一些優(yōu)化整理撇簿，基于 Webpack4 和 Vue，下面是文章鏈接：基于 Webpack4 + Vue 的多頁(yè)應(yīng)用解決方案（一）基于 ...
-
前端性能優(yōu)化前言移動(dòng)互聯(lián)網(wǎng)時(shí)代差购，用戶對(duì)于網(wǎng)頁(yè)的打開(kāi)速度要求越來(lái)越高四瘫。首屏作為直面用戶的第一屏，其重要性不言而喻欲逃。優(yōu)化用戶體驗(yàn)更是我們前端開(kāi)發(fā)非常需要 focus 的東西之一找蜜。 從用戶的角...
-
首屏優(yōu)化：首次加載過(guò)慢動(dòng)畫一般前端項(xiàng)目部署到服務(wù)器之后，用戶首次加載需要下載大量的靜態(tài)資源稳析，等加載了相應(yīng)的資源之后才會(huì)顯示真實(shí)的頁(yè)面洗做，這中間的過(guò)程弓叛，就會(huì)容易我們常說(shuō)的“白屏”，為了解決白屏诚纸，我們通常的...
-
從rc-form和formik中總結(jié)React表單開(kāi)發(fā)優(yōu)化技巧
前言 本文主要利用研讀rc-form和formik代碼來(lái)總結(jié)出在實(shí)踐開(kāi)發(fā)react表單的過(guò)程中相關(guān)優(yōu)化 rc-form rc-form是阿里巴巴前端團(tuán)隊(duì)推出的基于React的...
