Vue 2 實(shí)例 Props 選項(xiàng)
props 選項(xiàng)的值可以是數(shù)組或?qū)ο?，用于接收來自父組件的數(shù)據(jù)。當(dāng) props 的值為一個(gè)對象時(shí)，可以配置高級選項(xiàng)，如：類型檢測、自定義驗(yàn)證、設(shè)置默認(rèn)值。當(dāng) props 的值為一個(gè)簡單的數(shù)組時(shí)，鍵值是接收的屬性名，如果父組件沒有傳遞該屬性，屬性值為 undefined
辰風(fēng)沐陽 閱讀 1592 2023-04-09
優(yōu)化代碼分支，讓代碼更優(yōu)雅
前端開發(fā)中經(jīng)常遇到的一個(gè)困擾，就是有的時(shí)候代碼里邊會出現(xiàn)很多的分支，下面舉了個(gè)例子，這個(gè)分支比較少，有些情況下會有幾十個(gè)分支，導(dǎo)致了代碼非常難看，那么有沒有什么辦法來優(yōu)化這個(gè)結(jié)構(gòu)呢？
辰風(fēng)沐陽 閱讀 1219 2023-04-03
Vue 2.x 混入 mixins
混入 (minxin) 提供了一種非常靈活的方式，來分發(fā) Vue 組件中的可復(fù)用功能。一個(gè)混入對象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對象時(shí)，所有混入對象的選項(xiàng)將被 “混合” 進(jìn)入該組件本身的選項(xiàng)。當(dāng)組件和混入對象含有同名選項(xiàng)時(shí)，這些選項(xiàng)將以恰當(dāng)?shù)姆绞竭M(jìn)行合并
辰風(fēng)沐陽 閱讀 1148 2023-04-03
a == 1 && a== 2 && a== 3 返回 true ？
這道題是阿里、百度、騰訊三個(gè)大廠都出過的面試題，一個(gè)前端同事跳槽面試也被問了這道題?？戳舜髲S的面試題會對面試官的精神狀態(tài)陷入深深的懷疑，就感覺不太正常，平時(shí)誰會這樣寫代碼。但是呢，很多事經(jīng)不住細(xì)想，細(xì)想后，好像還是有點(diǎn)道理的。
辰風(fēng)沐陽 閱讀 1029 2023-04-01
null 和 undefined 的區(qū)別
null 和 undefined 的區(qū)別 ？這是一道基礎(chǔ)面試題。很多人都會說 null 是空，undefined 是未定義，這樣回答太過于籠統(tǒng)。面試官反問：null 是空代表沒有值是吧，undefined 是未定義也是沒有值是吧，都是沒有值，它們的區(qū)別到底是什么 ？應(yīng)聘者：這下芭比Q了 !
辰風(fēng)沐陽 閱讀 1001 2023-04-01
Element UI 消息提示 Message
Message 常用于主動操作后的反饋提示。比如：用于提交表單后的提示，成功或失敗。Element 為 Vue.prototype 添加了全局方法 $message，因此可以通過 Vue 實(shí)例直接調(diào)用。默認(rèn)出現(xiàn)在頁面頂部，并且在 3000 毫秒后自動關(guān)閉。消息提示框出現(xiàn)的位置和顯示時(shí)長都可以通過傳入?yún)?shù)自定義
辰風(fēng)沐陽 閱讀 1662 2023-03-31
Element UI 組件 Dialog 對話框
官方文檔：在保留當(dāng)前頁面狀態(tài)的情況下，告知用戶并承載相關(guān)操作。dialog 組件用于彈出一個(gè)對話框，適合定制性較大的場景。例如：做一個(gè)彈出層表單，如果對話框中的表單項(xiàng)較多，建議封裝為一個(gè)組件，可以更好的修改對話框相關(guān)內(nèi)容，而且這個(gè)對話框可能在其他頁面也會被使用
辰風(fēng)沐陽 閱讀 1687 2023-03-30
Sass 介紹及快速入門
Sass 是由 Ruby 語言編寫的一款 CSS 預(yù)處理語言。它是一款強(qiáng)化 CSS 的輔助工具，是對 CSS 的擴(kuò)展，擴(kuò)展了嵌套、混合、繼承、導(dǎo)入等高級功能，這些拓展令 CSS 更加強(qiáng)大優(yōu)雅，可以更好的組織管理樣式文件，從而更高效的開發(fā)項(xiàng)目
辰風(fēng)沐陽 閱讀 1358 2023-03-20
Vue CLI 腳手架的模式和環(huán)境變量
"模式" 是 Vue CLI 項(xiàng)目中一個(gè)重要的概念。作為一名開發(fā)人員，我們可能需要針對每一種環(huán)境編寫一些不同的代碼并且保證這些代碼運(yùn)行在正確的環(huán)境中，那么我們應(yīng)該如何在代碼中判斷項(xiàng)目所處的環(huán)境同時(shí)執(zhí)行不同的代碼呢？這就需要我們進(jìn)行正確的環(huán)境配置和管理
辰風(fēng)沐陽 閱讀 1041 2023-03-15
分享 APP 的 H5 下載頁面
在很多 APP 中都有分享 APP 的功能，這個(gè)功能是分享出去一個(gè) h5 頁面，在 h5 頁面中跳轉(zhuǎn)到蘋果的 AppStore，而安卓手機(jī)則是提示下載一個(gè) apk 安裝包文件，而在微信瀏覽器中不支持跳轉(zhuǎn)和下載，需要引導(dǎo)用戶使用手機(jī)瀏覽器打開這個(gè) h5 頁面，本文就是實(shí)現(xiàn)這個(gè)功能
辰風(fēng)沐陽 閱讀 1743 2023-03-09