用vite作為項(xiàng)目打包工具,這是為什么?其中最主要的原因是 ——vite在開發(fā)環(huán)境基于ESM規(guī)范實(shí)現(xiàn)的Nobundle模式,節(jié)省了代碼打包的時(shí)間。 當(dāng)前打包的需求任然有,且ESM規(guī)范兼容性越來(lái)越好,進(jìn)入生產(chǎn)環(huán)境大面積可用的狀態(tài)也不是不可能。 當(dāng)生產(chǎn)環(huán)境打...
JavaScript 的 switch 有四樣寫法,你都知道哪些? JavaScript 的 switch 語(yǔ)句只有一種寫法。其他的寫法,if 分支寫法可以算一種,switch 分支寫法可以算第二種,第三種是使用策略模式,如果要把條件運(yùn)算符也算上的話,嗯,剛好四種。 switch一般寫...
運(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)后 頁(yè)面結(jié)構(gòu)一共分為三部分,加上一個(gè)伸縮按鈕,在你的項(xiàng)目對(duì)應(yīng)的部分都加上class名。 我這里定義的分別是box、left、mid、resize(按鈕類名) html 頁(yè)面結(jié)構(gòu)劃分完成之后,完善一下樣式(直接...
效果展示: 一、子組件 <template> <divclass="myDiv"> <!--這里的listAll用于接收父組件傳遞進(jìn)來(lái)的菜單列表--> <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)無(wú)縫銜接,在原有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的版本如下: 接下來(lái)node.js卸載與安裝。之前有安裝過弄過node.js的,如果node...
1. 前言 以對(duì)圖片進(jìn)行一些處理,例如:刪除、下載、標(biāo)記等。 2. 設(shè)計(jì)思路 項(xiàng)目中用的是vue+iview,于是使用Modal彈窗組件做為播放器的盒子,考慮需要用到的基本功能有:放大縮小、監(jiān)聽鼠標(biāo)滾輪放大縮小、拖拽、全屏查看、查看上/下一張、雙擊圖...
在過往學(xué)習(xí)的JavaScript都是在基礎(chǔ),現(xiàn)在為大家介紹更為深入的JavaScript知識(shí)。 JavaScript函數(shù) JavaScript函數(shù)和Java函數(shù)是有一部分相似的,所以學(xué)習(xí)起來(lái)也會(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í)候傳入要截的圖,接下來(lái)在這個(gè)窗口里面,點(diǎn)擊截圖...
項(xiàng)目中element的表格,每次都cv很麻煩,可以用表格進(jìn)行了二次封裝,寫一個(gè)Table組件。 首先,下面是表格樣式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
上傳視頻要提供視頻封面(視頻封面必填),這是在開發(fā)中實(shí)際問題。封面可以用戶自己制作并上傳,但這樣脫離網(wǎng)站,體驗(yàn)不好,常見的處理方案就是用戶未選擇或上傳封面時(shí),自動(dòng)截取視頻第一幀作為封面,但這樣并不友好。因此考慮視頻上傳后,在播放中由人員...
解決辦法第一步查看網(wǎng)絡(luò)配置操作步驟:先win+r,打開窗口,在里邊輸入regedit第二步查看注冊(cè)表計(jì)算機(jī)\HKEY_ _CURRENT_ _USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Connections會(huì)發(fā)現(xiàn)DefaultConnectionSettings和SavedLegacySetting...
今天這篇文章,主要是用來(lái)給大家解答一個(gè)問題,就是關(guān)于怎么用Python去實(shí)現(xiàn)一個(gè)功能,需要用到的算法是MostPopular算法,具體給大家詳細(xì)的解答下。 推薦系統(tǒng)MostPopular算法的Python實(shí)現(xiàn) MostPopular算法的是指對(duì)每個(gè)用戶都選擇出當(dāng)前流行度最高的T...
一 python3-certbot-nginx 插件的安裝執(zhí)行sudodnfinstallpython3-certbot-nginx二 pem 秘鑰的獲得執(zhí)行sudocertbotcertonly--nginx通過下面的寂寞我們可以看到,這個(gè)工具將會(huì)檢測(cè)到你的本地服務(wù)器上有幾個(gè)虛擬主機(jī)需要選擇需要的虛擬機(jī)進(jìn)行安裝安裝成功會(huì)生成p...
在使用python的時(shí)候,經(jīng)常性的會(huì)遇到各種各樣的問題,比如出現(xiàn)異常的時(shí)候,怎么才能夠跳過其異常繼續(xù)執(zhí)行呢?下面就給大家詳細(xì)的解答下。 python如何跳過異常繼續(xù)執(zhí)行 下面有兩種解決方法 第一種是類似if…else…;另外一種是使用語(yǔ)句來(lái)實(shí)現(xiàn)繼續(xù)...
在Python這門語(yǔ)言中,有一些比較特殊的使用方法,主要用到的是雙下劃線開始和結(jié)束,正是因?yàn)槿绱耍€有一個(gè)比較接地氣的名字,叫做雙下方法,感興趣的話,可以詳細(xì)的為大家進(jìn)行解答一下。 前言 大家在寫Python代碼的時(shí)候有沒有這樣的疑問。 為...
寫這篇文章的主要目的是,為一些新手講些一些知識(shí),包括python numpy中array與pandas的DataFrame轉(zhuǎn)換方式的相關(guān)問題,具體代碼已給大家貼出來(lái)了,大家可以好好的閱讀。 numpy array與pandas的DataFrame轉(zhuǎn)換 1.numpy的array轉(zhuǎn)換為pandas的DataFrame...
眾所周知,pygame是一款跨越平臺(tái)之間的模塊,它是專業(yè)為電子游戲類相關(guān)的產(chǎn)品進(jìn)行設(shè)計(jì)的,包括圖文顯示,聲音處理,這篇文章的主要目的,是為大家進(jìn)行詳細(xì)的介紹關(guān)于Python pygame的相關(guān)教程,并貼出了相關(guān)代碼案例。 pygame簡(jiǎn)介 pygame的基礎(chǔ)功能...
一 主從配置1.1 master、slavemastermkdir-p/mydata/redis/6379/conf mkdir-p/mydata/redis/6379/data touch/mydata/redis/6379/conf/redis.conf echo"appendonlyyes">>/mydata/redis/6379/conf/redis.con...
項(xiàng)目應(yīng)用場(chǎng)景偽靜態(tài)錯(cuò)誤圖我們可以看到,偽靜態(tài)文件已經(jīng)存在全局反向代理,產(chǎn)生報(bào)錯(cuò)的原因是因?yàn)閚ginx配置文件里面一個(gè)網(wǎng)站只能包含一個(gè)location ,nginx.conf的相關(guān)配置出現(xiàn)了問題nginx.conf配置出錯(cuò)的解決方法第一步查看網(wǎng)站的相關(guān)配置文件server {listen80...
第一步:首先,打開任務(wù)管理器:輸入services.msc,將VMware 的服務(wù)全部停止運(yùn)行 第二步:下載VMware14unlocker解壓,運(yùn)行這個(gè)文件第三步:打開VMware,點(diǎn)擊新建虛擬機(jī)第四步:選擇鏡像,將下載.cdr 格式的Mac系統(tǒng)鏡像添加進(jìn)去第五步:在客戶機(jī)操作系統(tǒng)...
一 了解Docker 鏡像1.1 Docker 鏡像是什么Docker 鏡像不僅提供容器運(yùn)行時(shí)所需文件,還包含了一些配置參數(shù)。鏡像內(nèi)容在構(gòu)建之后也不會(huì)被改變,只有有了鏡像才能啟動(dòng)容器1.1 自定義鏡像有哪些好處Dockerfile 可以快速幫助我們構(gòu)建自己的定制鏡像1.3 如何構(gòu)建自...
第一步:安裝nginxyum-yinstallwgetgccgcc-c++pcre-developenssl-devel第二步:nginx軟件包下載wgethttp://nginx.org/download/nginx-1.19.0.tar.gz第三步:解壓、編譯、安裝[root@localhost~]#tarxfnginx-1.19.0.tar.gz [root@localhost~]#cdng...
這篇文章主要給大家講解的是,在python這門語(yǔ)言中,functools這門軟件使用方法,相關(guān)的代碼已經(jīng)給大家貼出來(lái)了,希望可以為大家能夠帶來(lái)一點(diǎn)幫助。 partial 用于創(chuàng)建一個(gè)偏函數(shù),將默認(rèn)參數(shù)包裝一個(gè)可調(diào)用對(duì)象,返回結(jié)果也是可調(diào)用對(duì)象。 偏函數(shù)...