用戶(hù)中心USER CENTER
這是講 ahooks 源碼的第一篇文章，簡(jiǎn)要就是以下幾點(diǎn)： 加深對(duì) React hooks 的理解?！ W(xué)習(xí)如何抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫(kù)。 培養(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇?！ ∽ⅲ罕鞠盗袑?duì) ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼，主要是對(duì)源碼做了一些解讀，可見(jiàn)詳情?！ 〉谝黄饕榻B a...
3403771864
發(fā)布于JavaScript
在工作中效率要求是很高的，現(xiàn)在就在頻繁用到復(fù)選框，我們自己來(lái)寫(xiě)了個(gè)組件，增加其復(fù)用性，提高效率?！ ∠瓤葱Ч麍D： 這樣只需提交后得到一個(gè)選中項(xiàng)的id組成的數(shù)組 下邊直接上代碼： 代碼地址為：components/checkGrop/checkGrop wxml: <formbindsubmit="formSubmit"> <viewclass...
3403771864
發(fā)布于JavaScript
我們講下 ahooks 的核心 hook —— useRequest?！ seRequest 簡(jiǎn)介 根據(jù)官方文檔的介紹，useRequest 是一個(gè)強(qiáng)大的異步數(shù)據(jù)管理的 Hooks，React 項(xiàng)目中的網(wǎng)絡(luò)請(qǐng)求場(chǎng)景使用 useRequest ，這就可以?！ seRequest通過(guò)插件式組織代碼，核心代碼極其簡(jiǎn)單，并且可以很方便的擴(kuò)展出更高級(jí)的功能。目前已有能力包括： 自動(dòng)請(qǐng)求/手動(dòng)請(qǐng)求 ...
3403771864
發(fā)布于JavaScript
大家會(huì)發(fā)現(xiàn)，自從 React v16.8 推出了 Hooks API，前端框架圈并開(kāi)啟了新的邏輯復(fù)用的時(shí)代，從此無(wú)需在意 HOC 的無(wú)限套娃導(dǎo)致性能差的問(wèn)題，同時(shí)也解決了 mixin 的可閱讀性差的問(wèn)題。這里也有對(duì)于 React 最大的變化是函數(shù)式組件可以有自己的狀態(tài)，扁平化的邏輯組織方式，更加友好地支持 TS 類(lèi)型聲明?！ ≡谶\(yùn)用Hooks的時(shí)候，除了 React 官方提供的，同時(shí)也支持我們...
3403771864
發(fā)布于JavaScript
在項(xiàng)目開(kāi)發(fā)中，會(huì)要求在小程序有時(shí)使用下拉框選項(xiàng)。在通常思路就是用 picker 組件實(shí)現(xiàn)。pick 組件使用 mode 來(lái)區(qū)分類(lèi)別，默認(rèn)使用普通選擇器就行?！ ∵€有另一個(gè)方法就是可以通過(guò)自定義組件實(shí)現(xiàn)，代碼如下： //index.js Component({ /** *組件的屬性列表 */ properties:{ propArray:{ type:Array, ...
3403771864
發(fā)布于JavaScript
