個人中心PERSONAL CENTER
VSCode使ReactVue代碼調試變得更爽 在前段開發中，大家會遇見調試 Vue/React 代碼，現在就給大家總結都有哪幾種： 先找代碼問題，在console.log 打印日志，用 Chrome Devtools 的 debugger 來調試，用 VSCode 的 debugger 來調試。 看到是不是...
1、定義 filter() 方法創建一個新數組, 其包含通過所提供函數實現的測試的所有元素。 2、語法 var newArray = arr.filter(callback(element[, index[, selfArr]])[, thisArg]) 3、參數說明 callback 循環數組每個元素時調用的回調函數...
很多人都在問 pinia是什么？其實它是一個類似的插件，是vuex的最新一代的輕量級狀態管理插件，建議安利在很多新項目中其中pinia。 Pinia 的優點 簡便，存儲和組件變得很類似，你可以輕松寫出優雅的存儲。 類型安全，通過類型推斷，可以提供自動...
用vite作為項目打包工具，這是為什么？其中最主要的原因是 ——vite在開發環境基于ESM規范實現的Nobundle模式，節省了代碼打包的時間。 當前打包的需求任然有，且ESM規范兼容性越來越好，進入生產環境大面積可用的狀態也不是不可能。 當生產環境打...
JavaScript 的 switch 有四樣寫法,你都知道哪些？ JavaScript 的 switch 語句只有一種寫法。其他的寫法，if 分支寫法可以算一種，switch 分支寫法可以算第二種，第三種是使用策略模式，如果要把條件運算符也算上的話，嗯，剛好四種。 switch一般寫...
運用vue可以實現圖片自動循環滾動，下面是效果展示（循環滾動且可切換方向）： 輪播組件BaseSwiper.vue： <template> <divclass="swiperBox"> <imgclass="imgLeft"@click="clickLeft"src="../../....
效果展示： 點擊即可隨意調節菜單寬度 變動后 頁面結構一共分為三部分，加上一個伸縮按鈕，在你的項目對應的部分都加上class名。 我這里定義的分別是box、left、mid、resize(按鈕類名) html 頁面結構劃分完成之后，完善一下樣式（直接...
效果展示： 一、子組件 <template> <divclass="myDiv"> <!--這里的listAll用于接收父組件傳遞進來的菜單列表--> <templatev-for="(item,i)inlistAll"> <!--有child就顯示child的下拉型...
列表自動滾動循環播放不要太爽，下面看看具體代碼： 1.實現效果圖 鼠標移入，暫停滾動； 鼠標移出，繼續滾動； 2.原理 第一：要實現無縫銜接，在原有ul后面還要有一個一樣內容的ul； 第二：在最外層div為可視區域，設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. 前言 以對圖片進行一些處理，例如：刪除、下載、標記等。 2. 設計思路 項目中用的是vue+iview，于是使用Modal彈窗組件做為播放器的盒子，考慮需要用到的基本功能有：放大縮小、監聽鼠標滾輪放大縮小、拖拽、全屏查看、查看上/下一張、雙擊圖...
在過往學習的JavaScript都是在基礎，現在為大家介紹更為深入的JavaScript知識。 JavaScript函數 JavaScript函數和Java函數是有一部分相似的，所以學習起來也會相對簡單 基本構造 1.直接構造 //function代表函數標志，name為函數名稱，參數...
在vue項目中canvas實現截圖功能是常用的，下面是具體代碼： 實現效果： 在vue項目中做的一個截圖功能（只能夠截取圖片），只用鼠標就可以在畫面中進行框選截取。 實現：做一個彈窗，打開彈窗的時候傳入要截的圖，接下來在這個窗口里面，點擊截圖...
項目中element的表格，每次都cv很麻煩，可以用表格進行了二次封裝，寫一個Table組件。 首先，下面是表格樣式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
上傳視頻要提供視頻封面（視頻封面必填），這是在開發中實際問題。封面可以用戶自己制作并上傳，但這樣脫離網站，體驗不好，常見的處理方案就是用戶未選擇或上傳封面時，自動截取視頻第一幀作為封面，但這樣并不友好。因此考慮視頻上傳后，在播放中由人員...
