本文已整理到 Github，地址 ?? blog[https://github.com/lio-zero/blog]。 如果我的內(nèi)容幫助到了您，歡迎點(diǎn)個(gè) Star ?????? 鼓勵(lì)...
發(fā)簡(jiǎn)信
IP屬地：北京
-
使用 v-once 和 v-memo 指令來提升性能
-
小程序頁面之間（傳值）傳遞數(shù)據(jù)的方法
1、給html元素添加data-*屬性來傳遞值，然后通過e.currentTarget.dataset或onload的param參數(shù)獲取（data- 名稱不能有大寫字母，不可...
-
ES6學(xué)習(xí)（8）原生繼承
在es5中要實(shí)現(xiàn)繼承，需要兩個(gè)關(guān)鍵步驟：①去繼承構(gòu)造函數(shù)中的成員，②去繼承原型對(duì)象上的成員。 對(duì)于去繼承構(gòu)造函數(shù)中的成員，我們可以借助apply或call方法，唯一的區(qū)別就是...
-
es6中的reduce詳解和使用場(chǎng)景
reduce()方法可以搞定的東西，for循環(huán)，或者forEach方法有時(shí)候也可以搞定，那為啥要用reduce()？這個(gè)問題，之前我也想過，要說原因還真找不到，唯一能找到的是...
-
解決vue-router組件調(diào)用后端數(shù)據(jù)生成動(dòng)態(tài)路由時(shí)import不能使用變量
當(dāng)需要使用后端數(shù)據(jù)來生成動(dòng)態(tài)路由是遇到一個(gè)問題: 能夠正常路由，改為變量形式 點(diǎn)擊菜單路由視圖并不加載，報(bào)錯(cuò)Cannot find module 出現(xiàn)這個(gè)問題原因： webp...
-
詳解JS中常見的5 種 for 循環(huán)
for 循環(huán)在平時(shí)開發(fā)中使用頻率最高的，前后端數(shù)據(jù)交互時(shí)，常見的數(shù)據(jù)類型就是數(shù)組和對(duì)象，處理對(duì)象和數(shù)組時(shí)經(jīng)常使用到 for 遍歷，因此需要徹底搞懂這 5 種 for 循環(huán)。它...
-
vue3的ref和reactive以及toRef和toRefs的區(qū)別。
一、ref能定義任何類型的響應(yīng)式數(shù)據(jù)， 1、但是使用的時(shí)候需要通過.value的形式去修改。 2、參數(shù)可以傳入任意數(shù)據(jù)類型。 3、vue 3.0 setup里定義數(shù)據(jù)時(shí)推薦優(yōu)...
-
Vue Render函數(shù)
前置知識(shí)：vm.$slots 類型：{ [name: string]: ?Array<VNode> } 只讀 響應(yīng)性：否 詳細(xì)：用來訪問被插槽分發(fā)[https://cn.vu...
-
ES6(5)、迭代器和生成器如何理解什么是迭代器，先理解下面一段代碼，每一次執(zhí)行函數(shù)publish，version值就會(huì)增加一次，這好比我們要發(fā)布一個(gè)軟件或者APP、當(dāng)我們需要更新軟件時(shí)候，下次發(fā)布的版...
-
react state 狀態(tài)數(shù)據(jù)
props 和 stateprops 特點(diǎn)是只讀，即修改不會(huì)讓視圖同步更新，想要更新必須再次調(diào)用 render() 渲染函數(shù)state 特點(diǎn)是可讀可寫，在使用 this.se...
-
設(shè)計(jì)模式-職責(zé)鏈說起職責(zé)鏈模式，其實(shí)非常像AOP[https://baike.baidu.com/item/AOP/1332219] - 面向切面編程。利用AOP可以對(duì)業(yè)務(wù)邏輯的各個(gè)部分進(jìn)行...
-
ES6 Reflect
一、概述 Reflect對(duì)象與Proxy對(duì)象一樣，也是 ES6 為了操作對(duì)象而提供的新 API。Reflect對(duì)象的設(shè)計(jì)目的有這樣幾個(gè)。 Reflect 可以用于獲取目標(biāo)對(duì)象...
-
vue3與react、 react hooks
一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函數(shù)、生命周期鉤子、自定義hooks函數(shù)、toRef和toRef...
-
ES6 Iterator 和 for of
一、Iterator：迭代器 迭代器是一種特殊對(duì)象，它具有一些專門為迭代過程設(shè)計(jì)的專有接口，所有的迭代器對(duì)象都有一個(gè)next()方法，每次調(diào)用都返回一個(gè)結(jié)果對(duì)象。結(jié)果對(duì)象有兩...
-
學(xué)技術(shù)
-
一個(gè)簡(jiǎn)單的內(nèi)容中臺(tái)設(shè)計(jì)什么是中臺(tái)？ 首先要理解什么是中臺(tái)：是指搭建一個(gè)靈活快速應(yīng)對(duì)變化的架構(gòu)，快速實(shí)現(xiàn)前端提的需求，避免重復(fù)建設(shè)，達(dá)到提高工作效率目的。有一個(gè)圖可以形象的解釋它： 一個(gè)好的中臺(tái)可以...
-
React系統(tǒng)性學(xué)習(xí)(下)
$ 前言 ? 在《React系統(tǒng)性學(xué)習(xí)(上)》中我們主要學(xué)習(xí)了 什么是React JSX語法 元素渲染 組件(Component) 和 屬性 (Props) 狀態(tài)(State...
-
vue路由傳參梳理
前言 vue路由傳參有兩種類型，query，params，這篇文章梳理一下。 一、query 1 傳參 1.1 聲明式 1.2 編程式 2 取值 二、params 1 傳參 ...
-
常用的方法(數(shù)組)
現(xiàn)有數(shù)組 arr.push() 在數(shù)組末尾添加新元素，返回值：數(shù)組新長(zhǎng)度 arr.pop() 刪除數(shù)組的最后一個(gè)元素，返回值：該元素 arr.unshift() 在數(shù)組...
-
React_高階組件的使用
1.什么是高階組件? 官方的定義：高階組件是參數(shù)為組件，返回值為新組件的函數(shù)； 高階函數(shù)的維基百科定義：至少滿足以下條件之一：接受一個(gè)或多個(gè)函數(shù)作為輸入；輸出一個(gè)函數(shù)；ava...
