文章庫ARTICLE COLUMN
想要在移動端中實現(xiàn)列表固定列固定樣式，可以用vue+scss以下具體內(nèi)容： 功能介紹： 在移動端開發(fā)中，會用到列表作為信息展示方式，一般希望上下滾動時，可以固定表頭，左右滾動時，可以固定最左列?！ 〈笾滦枨螅骸 ?、數(shù)組循環(huán)遍歷可以讓列表所...
移動端拖拽懸浮按鈕如何用vue實現(xiàn)，下面看看具體內(nèi)容： 功能介紹： 開發(fā)中，要考慮用戶體驗，懸浮按鈕不僅要顯示在側邊，更是可以允許隨意拖拽換位。 需求描述： 1、按鈕懸浮顯示在頁面?zhèn)冗?； ?、當手指長按左鍵按鈕，即可允許拖拽改變位...
用vite作為項目打包工具，這是為什么？其中最主要的原因是 ——vite在開發(fā)環(huán)境基于ESM規(guī)范實現(xiàn)的Nobundle模式，節(jié)省了代碼打包的時間?！ ‘斍按虬男枨笕稳挥?，且ESM規(guī)范兼容性越來越好，進入生產(chǎn)環(huán)境大面積可用的狀態(tài)也不是不可能。 當生產(chǎn)環(huán)境打...
JavaScript 的 switch 有四樣寫法,你都知道哪些？ JavaScript 的 switch 語句只有一種寫法。其他的寫法，if 分支寫法可以算一種，switch 分支寫法可以算第二種，第三種是使用策略模式，如果要把條件運算符也算上的話，嗯，剛好四種。 switch一般寫...
運用vue可以實現(xiàn)圖片自動循環(huán)滾動，下面是效果展示（循環(huán)滾動且可切換方向）： 輪播組件BaseSwiper.vue： <template> <divclass="swiperBox"> <imgclass="imgLeft"@click="clickLeft"src="../../....
效果展示： 點擊即可隨意調(diào)節(jié)菜單寬度 變動后 頁面結構一共分為三部分，加上一個伸縮按鈕，在你的項目對應的部分都加上class名?！ ∥疫@里定義的分別是box、left、mid、resize(按鈕類名) html 頁面結構劃分完成之后，完善一下樣式（直接...
效果展示： 一、子組件 <template> <divclass="myDiv"> <!--這里的listAll用于接收父組件傳遞進來的菜單列表--> <templatev-for="(item,i)inlistAll"> <!--有child就顯示child的下拉型菜單，有小箭頭...
列表自動滾動循環(huán)播放不要太爽，下面看看具體代碼： 1.實現(xiàn)效果圖 鼠標移入，暫停滾動； 鼠標移出，繼續(xù)滾動； 2.原理 第一：要實現(xiàn)無縫銜接，在原有ul后面還要有一個一樣內(nèi)容的ul； 第二：在最外層div為可視區(qū)域，設overflow：hidden； ...
前端vue新項目 npm install安裝報錯gyp info it worked if it ends with ok這個問題我們應該如何處理？ 可能報錯原因：node和node-sass版本沖突，對應的node和node-sass的版本如下： 接下來node.js卸載與安裝。之前有安裝過弄過node.js的，如果node...
1. 前言 以對圖片進行一些處理，例如：刪除、下載、標記等?！ ?. 設計思路 項目中用的是vue+iview，于是使用Modal彈窗組件做為播放器的盒子，考慮需要用到的基本功能有：放大縮小、監(jiān)聽鼠標滾輪放大縮小、拖拽、全屏查看、查看上/下一張、雙擊圖...
在過往學習的JavaScript都是在基礎，現(xiàn)在為大家介紹更為深入的JavaScript知識。 JavaScript函數(shù) JavaScript函數(shù)和Java函數(shù)是有一部分相似的，所以學習起來也會相對簡單 基本構造 1.直接構造 //function代表函數(shù)標志，name為函數(shù)名稱，參數(shù)...
在vue項目中canvas實現(xiàn)截圖功能是常用的，下面是具體代碼： 實現(xiàn)效果： 在vue項目中做的一個截圖功能（只能夠截取圖片），只用鼠標就可以在畫面中進行框選截取?！ 崿F(xiàn)：做一個彈窗，打開彈窗的時候傳入要截的圖，接下來在這個窗口里面，點擊截圖...
項目中element的表格，每次都cv很麻煩，可以用表格進行了二次封裝，寫一個Table組件?！ ∈紫?，下面是表格樣式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
上傳視頻要提供視頻封面（視頻封面必填），這是在開發(fā)中實際問題。封面可以用戶自己制作并上傳，但這樣脫離網(wǎng)站，體驗不好，常見的處理方案就是用戶未選擇或上傳封面時，自動截取視頻第一幀作為封面，但這樣并不友好。因此考慮視頻上傳后，在播放中由人員...
vue調(diào)用用在很多場景，今天為大家介紹如何用谷歌授權登錄獲取用戶通訊錄 當前背景 業(yè)務端要求，用戶本人填寫信息，推薦到朋友，要求可以導出用戶谷歌郵箱的通訊錄，讓用戶選擇，并且回顯到頁面 ##步驟 在谷歌開發(fā)者平臺， 創(chuàng)建一個項目，我的理...
在日常中查看使用word，excel，pptx的offic文件是常見之事，想過用使用微軟的開發(fā)接口，比如一個閱讀器Office Web。 什么是 Office Web 查看器？ 它是一種創(chuàng)建 Office Web Viewer 鏈接的服務。Office Web Viewer 鏈接可在瀏覽器中打開 Word、PowerP...
vue可以簡單的就實現(xiàn)一個輪播圖的基礎功能，不僅重復用，且可抽離出來作為一個公共組件。 html和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)加載圖片是空，需要顯示默認圖片時使用v-if失效 <divclass="swiper-containerhome_swiper"> <divclass="swiper-wr...
一 認識KafkaKafka是一個開源流處理平臺，它由 Apache 軟件基金會開發(fā)的，開發(fā)它的目的是為了提供一個統(tǒng)一的、高吞吐、低延遲的實時數(shù)據(jù)處理平臺。它的持久化層與同類平臺不同，本質(zhì)上是一個按照分布式事務日志架構的大規(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)在就給大家總結都有哪幾種： 先找代碼問題，在console.log 打印日志，用 Chrome Devtools 的 debugger 來調(diào)試，用 VSCode 的 debugger 來調(diào)試?！ 】吹绞遣皇?..
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
營銷賬號總被封？TK直播頻繁掉線？雙ISP靜態(tài)住宅IP+輕量云主機打包套餐來襲，確保開出來的云主機不...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
社區(qū)管理員
白馬嘯西風