Vue 2 實(shí)例 Props 選項(xiàng)

vue vue2

props 選項(xiàng)的值可以是數(shù)組或?qū)ο?,用于接收?lái)自父組件的數(shù)據(jù)。當(dāng) props 的值為一個(gè)對(duì)象時(shí),可以配置高級(jí)選項(xiàng),如:類型檢測(cè)、自定義驗(yàn)證、設(shè)置默認(rèn)值。當(dāng) props 的值為一個(gè)簡(jiǎn)單的數(shù)組時(shí),鍵值是接收的屬性名,如果父組件沒(méi)有傳遞該屬性,屬性值為 undefined

辰風(fēng)沐陽(yáng) 閱讀 1746 2023-04-09

優(yōu)化代碼分支,讓代碼更優(yōu)雅

JavaScript

前端開發(fā)中經(jīng)常遇到的一個(gè)困擾,就是有的時(shí)候代碼里邊會(huì)出現(xiàn)很多的分支,下面舉了個(gè)例子,這個(gè)分支比較少,有些情況下會(huì)有幾十個(gè)分支,導(dǎo)致了代碼非常難看,那么有沒(méi)有什么辦法來(lái)優(yōu)化這個(gè)結(jié)構(gòu)呢?

辰風(fēng)沐陽(yáng) 閱讀 1364 2023-04-03

Vue 2.x 混入 mixins

vue vue2

混入 (minxin) 提供了一種非常靈活的方式,來(lái)分發(fā) Vue 組件中的可復(fù)用功能。一個(gè)混入對(duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí),所有混入對(duì)象的選項(xiàng)將被 “混合” 進(jìn)入該組件本身的選項(xiàng)。當(dāng)組件和混入對(duì)象含有同名選項(xiàng)時(shí),這些選項(xiàng)將以恰當(dāng)?shù)姆绞竭M(jìn)行合并

辰風(fēng)沐陽(yáng) 閱讀 1293 2023-04-03

a == 1 && a== 2 && a== 3 返回 true ?

JavaScript 面試題

這道題是阿里、百度、騰訊三個(gè)大廠都出過(guò)的面試題,一個(gè)前端同事跳槽面試也被問(wèn)了這道題。看了大廠的面試題會(huì)對(duì)面試官的精神狀態(tài)陷入深深的懷疑,就感覺(jué)不太正常,平時(shí)誰(shuí)會(huì)這樣寫代碼。但是呢,很多事經(jīng)不住細(xì)想,細(xì)想后,好像還是有點(diǎn)道理的。

辰風(fēng)沐陽(yáng) 閱讀 1149 2023-04-01

null 和 undefined 的區(qū)別

JavaScript 面試題

null 和 undefined 的區(qū)別 ?這是一道基礎(chǔ)面試題。很多人都會(huì)說(shuō) null 是空,undefined 是未定義,這樣回答太過(guò)于籠統(tǒng)。面試官反問(wèn):null 是空代表沒(méi)有值是吧,undefined 是未定義也是沒(méi)有值是吧,都是沒(méi)有值,它們的區(qū)別到底是什么 ?應(yīng)聘者:這下芭比Q了 !

辰風(fēng)沐陽(yáng) 閱讀 1128 2023-04-01

Element UI 消息提示 Message

Element UI

Message 常用于主動(dòng)操作后的反饋提示。比如:用于提交表單后的提示,成功或失敗。Element 為 Vue.prototype 添加了全局方法 $message,因此可以通過(guò) Vue 實(shí)例直接調(diào)用。默認(rèn)出現(xiàn)在頁(yè)面頂部,并且在 3000 毫秒后自動(dòng)關(guān)閉。消息提示框出現(xiàn)的位置和顯示時(shí)長(zhǎng)都可以通過(guò)傳入?yún)?shù)自定義

辰風(fēng)沐陽(yáng) 閱讀 1816 2023-03-31

Element UI 組件 Dialog 對(duì)話框

Element UI

官方文檔:在保留當(dāng)前頁(yè)面狀態(tài)的情況下,告知用戶并承載相關(guān)操作。dialog 組件用于彈出一個(gè)對(duì)話框,適合定制性較大的場(chǎng)景。例如:做一個(gè)彈出層表單,如果對(duì)話框中的表單項(xiàng)較多,建議封裝為一個(gè)組件,可以更好的修改對(duì)話框相關(guān)內(nèi)容,而且這個(gè)對(duì)話框可能在其他頁(yè)面也會(huì)被使用

辰風(fēng)沐陽(yáng) 閱讀 1907 2023-03-30

Sass 介紹及快速入門

CSS

Sass 是由 Ruby 語(yǔ)言編寫的一款 CSS 預(yù)處理語(yǔ)言。它是一款強(qiáng)化 CSS 的輔助工具,是對(duì) CSS 的擴(kuò)展,擴(kuò)展了嵌套、混合、繼承、導(dǎo)入等高級(jí)功能,這些拓展令 CSS 更加強(qiáng)大優(yōu)雅,可以更好的組織管理樣式文件,從而更高效的開發(fā)項(xiàng)目

辰風(fēng)沐陽(yáng) 閱讀 1633 2023-03-20

Vue CLI 腳手架的模式和環(huán)境變量

vue

"模式" 是 Vue CLI 項(xiàng)目中一個(gè)重要的概念。作為一名開發(fā)人員,我們可能需要針對(duì)每一種環(huán)境編寫一些不同的代碼并且保證這些代碼運(yùn)行在正確的環(huán)境中,那么我們應(yīng)該如何在代碼中判斷項(xiàng)目所處的環(huán)境同時(shí)執(zhí)行不同的代碼呢?這就需要我們進(jìn)行正確的環(huán)境配置和管理

辰風(fēng)沐陽(yáng) 閱讀 1175 2023-03-15

分享 APP 的 H5 下載頁(yè)面

JavaScript

在很多 APP 中都有分享 APP 的功能,這個(gè)功能是分享出去一個(gè) h5 頁(yè)面,在 h5 頁(yè)面中跳轉(zhuǎn)到蘋果的 AppStore,而安卓手機(jī)則是提示下載一個(gè) apk 安裝包文件,而在微信瀏覽器中不支持跳轉(zhuǎn)和下載,需要引導(dǎo)用戶使用手機(jī)瀏覽器打開這個(gè) h5 頁(yè)面,本文就是實(shí)現(xiàn)這個(gè)功能

辰風(fēng)沐陽(yáng) 閱讀 2004 2023-03-09