一、前言 緩存可以說是性能優(yōu)化中簡(jiǎn)單高效的一種優(yōu)化方式了。一個(gè)優(yōu)秀的緩存策略可以縮短網(wǎng)頁請(qǐng)求資源的距離,減少延遲,并且由于緩存文件可以重復(fù)利用,還可以減少帶寬,降低網(wǎng)絡(luò)負(fù)荷。...
一、前言 緩存可以說是性能優(yōu)化中簡(jiǎn)單高效的一種優(yōu)化方式了。一個(gè)優(yōu)秀的緩存策略可以縮短網(wǎng)頁請(qǐng)求資源的距離,減少延遲,并且由于緩存文件可以重復(fù)利用,還可以減少帶寬,降低網(wǎng)絡(luò)負(fù)荷。...
cookie學(xué)習(xí)網(wǎng)址 https://www.runoob.com/js/js-cookies.html https://blog.csdn.net/tanzongbiao/...
react-router 路由 安裝 npm install react-router-dom --save 引用 import{BrowserRouter,Route, L...
React生命周期函數(shù)分為四部分 一 、初始化數(shù)據(jù)二 、掛載頁面 ——Mounting(1)componentWillMount —— 即將開始掛載頁面(2)render —...
父組件向子組件傳值(屬性) 通過屬性的方式向子組件傳值:<TodoItem value={ 值 } />,子組件通過this.props.值名稱接收使用 子組件向父組件傳值(...
jsx語法 一、jsx語法中有兩種標(biāo)簽:1、普通的html標(biāo)簽:在組件中返回出去渲染的標(biāo)簽內(nèi)容不需要像原生js那樣加引號(hào)2、組件標(biāo)簽:例如入口文件index.js中,渲染Ap...
lodash原生庫 簡(jiǎn)介 Lodash是一個(gè)著名的javascript原生庫,不需要引入其他第三方依賴。是一個(gè)意在提高開發(fā)者效率,提高JS原生方法性能的JS庫。簡(jiǎn)單的說就是,...
vue中提供了一種混合機(jī)制--mixins,用來更高效的實(shí)現(xiàn)組件內(nèi)容的復(fù)用。最開始我一度認(rèn)為這個(gè)和組件好像沒啥區(qū)別。。后來發(fā)現(xiàn)錯(cuò)了。下面我們來看看mixins和普通情況下引入...
節(jié)流和防抖 節(jié)流:短時(shí)間內(nèi)頻繁觸發(fā)事件時(shí),第一次事件會(huì)執(zhí)行,執(zhí)行完畢有一個(gè)冷卻時(shí)間,過了這個(gè)時(shí)間才可以再次觸發(fā),適用于監(jiān)聽窗口滾動(dòng)事件,即使用戶不斷拖動(dòng)滾動(dòng)條,也能在某個(gè)時(shí)間...
安裝node,使用react官方的腳手架工具生成結(jié)構(gòu),在桌面依次執(zhí)行下面三行命令 node_modules文件夾是存放依賴包 yarn.lock:放置的是整個(gè)項(xiàng)目所依賴的第三...
CSS漸變色樣式 遞歸組件 router-view是設(shè)置路由的,router-link是指定跳轉(zhuǎn)到哪個(gè)頁面的 keep-alive keep-alive會(huì)緩存組件,保存組件的...
stylus語法 項(xiàng)目代碼結(jié)構(gòu): README.md:項(xiàng)目說明文件...第三方模塊依賴。 package-lock,json:是package的一個(gè)鎖文件,幫我們確定安裝的第...
==== 非父子組件間的傳值 ==== 非父子組件間的傳值方式:1.Vuex 2.bus,發(fā)布訂閱模式(總線機(jī)制) Bus/總線機(jī)制發(fā)布訂閱模式/觀察者模式: 1、Vue.p...
==== Vue組件使用細(xì)節(jié)點(diǎn) ==== 1、當(dāng)要使用一個(gè)組件但是不能直接使用的時(shí)候(比如定義了一個(gè)組件row,它的內(nèi)容是" this ",要在一個(gè)table標(biāo)簽里使用它...
==== 事件對(duì)象調(diào)用 ==== 事件調(diào)用的時(shí)候有兩種寫法:①直接寫函數(shù)名 ②在函數(shù)名后面加一個(gè)括號(hào),括號(hào)里第一個(gè)參數(shù)規(guī)定是事件對(duì)象(規(guī)定寫法$event) (1)直接寫函數(shù)...
==== 條件渲染 ==== (1)v-if:默認(rèn)判斷某變量是true還是false也可以判斷某變量的值是否是'a','b'等任意東西,只要符合條件就會(huì)渲染 (2)v-els...
---- 計(jì)算屬性 computed ---- 寫在computed對(duì)象中,計(jì)算屬性有個(gè)內(nèi)置緩存機(jī)制,如果值沒有改變就不會(huì)重新計(jì)算屬性繼續(xù)使用緩存,性能好 ---- 計(jì)算方法...
Vue實(shí)例 Vue實(shí)例(new Vue())叫做根實(shí)例,Vue中的每一個(gè)組件也是一個(gè)Vue實(shí)例。一個(gè)Vue的項(xiàng)目實(shí)際上是由很多小的組件組成的,也可以理解為它是由很多Vue的實(shí)...