文章庫(kù)ARTICLE COLUMN
現(xiàn)在很多都用到Tab 選項(xiàng)卡切換效果，例如點(diǎn)擊切換、滑動(dòng)切換、延遲切換、自動(dòng)切換等多種效果，本篇文章講述的就是通過(guò)原生 Jquery 來(lái)實(shí)現(xiàn) Tab 點(diǎn)擊切換的效果。 例如： html <body> <divstyle="position:relative;margin-top:56px;display:f...
1.touch事件 以下是四種touch事件 touchstart: //手指放到屏幕上時(shí)觸發(fā) touchmove: //手指在屏幕上滑動(dòng)式觸發(fā) touchend: //手指離開屏幕時(shí)觸發(fā) touchcancel: //系統(tǒng)取消touch事件的時(shí)候觸發(fā)，這個(gè)函數(shù)運(yùn)用很少 2.長(zhǎng)按彈出刪除按鈕，點(diǎn)...
相信很多人以前都是采用npm或者yarn直接裝包vue-contextmenujs的形式： npminstallvue-contextmenujs-S||yarnaddvue-contextmenujs 當(dāng)右鍵點(diǎn)擊記錄時(shí)，完整展示應(yīng)該是如下圖所示： 結(jié)果，當(dāng)點(diǎn)擊靠前的記錄時(shí)，就看到下圖所示，上面一部分內(nèi)被遮...
實(shí)現(xiàn)思路： 情景：在用戶登錄時(shí)若勾選記住我功能選項(xiàng)，則將登錄名和密碼（加密后）存入本地緩存，下次登錄頁(yè)面加載時(shí)自動(dòng)獲取保存好的賬號(hào)和密碼（需解密），回顯到登錄輸入框中?！ ≡诒镜鼐彺婵梢杂胏ookies、localStorage、sessionStorage，但...
項(xiàng)目中要求單頁(yè)多圖一次滾動(dòng)一張圖片的輪播效果，且項(xiàng)目組件庫(kù)是antd 在使用antd后展現(xiàn)的走馬燈 其實(shí)很想吐槽，但還是不說(shuō)了吧?！ ≡趆ttps://github.com/vueComponent/ant-design-vue/blob/master/components/vc-slick/src/default-props.js#L3中...
有關(guān)ue的項(xiàng)目，今天為大家做一個(gè)小案例，就是把一個(gè)js的購(gòu)物車改成vue了 css部分是直接引入的插件 效果圖如下 <template> <divclass="head"> <metacharset="UTF-8"> <title>我的購(gòu)物車-品優(yōu)購(gòu)</title> <...
在JavaScript中‘this’關(guān)鍵字是一個(gè)非常重要的概念，我們雖然知道它重要，但它也十分的晦澀難懂，也給我們學(xué)習(xí)造成不小的困擾?！ ∈裁词?amp;#39;this'關(guān)鍵字 'this'關(guān)鍵字是為每個(gè)執(zhí)行上下文(每個(gè)函數(shù))創(chuàng)建的一個(gè)特殊變量；所以一般來(lái)說(shuō)，...
利用JS就可以實(shí)現(xiàn)在點(diǎn)擊按鈕實(shí)現(xiàn)圖片排序，做個(gè)狠人，直接說(shuō)： 效果 1 、點(diǎn)擊按鈕 如果按鈕文字是從大到小 將li標(biāo)簽按照從大到小的順序排列 文字改成從小到大 如果按鈕文字是從小到大 將li標(biāo)簽按照從小到大的順序排列 文字變成從大到小 2 ...
前言 很多的問(wèn)題就在實(shí)踐中得到解決?！ ”疚闹饕f(shuō)的就是js定時(shí)器，setInterval和setTimeout，作為我們?nèi)粘ｉ_發(fā)經(jīng)常使用到的方法。我們先給大家下面一個(gè)例子： setInterval(()=>{ console.log('1'); },500); 這段代碼就是每過(guò)...
一、簡(jiǎn)介 要知道用戶何時(shí)離開，有常用的方法是監(jiān)聽下面三個(gè)事件?！ agehide beforeunload unload 可上述三種方法有一個(gè)bug就是，這些事件在手機(jī)上可能不會(huì)觸發(fā)，頁(yè)面就直接關(guān)閉了。因?yàn)槭謾C(jī)系統(tǒng)可以將一個(gè)進(jìn)程直接轉(zhuǎn)入后臺(tái)，然后殺死?！?..
我們講述的是關(guān)于 ahooks 源碼系列文章的第七篇，總結(jié)主要講述下面幾點(diǎn)： 鞏固 React hooks 的理解?！ W(xué)習(xí)如何抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫(kù)?！ ∨囵B(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇?！ ∽ⅲ罕鞠?..
話不多說(shuō)，直接開干。 重點(diǎn)： 下圖我們可以看到，游戲區(qū)分為8個(gè)div，進(jìn)行游戲時(shí)需要判斷點(diǎn)擊的div是否可移動(dòng)，移動(dòng)后判斷游戲是否結(jié)束。 解決思路：將游戲界面看作一個(gè)div大盒子，將大盒子分為9個(gè)區(qū)域進(jìn)行編號(hào)，這9個(gè)區(qū)域的位置始終不變；8個(gè)div...
想要升職加薪就要努力學(xué)習(xí)這篇React不能將useMemo設(shè)置為默認(rèn)方法原因詳解， 很多朋友都建議可以用 React 這樣就不直接默認(rèn)使用這種memorized呢？還可以讓所有資料都緩存~減少渲染 話不多說(shuō)，直接上。大概就是直接讓所有的東西都 默認(rèn)套上一層useMem...
想要做到就要有更多的學(xué)習(xí)，你知道為什么React不把他們?cè)O(shè)為默認(rèn)方法#useEvent是一個(gè)剛剛提案的原生Hook，還處于RFC?，F(xiàn)在我們就一起來(lái)討論下 RFC：Request for Comments 提案應(yīng)用的還十分廣泛 我們先看看在沒有 useEvent 會(huì)出現(xiàn)的情況： functio...
我們看看js實(shí)現(xiàn)簡(jiǎn)單拼圖游戲的詳細(xì)代碼，HTML僅有一個(gè)id為game的div，也不錯(cuò)編寫CSS，僅要img文件夾中放置一個(gè)圖片文件就行，此處我放置的是LOL皇子的圖片，圖片名為'lol.png' <divid="game"> </div> 下面展示具體效果 多的不說(shuō)，直...
學(xué)習(xí)一門知識(shí)，有些內(nèi)容必須要提前明白，比如在學(xué)習(xí)js中同步異步的問(wèn)題前，需要明白，js是單線程的，為什么它得是單線程的呢？現(xiàn)在先從它應(yīng)用的場(chǎng)景來(lái)說(shuō)，就是用來(lái)讓用戶與頁(yè)面進(jìn)行交互的吧。假如有js是多線程的，那在這個(gè)線程里面，用戶點(diǎn)擊某個(gè)按鈕會(huì)增...
我們現(xiàn)在來(lái)說(shuō)說(shuō)怎么寫一下數(shù)組扁平化flat(),怎么樣？簡(jiǎn)單說(shuō)題目就是數(shù)組扁平化(也可以叫做手動(dòng)封裝flat()方法),如何寫好那？ 按照不同的星級(jí)進(jìn)行打分: 五星打分制 滿分: ????? 題目實(shí)現(xiàn)扁平化的方法 封裝 flatten 題目描述: 有多級(jí)嵌...
我們簡(jiǎn)單來(lái)說(shuō)下用用JS實(shí)現(xiàn)這樣簡(jiǎn)單的拼圖游戲可以有那兩種方法。一種是拖拽拼圖，一種是經(jīng)典的九宮格拼圖，可以自定義參數(shù)設(shè)置游戲難度 先看看截圖效果 拖拽模式（拖拽圖片切換圖片） 點(diǎn)擊模式（點(diǎn)擊圖片與空白區(qū)域切換位置） 不多說(shuō)，直接上...
本篇文章主要講述的就是JS編寫一個(gè)鼠標(biāo)移入圖片放大效果，不多說(shuō)廢話，大家一起看看具體內(nèi)容： 目標(biāo) 給圖片添加鼠標(biāo)移動(dòng)放大方法效果，移到哪里放大哪里 先看看效果是不是你想要的，再看代碼 移入前 移入后 html <!--css看著寫--> ...
作為開發(fā)和前段人員，日常中經(jīng)常接觸到有關(guān)表單。其實(shí)表單在日常中工作內(nèi)容雖然是重復(fù)，也要不停在寫 FormItem...，以及為組件加上請(qǐng)輸入/請(qǐng)選擇等無(wú)腦的 placeholder 文本和請(qǐng)輸入xx/請(qǐng)選擇xx等必填提示。再有就是表單一般都存在編輯頁(yè)和詳情頁(yè)...
首先我來(lái)說(shuō)下在useEffect中請(qǐng)求初始數(shù)據(jù)，如下所示： useEffect(()=>{ fetch(xxx).then(data=>setState(data.json())) },[]) 這種方式到了React18并不適用?！ ∧侨绻@種方法不行，要推薦的又是那種方式？ 本文來(lái)看看Dan在reddit是如...
本文講述就是JS實(shí)現(xiàn)圖片上下切換的具體代碼，看看具體代碼： 源代碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&...
要是別人問(wèn)您：如何讓 x 等于 1 且讓 x 等于 2 且讓 x 等于 3 的等式成立？ 咋地，知道如何實(shí)現(xiàn)？想罵人有不 現(xiàn)在我們一起來(lái)分解思路： 我們先來(lái)講講寬松相等== 和嚴(yán)格相等 ===，這兩個(gè)都能用來(lái)判斷兩個(gè)值是否相等，但們明確上文提到的...
描述如下 我們要同時(shí)發(fā)多個(gè)相同的請(qǐng)求，第一個(gè)請(qǐng)求成功后，剩余結(jié)果都不會(huì)發(fā)出，返回結(jié)果是成果?！ 〖偃绲谝粋€(gè)反饋失敗，第二個(gè)是成功，后面就不會(huì)發(fā)出，后面都直接反饋成功。第三個(gè)才是成功的話，后面就不會(huì)在發(fā)出，后面都反饋成功。依次如此處理，...
演示 技術(shù)?！?我們今天用到svg標(biāo)簽。在svg標(biāo)簽就是用來(lái)解決圖形的復(fù)用。 舉個(gè)例子：在圖形中紅色圓圈 ● 還有黃色圓圈 ● 都是復(fù)用的元素。結(jié)構(gòu)都是一樣的，只是顏色和位置的差別?！ ￡P(guān)于figure：<figure標(biāo)簽規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說(shuō)合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
社區(qū)管理員
白馬嘯西風(fēng)