文章庫ARTICLE COLUMN
移動端拖拽懸浮按鈕如何用vue實現(xiàn)，下面看看具體內(nèi)容： 功能介紹： 開發(fā)中，要考慮用戶體驗，懸浮按鈕不僅要顯示在側(cè)邊，更是可以允許隨意拖拽換位?！ ⌒枨竺枋觯骸 ?、按鈕懸浮顯示在頁面?zhèn)冗?； ?、當(dāng)手指長按左鍵按鈕，即可允許拖拽改變位...
用vite作為項目打包工具，這是為什么？其中最主要的原因是 ——vite在開發(fā)環(huán)境基于ESM規(guī)范實現(xiàn)的Nobundle模式，節(jié)省了代碼打包的時間。 當(dāng)前打包的需求任然有，且ESM規(guī)范兼容性越來越好，進(jìn)入生產(chǎn)環(huán)境大面積可用的狀態(tài)也不是不可能。 當(dāng)生產(chǎn)環(huán)境打...
JavaScript 的 switch 有四樣寫法,你都知道哪些？ JavaScript 的 switch 語句只有一種寫法。其他的寫法，if 分支寫法可以算一種，switch 分支寫法可以算第二種，第三種是使用策略模式，如果要把條件運算符也算上的話，嗯，剛好四種?！ witch一般寫...
運用vue可以實現(xiàn)圖片自動循環(huán)滾動，下面是效果展示（循環(huán)滾動且可切換方向）： 輪播組件BaseSwiper.vue： <template> <divclass="swiperBox"> <imgclass="imgLeft"@click="clickLeft"src="../../....
效果展示： 點擊即可隨意調(diào)節(jié)菜單寬度 變動后 頁面結(jié)構(gòu)一共分為三部分，加上一個伸縮按鈕，在你的項目對應(yīng)的部分都加上class名。 我這里定義的分別是box、left、mid、resize(按鈕類名) html 頁面結(jié)構(gòu)劃分完成之后，完善一下樣式（直接...
效果展示： 一、子組件 <template> <divclass="myDiv"> <!--這里的listAll用于接收父組件傳遞進(jìn)來的菜單列表--> <templatev-for="(item,i)inlistAll"> <!--有child就顯示child的下拉型菜單，有小箭頭...
列表自動滾動循環(huán)播放不要太爽，下面看看具體代碼： 1.實現(xiàn)效果圖 鼠標(biāo)移入，暫停滾動； 鼠標(biāo)移出，繼續(xù)滾動； 2.原理 第一：要實現(xiàn)無縫銜接，在原有ul后面還要有一個一樣內(nèi)容的ul； 第二：在最外層div為可視區(qū)域，設(shè)overflow：hidden； ...
前端vue新項目 npm install安裝報錯gyp info it worked if it ends with ok這個問題我們應(yīng)該如何處理？ 可能報錯原因：node和node-sass版本沖突，對應(yīng)的node和node-sass的版本如下： 接下來node.js卸載與安裝。之前有安裝過弄過node.js的，如果node...
1. 前言 以對圖片進(jìn)行一些處理，例如：刪除、下載、標(biāo)記等?！ ?. 設(shè)計思路 項目中用的是vue+iview，于是使用Modal彈窗組件做為播放器的盒子，考慮需要用到的基本功能有：放大縮小、監(jiān)聽鼠標(biāo)滾輪放大縮小、拖拽、全屏查看、查看上/下一張、雙擊圖...
在過往學(xué)習(xí)的JavaScript都是在基礎(chǔ)，現(xiàn)在為大家介紹更為深入的JavaScript知識?！ avaScript函數(shù) JavaScript函數(shù)和Java函數(shù)是有一部分相似的，所以學(xué)習(xí)起來也會相對簡單 基本構(gòu)造 1.直接構(gòu)造 //function代表函數(shù)標(biāo)志，name為函數(shù)名稱，參數(shù)...
在vue項目中canvas實現(xiàn)截圖功能是常用的，下面是具體代碼： 實現(xiàn)效果： 在vue項目中做的一個截圖功能（只能夠截取圖片），只用鼠標(biāo)就可以在畫面中進(jìn)行框選截取?！ 崿F(xiàn)：做一個彈窗，打開彈窗的時候傳入要截的圖，接下來在這個窗口里面，點擊截圖...
項目中element的表格，每次都cv很麻煩，可以用表格進(jìn)行了二次封裝，寫一個Table組件。 首先，下面是表格樣式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
上傳視頻要提供視頻封面（視頻封面必填），這是在開發(fā)中實際問題。封面可以用戶自己制作并上傳，但這樣脫離網(wǎng)站，體驗不好，常見的處理方案就是用戶未選擇或上傳封面時，自動截取視頻第一幀作為封面，但這樣并不友好。因此考慮視頻上傳后，在播放中由人員...
vue調(diào)用用在很多場景，今天為大家介紹如何用谷歌授權(quán)登錄獲取用戶通訊錄 當(dāng)前背景 業(yè)務(wù)端要求，用戶本人填寫信息，推薦到朋友，要求可以導(dǎo)出用戶谷歌郵箱的通訊錄，讓用戶選擇，并且回顯到頁面 ##步驟 在谷歌開發(fā)者平臺， 創(chuàng)建一個項目，我的理...
在日常中查看使用word，excel，pptx的offic文件是常見之事，想過用使用微軟的開發(fā)接口，比如一個閱讀器Office Web?！ ∈裁词?Office Web 查看器？ 它是一種創(chuàng)建 Office Web Viewer 鏈接的服務(wù)。Office Web Viewer 鏈接可在瀏覽器中打開 Word、PowerP...
vue可以簡單的就實現(xiàn)一個輪播圖的基礎(chǔ)功能，不僅重復(fù)用，且可抽離出來作為一個公共組件?！ tml和js部分 <template> <div class="img-box" ref="img-box" :style="{width:styles.width,height:styles.height}"...
1、定義 filter() 方法創(chuàng)建一個新數(shù)組, 其包含通過所提供函數(shù)實現(xiàn)的測試的所有元素?！ ?、語法 var newArray = arr.filter(callback(element[, index[, selfArr]])[, thisArg]) 3、參數(shù)說明 callback 循環(huán)數(shù)組每個元素時調(diào)用的回調(diào)函數(shù)...
很多人都在問 pinia是什么？其實它是一個類似的插件，是vuex的最新一代的輕量級狀態(tài)管理插件，建議安利在很多新項目中其中pinia?！ inia 的優(yōu)點 簡便，存儲和組件變得很類似，你可以輕松寫出優(yōu)雅的存儲?！ ☆愋桶踩?，通過類型推斷，可以提供自動...
想必大家對于vue3.x都很了解，那在vue3.x使用swiperUI動態(tài)加載圖片失敗時候如何解決？以下就為大家介紹兩個常見問題： 1、在動態(tài)加載圖片是空，需要顯示默認(rèn)圖片時使用v-if失效 <divclass="swiper-containerhome_swiper"> <divclass="swiper-wr...
一 認(rèn)識KafkaKafka是一個開源流處理平臺，它由 Apache 軟件基金會開發(fā)的，開發(fā)它的目的是為了提供一個統(tǒng)一的、高吞吐、低延遲的實時數(shù)據(jù)處理平臺。它的持久化層與同類平臺不同，本質(zhì)上是一個按照分布式事務(wù)日志架構(gòu)的大規(guī)模發(fā)布/訂閱消息隊列，這使它非常...
大數(shù)據(jù)中時常都會有優(yōu)化，這篇文章要和大家降的就是如何按照特定的條件刪除一個數(shù)組？ 1、如何刪除數(shù)組中的元素 場景：有一個數(shù)組，需要刪除滿足條件的數(shù)組?！ ∈纠骸 onstarr=[1,2,3,4,5,6,7,8] 刪除小于5的元素,刪除后的元素為 consta...
輪播在動態(tài)中是十分常見的，那vue如何實現(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ā)中，大家會遇見調(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ù)倉庫只能存儲經(jīng)過處理和提煉的數(shù)據(jù)，而數(shù)據(jù)湖存儲尚未出于某種目的處理的原始數(shù)據(jù)。因此，數(shù)據(jù)湖需要比數(shù)據(jù)倉庫大得多的存儲容量，且數(shù)據(jù)靈活、分析迅速，非常適合機器學(xué)習(xí)。2、加工：數(shù)據(jù)倉庫使用寫入時序模式的方法來處理數(shù)據(jù)以賦予其形狀...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
一、活動亮點：全球31個節(jié)點覆蓋 + 線路升級，跨境業(yè)務(wù)福音！爆款云主機0.5折起：香港、海外多節(jié)點...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
社區(qū)管理員