最近公司有一個(gè)需求，將App中的下拉刷新樣式統(tǒng)一，并再次點(diǎn)擊tab，可以主動(dòng)觸發(fā)下拉刷新動(dòng)作。RN中提供了RefreshControl，但是iOS和Android默認(rèn)樣式不統(tǒng)...
IP屬地：河南
-
ReactNative自定義下拉刷新
-
socket.io 原理分析在項(xiàng)目中用到socket.io在WEB端做消息推送，遂花了點(diǎn)時(shí)間看了socket.io實(shí)現(xiàn)，做個(gè)簡(jiǎn)單分析，如有錯(cuò)漏，歡迎指正。 1 概述 socket.io是一個(gè)基于WebS...
-
唯一ID的設(shè)計(jì)
一、背景概述 在應(yīng)用程序中，很多時(shí)候會(huì)用到全局唯一的id，比如用戶ID，訂單ID等等，因此在架構(gòu)設(shè)計(jì)中，全局唯一的id生成服務(wù)作為公共基礎(chǔ)服務(wù)是整個(gè)項(xiàng)目的基石之一。然而，設(shè)計(jì)...
-
RBAC權(quán)限管理
RBAC模型（Role-Based Access Control 基于角色的訪問(wèn)控制）是權(quán)限管理中比較成熟的模型，認(rèn)真總結(jié)一下RBAC模型的相關(guān)知識(shí)。 接下來(lái)，本文將從以下幾...
-
-
-
TS 裝飾器(2): 元數(shù)據(jù)
TS 裝飾器(2): 元數(shù)據(jù) 在裝飾器函數(shù)中 ，我們可以拿到類(lèi)、方法、訪問(wèn)符、屬性、參數(shù)的基本信息，如它們的名稱，描述符等。獲取更多信息就需要通過(guò)另外的方式來(lái)進(jìn)行：元數(shù)據(jù)。 ...
-
TS 裝飾器(1): 基礎(chǔ)用法
TS 裝飾器(1): 基礎(chǔ)用法 1、什么是裝飾器 裝飾器是通過(guò)添加標(biāo)注的方式，來(lái)對(duì)類(lèi)型進(jìn)行擴(kuò)展的一種方式。 只能在類(lèi)中使用 減少冗余代碼量 提高代碼擴(kuò)展性 2、裝飾器語(yǔ)法 裝...
-
transition 相關(guān)事件
事件介紹 transition 相關(guān)事件有 4 個(gè): transitionend: 過(guò)渡結(jié)束后觸發(fā) transitionrun: 過(guò)渡開(kāi)始后觸發(fā)，不需要等待 transiti...
-
一次react-router + react-transition-group實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的探索
原文地址 1. Introduction 在日常開(kāi)發(fā)中，頁(yè)面切換時(shí)的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)是比較基礎(chǔ)的一個(gè)場(chǎng)景。在react項(xiàng)目當(dāng)中，我們一般都會(huì)選用react-router來(lái)管理路由，但...
-
react中使用動(dòng)畫(huà) react-transition-group
在React中通過(guò)react-transition-group使用過(guò)渡、動(dòng)畫(huà)，首先要有CSS3中的過(guò)渡和動(dòng)畫(huà)的相關(guān)知識(shí)儲(chǔ)備，可以參考過(guò)渡和2D變換[https://www.j...
-
是的，我搞錯(cuò)，sorry
useEffect 閉包陷阱
使用 useEffect 比較容易出現(xiàn)問(wèn)題是閉包陷阱，盡量嘗試不使用 useEffect，見(jiàn)第4。 1. 錯(cuò)誤演示 點(diǎn)擊3次后，在控制臺(tái)調(diào)用 test 函數(shù)： 在 event...
-
關(guān)于babel新手必須了解的知識(shí)點(diǎn)
對(duì)于有過(guò)前端工程化經(jīng)驗(yàn)的同學(xué)來(lái)說(shuō)，babel可謂是一個(gè)不得不知的知識(shí)點(diǎn)。babel從廣義上來(lái)說(shuō)是一個(gè)js編譯器，中文的意思為通天塔，聯(lián)想到它的作用是轉(zhuǎn)換es6代碼從而讓代碼可...
-
good
React工程中svg的高級(jí)使用方法
比較low的做法 打開(kāi)create-react-app的官方文檔，它會(huì)告訴你使用svg，將svg進(jìn)行導(dǎo)入（實(shí)際導(dǎo)入的是svg的路徑字符串），然后放到img的src上。這種方法...
-
React工程中svg的高級(jí)使用方法
比較low的做法 打開(kāi)create-react-app的官方文檔，它會(huì)告訴你使用svg，將svg進(jìn)行導(dǎo)入（實(shí)際導(dǎo)入的是svg的路徑字符串），然后放到img的src上。這種方法...
