欧美1区2区3区激情无套,两个女人互添下身视频在线观看,久久av无码精品人妻系列,久久精品噜噜噜成人,末发育娇小性色xxxx

1. 虛擬DOM 虛擬dom是當(dāng)前前端最流行的兩個(gè)框架（vue和react）都用到的一種技術(shù)，都說他能幫助vue和react提升渲染性能，提升用戶體驗(yàn)。 虛擬DOM就是一個(gè)普通的js對(duì)象（VNode 節(jié)點(diǎn)），是一個(gè)用來描述真實(shí)dom結(jié)構(gòu)的js對(duì)象。 為什么要用虛擬DOM 你用傳統(tǒng)的原生api或jQuery去操作DOM時(shí)，瀏覽器會(huì)從構(gòu)建DOM樹開始從頭到尾執(zhí)行一遍流程。 當(dāng)你在一次操作時(shí)，需要更新10個(gè)DOM節(jié)點(diǎn)，瀏覽器沒這么智能，收到第一個(gè)更新DOM請(qǐng)求后，并不知道后續(xù)還有9次更新操作，因此會(huì)馬上執(zhí)行流程，最終執(zhí)行10次流程。 而通過VNode，同樣更新10個(gè)DOM節(jié)點(diǎn)，虛擬DOM不會(huì)立即操作...

promise,是異步操作（讀取文件，發(fā)起網(wǎng)絡(luò)請(qǐng)求）的一種解決方案，解決了回調(diào)地獄（傳統(tǒng)的解決方案）的出現(xiàn)。 1.回調(diào)地獄 在異步編程的領(lǐng)域中，回調(diào)地獄是一個(gè)經(jīng)常困擾開發(fā)者的難題。它的產(chǎn)生源于回調(diào)函數(shù)的過度嵌套，從而導(dǎo)致代碼結(jié)構(gòu)變得錯(cuò)綜復(fù)雜。當(dāng)一個(gè)回調(diào)函數(shù)內(nèi)部嵌套另一個(gè)回調(diào)函數(shù)時(shí)，就像是在一個(gè)盒子里不斷嵌套更小的盒子，層層深入。 例如，假設(shè)我們要模擬發(fā)送三個(gè)異步請(qǐng)求，并且第二個(gè)請(qǐng)求依賴于第一個(gè)請(qǐng)求結(jié)果中的某個(gè)特定值作為參數(shù)，第三個(gè)請(qǐng)求又依賴于第二個(gè)請(qǐng)求結(jié)果中的某個(gè)值作為參數(shù)。如果使用傳統(tǒng)的回調(diào)函數(shù)方式，代碼可能會(huì)呈現(xiàn)出如下的形態(tài)： function fn() { setT...

1.生命周期 對(duì)于生命周期來說，整體上變化不大，只是大部分生命周期鉤子名稱上 + “on”，功能上是類似的。不過有一點(diǎn)需要注意，Vue3 在組合式API（Composition API，下面展開）中使用生命周期鉤子時(shí)需要先引入，而 Vue2 在選項(xiàng)API（Options API）中可以直接調(diào)用生命周期鉤子。 import { onMounted } from 'vue'; // 使用前需引入生命周期鉤子 // 可將不同的邏輯拆開成多個(gè)onMounted，依然按順序執(zhí)行，不會(huì)被覆蓋 onMounted(() => { // ... }); Vue2 Vue3 bef...

css單位主要包含以下幾種：px，em，rem，vh，vw，vmax，vmin，下面我們主要介紹這幾種單位。 1. px px表示像素，屬于絕對(duì)長度單位，1px=1物理像素。 2. em em是相對(duì)長度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸（1em = 16px）。 為了簡化 font-size 的換算，我們需要在css中的 body 選擇器中聲明font-size= 62.5%，這就使 em 值變?yōu)?6px * 62.5% = 10px。（就不為16px）. 這樣 12px = 1.2em, 10px = 1em, 也就是說...

BFC，全稱為Block Formatting Context（塊級(jí)格式化上下文），是Web頁面中的一個(gè)獨(dú)立渲染區(qū)域，讓處于BFC內(nèi)部的元素與外部的元素相互隔離，確保內(nèi)部元素的布局不會(huì)被外部元素影響。 1.觸發(fā)BFC的條件 要?jiǎng)?chuàng)建一個(gè)BFC，你可以使用以下任一CSS屬性： 1.overflow 不為 visible 2.float 屬性不為 none 3.display 為 inline-block、flex、inline-flex、table-cell、grid、flow-root 或 table-caption 4.position 為 absolute 或 fixed 2.BFC的布局規(guī)...

在前端中我們主要使用以下方法來實(shí)現(xiàn)水平垂直居中 1.單行文本 line-height + text-align .box { width: 400px; height: 200px; line-height: 200px; /* 控制行高（行間距） */ text-align: center; /* 控制文本水平對(duì)齊方式 */ } 2.多行文本或盒子 2.1 flex 彈性布局 .container { display: flex; /* 啟用 Flex 布局 */ justify-content: center; /* 主軸（默認(rèn)橫向）居中 *...

flex:1 flex 是 flex-grow, flex-shrink, flex-basis. 三個(gè)屬性的簡寫，默認(rèn)值為 0 1 auto。該屬性有兩個(gè)快捷值：auto(1 1 auto) 和 none(0 0 auto)。建議優(yōu)先寫 flex 屬性，而不是寫三個(gè)分離的屬性，因?yàn)闉g覽器會(huì)自動(dòng)計(jì)算其相關(guān)值。 flex-grow 默認(rèn)為0， 只能是正整數(shù)。即父元素有剩余空間也不放大元素。如果為 1，則把剩余空間的一份加給自己的寬度。 flex-shrink 默認(rèn)為1，只能是正整數(shù)。即父元素空間不足則按比例收縮。如果為 0，則不收縮。 flex-basis 默認(rèn)為 auto, 即元素本身的大小。...

1.Flex容器 任何一個(gè)容器都可以被指定為Flex布局，這樣容器內(nèi)部的元素就可以使用Flex進(jìn)行布局。 采用Flex布局的元素，稱為Flex容器（flex container），簡稱”容器”。 它的所有子元素自動(dòng)成為容器成員，稱為Flex項(xiàng)目（flex item），簡稱”項(xiàng)目” 2.Flex屬性 1.flex-direction: 設(shè)置主軸的方向(默認(rèn)為水平方向，起點(diǎn)在左端) 2.justify-content: 設(shè)置主軸上的子元素排列方式 3.flex-wrap: 設(shè)置子元素是否換行 4.align-content: 設(shè)置側(cè)軸上子元素的排列方式（多行） 5.align-item...

JS的變量提升指的是代碼在執(zhí)行前會(huì)將變量提升到作用域的頂部，僅存在var聲明變量中。 console.log(num + '件') // undefined var num = 10 只提升生命，不提升賦值。 上段代碼類似于 var num; console.log(num + '件') num = 10; 在函數(shù)作用域中也同樣遵循該規(guī)則。 注意 1、let/const聲明的變量在未聲明即被訪問時(shí)會(huì)報(bào)語法錯(cuò)誤。 2、變量在var聲明之前即被訪問，變量的值為undefined。 3、let/const聲明的變量不存在變量提升。 4、變量提升出現(xiàn)在相同作用域中。 函數(shù)提升 // 1、會(huì)把...

ES6新特性 1. 變量聲明 let/const let 特性：1. 擁有塊級(jí)作用域，這意味著在 if 語句、for 循環(huán)、while 循環(huán)等代碼塊中聲明的 let 變量，只在該代碼塊內(nèi)有效。2. 不允許在同一作用域內(nèi)重復(fù)聲明同一個(gè)變量。 const 特性：1. 也具有塊級(jí)作用域。2. 聲明時(shí)必須進(jìn)行初始化賦值，且賦值后不能再重新賦值修改其值。3. 如果 const 聲明的是一個(gè)對(duì)象或數(shù)組，雖然不能重新賦值整個(gè)對(duì)象或數(shù)組，但可以修改對(duì)象的屬性值或數(shù)組的元素值。 2. 箭頭函數(shù) 箭頭函數(shù)特性：1. 消除了函數(shù)的二義性。2. 簡潔的語法。3. 箭頭函數(shù)不會(huì)創(chuàng)建自己的 this 上下文，而是繼承外層...