文章庫(kù)ARTICLE COLUMN
在近期的工作中有些知識(shí)總結(jié)分享就是使用 uniapp 的 Vue3 版進(jìn)行開發(fā)。這樣可以在開發(fā)中遇到業(yè)務(wù)場(chǎng)景相同的，就分裝了一個(gè)hook 來(lái)減少代碼，易于維護(hù)?！ ook的場(chǎng)景 上圖中已經(jīng)很詳細(xì)為我們展示3處使用到了獲取列表的功能。分別是： 我的收藏、已投...
我們時(shí)常會(huì)想在保持第三方組件原有功能（屬性props、事件events、插槽slots、方法methods）的基礎(chǔ)上，這些功能如何優(yōu)化的實(shí)現(xiàn)？ 以Element Plus的el-input為例： 在封裝一個(gè)MyInput組件，把要使用的屬性props、事件events和插槽slots、方法meth...
這篇就是帶大家一起學(xué)習(xí)下在封裝第三方組件中，通過(guò)封裝的組件去使用第三方組件的Attributes(屬性)、Events(自定義事件)、Methods(方法)、Slots(插槽)以及優(yōu)化技巧?！ ∫?、使用第三方組件的屬性 封裝一個(gè)elementUI的el-input輸入框組件稱為myInput，...
本篇內(nèi)容主要就是元素選擇器功能用Javascript實(shí)現(xiàn)?！ ∈紫日f(shuō)下什么是元素選擇器？ 想必大家對(duì)于jquery很了解，知道它有對(duì)元素的查找功能，解釋來(lái)說(shuō)就是通過(guò)jquery的api獲取頁(yè)面元素的過(guò)程，該過(guò)程只需提供一個(gè)元素選擇的條件字符串即可獲取相應(yīng)的滿...
本文主主要講時(shí)間選擇器用JS來(lái)實(shí)現(xiàn)，具體內(nèi)容如下 dateTime.js functionwithData(param){ returnparam<10?'0'+param:''+param; } functiongetLoopArray(start,end){ varstart=start||0; ...
有對(duì)回調(diào)進(jìn)行控制的watchWithFilter，有適用于當(dāng)watch的值為真值時(shí)觸發(fā)回調(diào)的whenever，還有只觸發(fā)一次的watchOnce和最多觸發(fā)一定次數(shù)的watchAtMost。怎么樣？是不是很多相似場(chǎng)景都有用到，主要是被觀察的變量在滿足某個(gè)具體條件時(shí)則觸發(fā)回調(diào)，本篇文章un...
現(xiàn)在關(guān)于講述scrollTop、clientHeight、 scrollHeight 的內(nèi)容講的都不深，這篇文章就深入了解下。這篇文章主要給大家講述下這些概念的理解，并總結(jié)了這些概念彼此之間的數(shù)量關(guān)系和應(yīng)用場(chǎng)景?！ ?.clientWidth、clientHeight、clientLeft、clientTop 1...
當(dāng)你遇見前端頁(yè)面開發(fā)完成，可后端接口還沒好，I這樣就直接無(wú)法聯(lián)調(diào)，這時(shí)候我們用到mock數(shù)據(jù)?！ ∠日f(shuō)說(shuō)curd接口模擬 注：這邊可以和后端先約定好接口路徑以及入?yún)⒎祬⒌淖侄危苊舛涡薷摹 ?.我們先看看下面代碼，在安裝，新建js文件，在文件中...
React實(shí)現(xiàn)輪播圖效果如下： 終于可以用上react-slick組件，安裝： npminstallreact-slick--save npminstallslick-carousel 當(dāng)安裝完后，就要導(dǎo)入css文件，主要是為了使用輪播圖的頁(yè)面上： importSliderfrom'react-slick'; ...
實(shí)現(xiàn)輪播圖自動(dòng)切換就用JS，先看效果圖 第一種 //點(diǎn)擊按鈕，序號(hào)變化 showIdx++; if(showIdx==imgArr.length){ showIdx=0; } //所有盒子左移動(dòng) for(leti=0;i<items.length;i++){ items[i].style.left=parseFloat(items...
項(xiàng)目中要求實(shí)現(xiàn)左右點(diǎn)擊切換圖片，先看看想要展示效果： 效果： HTML <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>xxx——空間相冊(cè)</title> <linkrel="styleshee...
本篇文章主要向大家介紹關(guān)于JavaScript實(shí)現(xiàn)購(gòu)物車效果的具體代碼，直接看下面： HTML： <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title></title> <styletype="text...
現(xiàn)在客戶來(lái)了一個(gè)項(xiàng)目簡(jiǎn)況：有一個(gè)業(yè)務(wù)場(chǎng)景是添加門店的地址和經(jīng)緯度，地址可以輸入，參考用經(jīng)緯度當(dāng)然不行，目前有最好方式就是讓用戶在地圖上搜索或者直接點(diǎn)擊獲取點(diǎn)的經(jīng)緯度等詳細(xì)信息?，F(xiàn)在我們就看具體的內(nèi)容。 登錄高德開放平臺(tái) 創(chuàng)建應(yīng)用，添...
之所以講這篇文章主要是為了加深對(duì) React hooks 的理解?！ ∫虼耍纫獙W(xué)習(xí)如何抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫(kù)?！ ∏遗囵B(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇?！ ‖F(xiàn)在看下ahooks 是怎么封裝 cookie/localSt...
利用js來(lái)實(shí)現(xiàn)簡(jiǎn)單圖片切換怎么做？直奔主題吧?！ ∥覀円f(shuō)下代碼的主要思路： 1、先給下一張和上一張兩個(gè)按鈕綁定單擊響應(yīng)事件； 2、獲取img標(biāo)簽對(duì)象，用于修改src屬性的值，實(shí)現(xiàn)圖片的切換； 3、切換圖片實(shí)質(zhì)上就是修改img標(biāo)簽里面sr...
一、我們先說(shuō)說(shuō)javascript的作用域 ?、偃肿兞?函數(shù)體外部進(jìn)行聲明 ?、诰植孔兞?函數(shù)體內(nèi)部進(jìn)行聲明 1)函數(shù)級(jí)作用域 javascript語(yǔ)言中局部變量不同于C#、Java等高級(jí)語(yǔ)言，在這些高級(jí)語(yǔ)言內(nèi)部，采用的塊級(jí)作用域中會(huì)聲明新的變量，這些變量不會(huì)...
本篇文章就是講述Vue.js實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片切換的具體代碼，具體內(nèi)容如下： 從多種角度實(shí)現(xiàn)展示給大家。 效果： html 通過(guò)v-for循環(huán)展示圖片列表itemlist，將圖片路徑保存在data中的itemlist中，添加上下按鈕的點(diǎn)擊事件?！ ?lt;template> ...
現(xiàn)在直播很流行，心里癢癢就試試?！ 』ヂ?lián)網(wǎng)網(wǎng)絡(luò)流媒體簡(jiǎn)介 不講多，我們只需要知道常見的幾種流媒體格式就行，至于發(fā)展與演變，里面的專業(yè)知識(shí)，主要的流媒體格式有RTSP,RTMP,HLS,WebRtc，這對(duì)于開發(fā)就足夠?！ 〔シ臜LS格式的視頻 為什么要選擇H...
其實(shí)我們本篇文章主要講述的就是需要將采集的數(shù)據(jù)積累下來(lái)，變成企業(yè)的數(shù)字資產(chǎn)。 積累數(shù)據(jù)最好的方式就是把數(shù)據(jù)存入數(shù)據(jù)庫(kù)，低碼工具除了有可視化編程的便利外，不僅如此還有提供了線上的文檔型數(shù)據(jù)庫(kù)。文檔數(shù)據(jù)庫(kù)相比傳統(tǒng)數(shù)據(jù)庫(kù)，文檔數(shù)據(jù)庫(kù)的返回結(jié)...
知道嗎？在布達(dá)佩斯2022 JSConf會(huì)議上，tc39（ES標(biāo)準(zhǔn)委員會(huì)）成員Gil Tayar介紹了一份當(dāng)前仍處于stage 1階段的提案 ——Type Annotations，意在讓原生JS支持類型注解?！ 『芏喱F(xiàn)在盼到了，在.ts文件將后綴改為.js后就能直接在瀏覽器中運(yùn)行?！ ∫环輙c39...
項(xiàng)目開發(fā)要考慮的實(shí)用，比如在日常生活中我們使用騰訊文檔在線的收集各類數(shù)據(jù)，數(shù)據(jù)收集是比較方便，但我們也考慮到對(duì)數(shù)據(jù)進(jìn)行維護(hù)或者后續(xù)統(tǒng)計(jì)分析還是不方便的。本文我們講的就是具體實(shí)現(xiàn)： 1 創(chuàng)建連接器 如果希望接入騰訊文檔的功能，需要?jiǎng)?chuàng)建連...
不廢話，直奔主題，使用JS實(shí)現(xiàn)點(diǎn)擊button按鈕切換圖片，實(shí)現(xiàn)效果如圖： 很容易實(shí)現(xiàn)吧，這個(gè)是用Dreamweaver寫的，現(xiàn)在我們就用JS的一個(gè)入門案列?！ ∑鋵?shí)很多時(shí)候想法與實(shí)際有差距。我們先做了一個(gè)簡(jiǎn)單的圖片切換?！ ody部分： <body> <h1>...
這篇文章簡(jiǎn)而言之就是說(shuō)用javascript實(shí)現(xiàn)圖片輪播簡(jiǎn)單效果的具體代碼，直接放代碼： 這里是css樣式 *{ margin:0; padding:0; } ul, li{ list-style:none; } img{ display:block; /*vertical-align:middle;...
我們先講講Repeater基礎(chǔ)。我們可以在aspx文件中融入Repeater 控件，也可以在<ItemTemplate></ItemTemplate>包含的范圍融入自己的代碼，當(dāng)然這里也要使用到變量<%# Eval("SellerName")%>；注意兩側(cè)的引號(hào)?！ ?aspx: <asp:RepeaterID="Sel...
js實(shí)現(xiàn)點(diǎn)擊切換和自動(dòng)播放的輪播圖，其實(shí)十分簡(jiǎn)單，話不多說(shuō)，我們直接看示例： 輪播圖案例 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=devic...
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)