文章庫ARTICLE COLUMN
本篇文章就是介紹關于vue3集成Element-plus實現(xiàn)按需自動引入組件的相關資料,為了讓大家詳細了解，附有詳細內(nèi)容?！ lement-plus正是element-ui針對于vue3開發(fā)的一個UI組件庫， 它的使用方式和很多其他的組件庫是一樣的，其他類似于ant-design-vue、N...
我們在做小程序開發(fā)的過程中，時常會要求錄入用戶身份信息，最常見的就是獲取手機號碼，當然可可以通過微信獲取手機號碼后可以減少很多操作，比如用戶手機號碼驗證等，給用戶發(fā)送手機驗證碼，本篇文章講述的就是獲取手機驗證碼?！ ～@取用戶手機號碼 分...
需求：在小程序開發(fā)中，時常會遇到日期選擇器、時間選擇器或者地區(qū)選擇器來進行選擇的功能。這是可以形成模板，只是在其中有細微變化，比如：樣式會多樣化、功能會復雜化?，F(xiàn)在我們寫一個合適的組件。 下面跟大家分享下我寫的一個自定義日期選擇器組件...
你有遇見過給bind返回的函數(shù)做new操作的場景，本篇主要講述的就是實現(xiàn)一下兼容new操作的bind寫法，順便學習一下new操作符，為大家提供下參考?！ 〈蠹铱梢匀タ聪玛P于 JS 中 bind 方法的實現(xiàn)的文章，并給出了實現(xiàn)： Function.prototype.myBind=functio...
本篇文章主要是講述在JavaScript中判斷兩個值相等，不要認為很簡單，要注意的是在JavaScript中存在4種不同的相等邏輯?！ CMAScript 是 JavaScript 的語言規(guī)范，在ECMAScript 規(guī)范中存在四種相等算法，如下圖所示： 上圖中每個依次寫下來，很多前端...
點擊按鈕即可計時如何用vue實現(xiàn)？ 實現(xiàn)效果： 1.點擊開始按鈕啟動計時 2.點擊重置按鈕計時恢復到00:00:00 3.點擊暫停按鈕暫停計時 Vue代碼： <template> <div> <divclass="timeContainer">{{time}}</div> <a-buttonsty...
背景 在使用useEffect中用啦回調(diào)函數(shù)中使用 async...await... 這時候就會報錯?！ ∩厦娲a可以看到，在報錯，effect function 應該返回一個銷毀函數(shù)（effect：是指return返回的cleanup函數(shù)），如果 useEffect 第一個參數(shù)傳入 async，返回值則變成了 P...
useEffect是很常見的，現(xiàn)在寫的是十分需求的?！ seEffect(async()=>{ awaitgetPoiInfo();//請求數(shù)據(jù) },[]); 可是React 卻無法支持這樣做，就是因為 effect function 應該返回一個銷毀函數(shù)（effect：是指return返回的cleanup函數(shù)），如果 us...
很多知識就是在開發(fā)中讓我們更加努力學習，本篇文章主要就是講在微信小程序中實現(xiàn)多項選擇器checkbox?！ 〉谝坏脑捑褪俏覀兊南嚓P的布局文件： <viewclass="container"> <viewclass="page-body"> <viewclass="page-sectionpage-sect...
最近嘗試在 useEffect 使用 async 的時候會報錯，因此，本篇文章就是想喝大家說說為什么？也解讀其中緣由。 具體代碼分析 執(zhí)行 mountEffect 當頁面中使用 useEffect 的時候，會在初始化的時候執(zhí)行 mountEffect 如下： useEffect:function(cre...
在項目搭建過程中吃，需要實現(xiàn)一個多列選擇器，在用戶確定之前，無論列表如何轉，對于已選擇的都不會有影響，只有在確定選擇內(nèi)容后才顯示值上?！ ∷悸罚罕４鎯煞?，一份用來存放用戶選擇的中間值，當用戶點擊確定時，把中間值更新為已確認值。如果用戶選...
在項目中，要求微信小程序的地區(qū)可以選擇偽五級聯(lián)動 展示如下 這里采用的是自定義多列選擇器picker mode="multiSelector" <viewclass="section"> <viewclass="section__title">多列選擇器</view> <pick...
起因 社會在不斷的向前，技術也在不斷的完善進步。從 React Hooks 正式發(fā)布到現(xiàn)在，越來越多的項目正在使用 Function Component 替代 Class Component，Hooks 這一新特性也逐漸被廣泛的使用。 這樣的解析是不是很熟悉，在日常中時常都有用到，但也...
JavaScript異步與回調(diào) 一、前言 首先我們要記住的是異步和并行有著本質(zhì)的區(qū)別?！ 〔⑿?，簡單來說是一般指并行計算，就是說同一時刻有多條指令同時被執(zhí)行，這些指令可能執(zhí)行于同一CPU的多核上，或者多個CPU上,或者多個物理主機甚至多個網(wǎng)絡中?！?..
這是講 ahooks 源碼的第一篇文章，簡要就是以下幾點： 加深對 React hooks 的理解。 學習如何抽象自定義 hooks。構建屬于自己的 React hooks 工具庫?！ ∨囵B(yǎng)閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇?！ ∽ⅲ罕鞠盗袑?ahooks 的源碼...
在工作中效率要求是很高的，現(xiàn)在就在頻繁用到復選框，我們自己來寫了個組件，增加其復用性，提高效率?！ ∠瓤葱Ч麍D： 這樣只需提交后得到一個選中項的id組成的數(shù)組 下邊直接上代碼： 代碼地址為：components/checkGrop/checkGrop wxml: ...
我們講下 ahooks 的核心 hook —— useRequest。 useRequest 簡介 根據(jù)官方文檔的介紹，useRequest 是一個強大的異步數(shù)據(jù)管理的 Hooks，React 項目中的網(wǎng)絡請求場景使用 useRequest ，這就可以?！ seRequest通過插件式組織代碼，核心代碼極其簡單...
大家會發(fā)現(xiàn)，自從 React v16.8 推出了 Hooks API，前端框架圈并開啟了新的邏輯復用的時代，從此無需在意 HOC 的無限套娃導致性能差的問題，同時也解決了 mixin 的可閱讀性差的問題。這里也有對于 React 最大的變化是函數(shù)式組件可以有自己的狀態(tài)，扁平化的...
在項目開發(fā)中，會要求在小程序有時使用下拉框選項。在通常思路就是用 picker 組件實現(xiàn)。pick 組件使用 mode 來區(qū)分類別，默認使用普通選擇器就行。 還有另一個方法就是可以通過自定義組件實現(xiàn)，代碼如下： //index.js Component({ /** ...
微信小程序中課程選擇器如何實現(xiàn)？先看看實現(xiàn)效果： 代碼如下 wxml <viewclass="urg_input"> <pickerclass="gradePicker"mode="multiSelector"bindchange="bindMultiPickerChange"bindc...
現(xiàn)在就是要求在小程序下面商品左右滑動上面tab也跟隨變動功能 點擊tab切換下面的上面信息，商品左右滑動切換上面的tab分類 功能描述：點擊tab切換下面的商品信息；滑動下面的商品信息tab也進行切換?！ 〉谝徊剑何覀兿葋碚f一下上面的tab,tab我們使...
陷進到處都是??！本篇文章就說說Hooks使用時存在所謂的閉包陷阱，看看下面代碼： functionChat(){ const[text,setText]=useState(''); constonClick=useCallback(()=>{ sendMessage(text); },[]); return<SendButton...
在項目開發(fā)中，要求可以實現(xiàn)客戶多次提交，這樣的要求如何實現(xiàn)？ 實現(xiàn)方法很多，比如添加 loading，在第一次點擊之后就無法再次點擊。另外一種方法就是給請求異步函數(shù)添加上一個靜態(tài)鎖，防止并發(fā)產(chǎn)生。這就是 ahooks 的 useLockFn 做的事情?！ seLo...
本篇主要和大家溝通關于ahooks ，我們可以理解為加深對 React hooks 的了解?！ ∥覀兿日f下關于抽象自定義 hooks。構建屬于自己的 React hooks 工具庫?！ ∑鋵嵨覀儜撆囵B(yǎng)閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇。 注：本系列對 ah...
我們今天來講講關于ahooks 源碼，我們目標主要有以下幾點： 深入了解 React hooks?！ ∶靼兹绾纬橄笞远x hooks，且可以構建屬于自己的 React hooks 工具庫。 小建議：培養(yǎng)閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇?！ ×斜眄摮Ｒ?..
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據(jù)訓練、推理能力由高到低做了...
社區(qū)管理員
白馬嘯西風