文章庫ARTICLE COLUMN
JavaScript 的 switch 有四樣寫法,你都知道哪些？ JavaScript 的 switch 語句只有一種寫法。其他的寫法，if 分支寫法可以算一種，switch 分支寫法可以算第二種，第三種是使用策略模式，如果要把條件運(yùn)算符也算上的話，嗯，剛好四種?！ witch一般寫...
運(yùn)用vue可以實(shí)現(xiàn)圖片自動(dòng)循環(huán)滾動(dòng)，下面是效果展示（循環(huán)滾動(dòng)且可切換方向）： 輪播組件BaseSwiper.vue： <template> <divclass="swiperBox"> <imgclass="imgLeft"@click="clickLeft"src="../../....
效果展示： 點(diǎn)擊即可隨意調(diào)節(jié)菜單寬度 變動(dòng)后 頁面結(jié)構(gòu)一共分為三部分，加上一個(gè)伸縮按鈕，在你的項(xiàng)目對(duì)應(yīng)的部分都加上class名。 我這里定義的分別是box、left、mid、resize(按鈕類名) html 頁面結(jié)構(gòu)劃分完成之后，完善一下樣式（直接...
效果展示： 一、子組件 <template> <divclass="myDiv"> <!--這里的listAll用于接收父組件傳遞進(jìn)來的菜單列表--> <templatev-for="(item,i)inlistAll"> <!--有child就顯示child的下拉型菜單，有小箭頭...
列表自動(dòng)滾動(dòng)循環(huán)播放不要太爽，下面看看具體代碼： 1.實(shí)現(xiàn)效果圖 鼠標(biāo)移入，暫停滾動(dòng)； 鼠標(biāo)移出，繼續(xù)滾動(dòng)； 2.原理 第一：要實(shí)現(xiàn)無縫銜接，在原有ul后面還要有一個(gè)一樣內(nèi)容的ul； 第二：在最外層div為可視區(qū)域，設(shè)overflow：hidden； ...
前端vue新項(xiàng)目 npm install安裝報(bào)錯(cuò)gyp info it worked if it ends with ok這個(gè)問題我們應(yīng)該如何處理？ 可能報(bào)錯(cuò)原因：node和node-sass版本沖突，對(duì)應(yīng)的node和node-sass的版本如下： 接下來node.js卸載與安裝。之前有安裝過弄過node.js的，如果node...
1. 前言 以對(duì)圖片進(jìn)行一些處理，例如：刪除、下載、標(biāo)記等?！ ?. 設(shè)計(jì)思路 項(xiàng)目中用的是vue+iview，于是使用Modal彈窗組件做為播放器的盒子，考慮需要用到的基本功能有：放大縮小、監(jiān)聽鼠標(biāo)滾輪放大縮小、拖拽、全屏查看、查看上/下一張、雙擊圖...
在過往學(xué)習(xí)的JavaScript都是在基礎(chǔ)，現(xiàn)在為大家介紹更為深入的JavaScript知識(shí)?！ avaScript函數(shù) JavaScript函數(shù)和Java函數(shù)是有一部分相似的，所以學(xué)習(xí)起來也會(huì)相對(duì)簡(jiǎn)單 基本構(gòu)造 1.直接構(gòu)造 //function代表函數(shù)標(biāo)志，name為函數(shù)名稱，參數(shù)...
在vue項(xiàng)目中canvas實(shí)現(xiàn)截圖功能是常用的，下面是具體代碼： 實(shí)現(xiàn)效果： 在vue項(xiàng)目中做的一個(gè)截圖功能（只能夠截取圖片），只用鼠標(biāo)就可以在畫面中進(jìn)行框選截取。 實(shí)現(xiàn)：做一個(gè)彈窗，打開彈窗的時(shí)候傳入要截的圖，接下來在這個(gè)窗口里面，點(diǎn)擊截圖...
項(xiàng)目中element的表格，每次都cv很麻煩，可以用表格進(jìn)行了二次封裝，寫一個(gè)Table組件?！ ∈紫龋旅媸潜砀駱邮健 ?lt;el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
上傳視頻要提供視頻封面（視頻封面必填），這是在開發(fā)中實(shí)際問題。封面可以用戶自己制作并上傳，但這樣脫離網(wǎng)站，體驗(yàn)不好，常見的處理方案就是用戶未選擇或上傳封面時(shí)，自動(dòng)截取視頻第一幀作為封面，但這樣并不友好。因此考慮視頻上傳后，在播放中由人員...
vue調(diào)用用在很多場(chǎng)景，今天為大家介紹如何用谷歌授權(quán)登錄獲取用戶通訊錄 當(dāng)前背景 業(yè)務(wù)端要求，用戶本人填寫信息，推薦到朋友，要求可以導(dǎo)出用戶谷歌郵箱的通訊錄，讓用戶選擇，并且回顯到頁面 ##步驟 在谷歌開發(fā)者平臺(tái)， 創(chuàng)建一個(gè)項(xiàng)目，我的理...
在日常中查看使用word，excel，pptx的offic文件是常見之事，想過用使用微軟的開發(fā)接口，比如一個(gè)閱讀器Office Web?！ ∈裁词?Office Web 查看器？ 它是一種創(chuàng)建 Office Web Viewer 鏈接的服務(wù)。Office Web Viewer 鏈接可在瀏覽器中打開 Word、PowerP...
vue可以簡(jiǎn)單的就實(shí)現(xiàn)一個(gè)輪播圖的基礎(chǔ)功能，不僅重復(fù)用，且可抽離出來作為一個(gè)公共組件?！ tml和js部分 <template> <div class="img-box" ref="img-box" :style="{width:styles.width,height:styles.height}"...
1、定義 filter() 方法創(chuàng)建一個(gè)新數(shù)組, 其包含通過所提供函數(shù)實(shí)現(xiàn)的測(cè)試的所有元素?！ ?、語法 var newArray = arr.filter(callback(element[, index[, selfArr]])[, thisArg]) 3、參數(shù)說明 callback 循環(huán)數(shù)組每個(gè)元素時(shí)調(diào)用的回調(diào)函數(shù)...
很多人都在問 pinia是什么？其實(shí)它是一個(gè)類似的插件，是vuex的最新一代的輕量級(jí)狀態(tài)管理插件，建議安利在很多新項(xiàng)目中其中pinia?！ inia 的優(yōu)點(diǎn) 簡(jiǎn)便，存儲(chǔ)和組件變得很類似，你可以輕松寫出優(yōu)雅的存儲(chǔ)?！ ☆愋桶踩ㄟ^類型推斷，可以提供自動(dòng)...
想必大家對(duì)于vue3.x都很了解，那在vue3.x使用swiperUI動(dòng)態(tài)加載圖片失敗時(shí)候如何解決？以下就為大家介紹兩個(gè)常見問題： 1、在動(dòng)態(tài)加載圖片是空，需要顯示默認(rèn)圖片時(shí)使用v-if失效 <divclass="swiper-containerhome_swiper"> <divclass="swiper-wr...
一 認(rèn)識(shí)KafkaKafka是一個(gè)開源流處理平臺(tái)，它由 Apache 軟件基金會(huì)開發(fā)的，開發(fā)它的目的是為了提供一個(gè)統(tǒng)一的、高吞吐、低延遲的實(shí)時(shí)數(shù)據(jù)處理平臺(tái)。它的持久化層與同類平臺(tái)不同，本質(zhì)上是一個(gè)按照分布式事務(wù)日志架構(gòu)的大規(guī)模發(fā)布/訂閱消息隊(duì)列，這使它非常...
大數(shù)據(jù)中時(shí)常都會(huì)有優(yōu)化，這篇文章要和大家降的就是如何按照特定的條件刪除一個(gè)數(shù)組？ 1、如何刪除數(shù)組中的元素 場(chǎng)景：有一個(gè)數(shù)組，需要?jiǎng)h除滿足條件的數(shù)組?！ ∈纠骸 onstarr=[1,2,3,4,5,6,7,8] 刪除小于5的元素,刪除后的元素為 consta...
輪播在動(dòng)態(tài)中是十分常見的，那vue如何實(shí)現(xiàn)輪播圖片？下面我們一起看看具體的代碼： 1、下面是顯示圖 2、案例 <template> <sectionclass="body"> <sectionclass="wrap"> <swiper:options="swiperOption&quo...
00：先下載 yarn add @vitejs/plugin-vue-jsx -D 01：引入 vite.config.ts import{defineConfig}from'vite' importvuefrom'@vitejs/plugin-vue' importvueJsxfrom'@vite...
VSCode使ReactVue代碼調(diào)試變得更爽 在前段開發(fā)中，大家會(huì)遇見調(diào)試 Vue/React 代碼，現(xiàn)在就給大家總結(jié)都有哪幾種： 先找代碼問題，在console.log 打印日志，用 Chrome Devtools 的 debugger 來調(diào)試，用 VSCode 的 debugger 來調(diào)試?！ 】吹绞遣皇?..
1、數(shù)據(jù)結(jié)構(gòu)：數(shù)據(jù)倉庫只能存儲(chǔ)經(jīng)過處理和提煉的數(shù)據(jù)，而數(shù)據(jù)湖存儲(chǔ)尚未出于某種目的處理的原始數(shù)據(jù)。因此，數(shù)據(jù)湖需要比數(shù)據(jù)倉庫大得多的存儲(chǔ)容量，且數(shù)據(jù)靈活、分析迅速，非常適合機(jī)器學(xué)習(xí)。2、加工：數(shù)據(jù)倉庫使用寫入時(shí)序模式的方法來處理數(shù)據(jù)以賦予其形狀...
痛點(diǎn)： 如今數(shù)字化轉(zhuǎn)型，已成為企業(yè)界的共識(shí)。 從信息時(shí)代走向數(shù)字時(shí)代，大家都希望在生產(chǎn)要素、經(jīng)濟(jì)形態(tài)發(fā)生變革的節(jié)點(diǎn)抓住機(jī)遇不被淘汰，而絕大多數(shù)中小企業(yè)又沒有財(cái)力搞得太折騰太復(fù)雜。因此大家不要期待一口氣吃成胖子，而要抓住數(shù)字化時(shí)代的本質(zhì)...
安裝Hadoop的方法如下：首先在命令行輸入以下代碼mkdir/opt/bigdata tarxfhadoop-2.6.5.tar.gz-C/opt/bigdata/ cd/opt/bigdata/ ln-sfhadoop-2.6.5hadoop詳細(xì)過程[root@node01~]#mkdir/opt/bigdata [root@node01~]#cd/usr/local/src/ [r...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
社區(qū)管理員