一、前言 緩存可以說是性能優(yōu)化中簡(jiǎn)單高效的一種優(yōu)化方式了。一個(gè)優(yōu)秀的緩存策略可以縮短網(wǎng)頁請(qǐng)求資源的距離，減少延遲，并且由于緩存文件可以重復(fù)利用，還可以減少帶寬，降低網(wǎng)絡(luò)負(fù)荷。...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
深入理解瀏覽器的緩存機(jī)制
-
cookie、sessionStorage和localStorage本地存儲(chǔ)技術(shù)cookie學(xué)習(xí)網(wǎng)址 https://www.runoob.com/js/js-cookies.html https://blog.csdn.net/tanzongbiao/...
-
React：router路由、新聞項(xiàng)目-登錄退出功能react-router 路由 安裝 npm install react-router-dom --save 引用 import{BrowserRouter,Route, L...
-
React：生命周期函數(shù)、axios、react-router、Ant Design樣式組件庫React生命周期函數(shù)分為四部分 一 、初始化數(shù)據(jù)二 、掛載頁面 ——Mounting（1）componentWillMount —— 即將開始掛載頁面（2）render —...
-
React：組件間的傳值、ref屬性獲取節(jié)點(diǎn)、setState是異步的父組件向子組件傳值（屬性） 通過屬性的方式向子組件傳值：<TodoItem value={ 值 } />，子組件通過this.props.值名稱接收使用 子組件向父組件傳值（...
-
React：jsx語法、數(shù)據(jù)驅(qū)動(dòng)的設(shè)計(jì)思想和事件綁定、TodoList練習(xí)jsx語法 一、jsx語法中有兩種標(biāo)簽：1、普通的html標(biāo)簽：在組件中返回出去渲染的標(biāo)簽內(nèi)容不需要像原生js那樣加引號(hào)2、組件標(biāo)簽：例如入口文件index.js中，渲染Ap...
-
-
lodash—JS原生庫、underscore庫、moment日期處理庫
lodash原生庫 簡(jiǎn)介 Lodash是一個(gè)著名的javascript原生庫，不需要引入其他第三方依賴。是一個(gè)意在提高開發(fā)者效率,提高JS原生方法性能的JS庫。簡(jiǎn)單的說就是，...
-
Vue：mixin、單文件組件、內(nèi)存泄漏的原因與解決、虛擬DOMvue中提供了一種混合機(jī)制--mixins，用來更高效的實(shí)現(xiàn)組件內(nèi)容的復(fù)用。最開始我一度認(rèn)為這個(gè)和組件好像沒啥區(qū)別。。后來發(fā)現(xiàn)錯(cuò)了。下面我們來看看mixins和普通情況下引入...
-
-
前端面試總結(jié)節(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í)間...
-
React文件解釋、組件定義及渲染過程安裝node，使用react官方的腳手架工具生成結(jié)構(gòu)，在桌面依次執(zhí)行下面三行命令 node_modules文件夾是存放依賴包 yarn.lock：放置的是整個(gè)項(xiàng)目所依賴的第三...
-
Vue項(xiàng)目詳情頁：keep-alive與路由的關(guān)系、activated生命周期函數(shù)、遞歸組件、css漸變色、動(dòng)態(tài)路由跳轉(zhuǎn)、keep-alive、每次進(jìn)入頁面默認(rèn)從頂部開始、transition組...CSS漸變色樣式 遞歸組件 router-view是設(shè)置路由的，router-link是指定跳轉(zhuǎn)到哪個(gè)頁面的 keep-alive keep-alive會(huì)緩存組件，保存組件的...
-
Vue：項(xiàng)目文件代碼解釋、stylus語法、vuex、vue-router編程式導(dǎo)航、keep-alive讓路由不重復(fù)加載stylus語法 項(xiàng)目代碼結(jié)構(gòu)： README.md：項(xiàng)目說明文件...第三方模塊依賴。 package-lock，json：是package的一個(gè)鎖文件，幫我們確定安裝的第...
-
Vue：非父子組件間的傳值；Vue中使用插槽；作用域插槽；動(dòng)態(tài)組件與v-once==== 非父子組件間的傳值 ==== 非父子組件間的傳值方式：1.Vuex 2.bus,發(fā)布訂閱模式（總線機(jī)制） Bus/總線機(jī)制發(fā)布訂閱模式/觀察者模式： 1、Vue.p...
-
Vue：組件使用細(xì)節(jié)、組件間的傳值；組件傳值校驗(yàn)與props特性；組件綁定原生事件；==== Vue組件使用細(xì)節(jié)點(diǎn) ==== 1、當(dāng)要使用一個(gè)組件但是不能直接使用的時(shí)候（比如定義了一個(gè)組件row，它的內(nèi)容是" this "，要在一個(gè)table標(biāo)簽里使用它...
-
Vue：事件對(duì)象調(diào)用、修飾符；表單綁定、修飾符
==== 事件對(duì)象調(diào)用 ==== 事件調(diào)用的時(shí)候有兩種寫法：①直接寫函數(shù)名 ②在函數(shù)名后面加一個(gè)括號(hào)，括號(hào)里第一個(gè)參數(shù)規(guī)定是事件對(duì)象（規(guī)定寫法$event） （1）直接寫函數(shù)...
-
Vue：條件、列表渲染、template、改變數(shù)組對(duì)象內(nèi)容（set方法）==== 條件渲染 ==== （1）v-if：默認(rèn)判斷某變量是true還是false也可以判斷某變量的值是否是'a','b'等任意東西，只要符合條件就會(huì)渲染 （2）v-els...
-
Vue：計(jì)算屬性、方法與偵聽器；getter、setter；樣式綁定---- 計(jì)算屬性 computed ---- 寫在computed對(duì)象中，計(jì)算屬性有個(gè)內(nèi)置緩存機(jī)制，如果值沒有改變就不會(huì)重新計(jì)算屬性繼續(xù)使用緩存，性能好 ---- 計(jì)算方法...
-
Vue：基礎(chǔ)語法、創(chuàng)建組件、組件間傳值、實(shí)例生命周期Vue實(shí)例 Vue實(shí)例（new Vue()）叫做根實(shí)例，Vue中的每一個(gè)組件也是一個(gè)Vue實(shí)例。一個(gè)Vue的項(xiàng)目實(shí)際上是由很多小的組件組成的，也可以理解為它是由很多Vue的實(shí)...