一、純 CSS 方案(利用 animationend 事件) 通過(guò)監(jiān)聽(tīng)動(dòng)畫(huà)結(jié)束事件 animationend,觸發(fā)下一個(gè)動(dòng)畫(huà)。 二、Web An...
一、純 CSS 動(dòng)畫(huà)(推薦優(yōu)先使用) 原理:利用 CSS 的 transition(過(guò)渡)或 @keyframes(關(guān)鍵幀動(dòng)畫(huà))實(shí)現(xiàn)動(dòng)畫(huà)。 tr...
響應(yīng)式布局是指網(wǎng)頁(yè)能夠自動(dòng)適應(yīng)不同設(shè)備(PC、平板、手機(jī)等)的屏幕尺寸,提供最佳瀏覽體驗(yàn)。方案 實(shí)現(xiàn)方式 優(yōu)點(diǎn) 缺點(diǎn) 適用場(chǎng)景 方案...
Vue3.0 和 Vue2.0 相比,優(yōu)勢(shì)主要體現(xiàn)在:更快、更小、更易維護(hù)、更易于原生、讓開(kāi)發(fā)者更爽; 更快 virtual DOM 完全重寫(xiě),...
前言:大家都是到Vue2.0 的雙向綁定是通過(guò) Object.defineProperty 來(lái)劫持對(duì)象的setter 和 getter 方法來(lái)實(shí)...
Proxy 《ECMAScript6入門(mén)》中式這樣描述的 Proxy 用于修改某些操作的默認(rèn)行為,等同于在語(yǔ)言層面做出修改,所以屬于一種“元編程...
父組件中添加 scoped 屬性會(huì)影響子組件嗎 答:不會(huì);在父組件中添加scoped之后,在父組件中書(shū)寫(xiě)子組件的樣式是無(wú)效果的。去掉scoped...
官方定義 keep-alive 是 Vue 的內(nèi)置組件,當(dāng)它包裹動(dòng)態(tài)組件時(shí),會(huì)緩存不活動(dòng)的組件實(shí)例,而不是銷毀它們。和 transition 相...
1.行內(nèi)元素和塊級(jí)元素 1. 行內(nèi)元素特點(diǎn)? 元素排列在一行 只能包含文本或其他內(nèi)聯(lián)元素 寬高就是內(nèi)容的寬高,設(shè)置寬高無(wú)效 行內(nèi)元素水平方向的m...