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