個人中心PERSONAL CENTER
VSCode使ReactVue代碼調(diào)試變得更爽 在前段開發(fā)中，大家會遇見調(diào)試 Vue/React 代碼，現(xiàn)在就給大家總結(jié)都有哪幾種： 先找代碼問題，在console.log 打印日志，用 Chrome Devtools 的 debugger 來調(diào)試，用 VSCode 的 debugger 來調(diào)試?！ 】吹绞遣皇?..
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)雅的存儲。 類型安全，通過類型推斷，可以提供自動...
用vite作為項目打包工具，這是為什么？其中最主要的原因是 ——vite在開發(fā)環(huán)境基于ESM規(guī)范實現(xiàn)的Nobundle模式，節(jié)省了代碼打包的時間?！ ‘斍按虬男枨笕稳挥校褽SM規(guī)范兼容性越來越好，進入生產(chǎn)環(huán)境大面積可用的狀態(tài)也不是不可能?！ ‘斏a(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)一共分為三部分，加上一個伸縮按鈕，在你的項目對應的部分都加上class名。 我這里定義的分別是box、left、mid、resize(按鈕類名) html 頁面結(jié)構(gòu)劃分完成之后，完善一下樣式（直接...
效果展示： 一、子組件 <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ū)域，設(shè)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. 設(shè)計思路 項目中用的是vue+iview，于是使用Modal彈窗組件做為播放器的盒子，考慮需要用到的基本功能有：放大縮小、監(jiān)聽鼠標滾輪放大縮小、拖拽、全屏查看、查看上/下一張、雙擊圖...
在過往學習的JavaScript都是在基礎(chǔ)，現(xiàn)在為大家介紹更為深入的JavaScript知識。 JavaScript函數(shù) JavaScript函數(shù)和Java函數(shù)是有一部分相似的，所以學習起來也會相對簡單 基本構(gòu)造 1.直接構(gòu)造 //function代表函數(shù)標志，name為函數(shù)名稱，參數(shù)...
在vue項目中canvas實現(xiàn)截圖功能是常用的，下面是具體代碼： 實現(xiàn)效果： 在vue項目中做的一個截圖功能（只能夠截取圖片），只用鼠標就可以在畫面中進行框選截取?！ 崿F(xiàn)：做一個彈窗，打開彈窗的時候傳入要截的圖，接下來在這個窗口里面，點擊截圖...
項目中element的表格，每次都cv很麻煩，可以用表格進行了二次封裝，寫一個Table組件?！ ∈紫龋旅媸潜砀駱邮健 ?lt;el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
上傳視頻要提供視頻封面（視頻封面必填），這是在開發(fā)中實際問題。封面可以用戶自己制作并上傳，但這樣脫離網(wǎng)站，體驗不好，常見的處理方案就是用戶未選擇或上傳封面時，自動截取視頻第一幀作為封面，但這樣并不友好。因此考慮視頻上傳后，在播放中由人員...
