用戶(hù)中心USER CENTER
1. 前言 以對(duì)圖片進(jìn)行一些處理，例如：刪除、下載、標(biāo)記等?！ ?. 設(shè)計(jì)思路 項(xiàng)目中用的是vue+iview，于是使用Modal彈窗組件做為播放器的盒子，考慮需要用到的基本功能有：放大縮小、監(jiān)聽(tīng)鼠標(biāo)滾輪放大縮小、拖拽、全屏查看、查看上/下一張、雙擊圖片回到初始大小和初始位置?！ ?. 完成效果 4. 代碼思路 html部分： <Modal id="picture...
3403771864
發(fā)布于USDP社區(qū)
在過(guò)往學(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ù)名稱(chēng)，參數(shù)可有可無(wú) functionname(參數(shù)){ //... return; } 2....
3403771864
發(fā)布于USDP社區(qū)
在vue項(xiàng)目中canvas實(shí)現(xiàn)截圖功能是常用的，下面是具體代碼： 實(shí)現(xiàn)效果： 在vue項(xiàng)目中做的一個(gè)截圖功能（只能夠截取圖片），只用鼠標(biāo)就可以在畫(huà)面中進(jìn)行框選截取?！ ?shí)現(xiàn)：做一個(gè)彈窗，打開(kāi)彈窗的時(shí)候傳入要截的圖，接下來(lái)在這個(gè)窗口里面，點(diǎn)擊截圖按鈕，開(kāi)始截圖；點(diǎn)擊取消按鈕，取消截圖。 窗口里面的html主要是三個(gè)部分，一個(gè)是可截圖區(qū)域，一個(gè)是截取圖片的回顯，一個(gè)是操作按鈕（截圖按鈕和取消...
3403771864
發(fā)布于USDP社區(qū)
項(xiàng)目中element的表格，每次都cv很麻煩，可以用表格進(jìn)行了二次封裝，寫(xiě)一個(gè)Table組件?！ ∈紫?，下面是表格樣式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
3403771864
發(fā)布于USDP社區(qū)
上傳視頻要提供視頻封面（視頻封面必填），這是在開(kāi)發(fā)中實(shí)際問(wèn)題。封面可以用戶(hù)自己制作并上傳，但這樣脫離網(wǎng)站，體驗(yàn)不好，常見(jiàn)的處理方案就是用戶(hù)未選擇或上傳封面時(shí)，自動(dòng)截取視頻第一幀作為封面，但這樣并不友好。因此考慮視頻上傳后，在播放中由人員自行截取畫(huà)面作為視頻封面?！ 『?jiǎn)單效果如圖： 前端代碼如下： <template> <div> <videosrc=&...
3403771864
發(fā)布于USDP社區(qū)
