vue3中使用ref俩滥、reactive倡勇、watch監(jiān)聽(tīng)器馒稍,計(jì)算屬性 2桩了、組件之間傳值使用provide和inject
![240](https://cdn2.jianshu.io/assets/default_avatar/8-a356878e44b45ab268a3b0bbaaadeeb7.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
Object.defineProperty、Object.defineProperties的寫法 Proxy一個(gè) Proxy 對(duì)象由兩個(gè)部分組成: target 、 hand...
element上傳文件組件 v-loading="loading" 加載中的指令 action 后臺(tái)的接口地址 :headers="headers" 后端的接口需要的請(qǐng)...
Tree 樹(shù)形控件 用清晰的層級(jí)結(jié)構(gòu)展示信息,可展開(kāi)或折疊芳撒。 基礎(chǔ)用法: 基礎(chǔ)的樹(shù)形結(jié)構(gòu)展示。 2未桥、可選擇 適用于需要選擇層級(jí)時(shí)使用笔刹。
canvas HTML5的canvas元素使用JavaScript在網(wǎng)頁(yè)上繪制圖像 畫布是一個(gè)矩形區(qū)域,可以控制其每一個(gè)像素 canvas擁有多種繪制矩形冬耿、路徑舌菜、圓形、字符以...
前端面試題 1亦镶、說(shuō)說(shuō)你對(duì) this 的理解日月? 答袱瓮、this 是一個(gè)關(guān)鍵字,它代表函數(shù)運(yùn)行時(shí)爱咬,自動(dòng)生成的一個(gè)內(nèi)部對(duì)象懂讯,只能在函數(shù) 內(nèi)部使用。 1.作為純粹的函數(shù)調(diào)用 this ...
餅圖相關(guān)配置項(xiàng)——從接口獲取數(shù)據(jù)并渲染到頁(yè)面上 異步原因台颠,使用v-if判斷接口數(shù)據(jù)是否獲得,Object.keys()將對(duì)象的key合在一起返回一個(gè)數(shù)組勒庄。
1串前、調(diào)接口獲取reports頁(yè)面的數(shù)據(jù) 一定要添加判斷,因?yàn)榻涌讷@取數(shù)據(jù)是異步的实蔽,不加判斷會(huì)直接把初始化的空對(duì)象傳給組件荡碾,所以需要加判斷,等待接口獲取到數(shù)據(jù)之后局装,再渲染折線圖組件坛吁。
使用echarts制作折線圖與柱狀圖混合圖表 完成步驟: 1.創(chuàng)建dom容器,并設(shè)置寬高铐尚,以及ref拨脉,數(shù)據(jù)從接口提前獲取好 2.mounted 創(chuàng)建echarts實(shí)例并調(diào)用 ...
git創(chuàng)建 查看本地git倉(cāng)庫(kù)的配置項(xiàng): git config --list 查看name 和 email有沒(méi)有創(chuàng)建如果沒(méi)有創(chuàng)建,就執(zhí)行下面命令創(chuàng)建: git全局下創(chuàng)建用戶名...
封裝axios 創(chuàng)建http文件夾和文件宣增,并創(chuàng)建好axios實(shí)例和攔截器 對(duì)各種請(qǐng)求做一層封裝通過(guò)promise: 對(duì)具體的請(qǐng)求進(jìn)行調(diào)用: 在vue文件使用post請(qǐng)求: 導(dǎo)...
1.什么是vue的生命周期? Vue實(shí)例從創(chuàng)建到銷毀的過(guò)程爹脾,就是生命周期帖旨。也就是從開(kāi)始創(chuàng)建、初始化數(shù)據(jù)灵妨、編譯模板解阅、掛載DOM->渲染、更新->渲染泌霍、卸載等一系列過(guò)程货抄,我們稱這...
vue,動(dòng)態(tài)路由 router/index.js中要先設(shè)置首個(gè)一級(jí)路由的childen才能實(shí)現(xiàn)redirect的默認(rèn)的二級(jí)路由跳轉(zhuǎn),否則動(dòng)態(tài)路由還沒(méi)生成烹吵,默認(rèn)的 redire...
正則表達(dá)式 \s 匹配任何空白字符碉熄,包括空格、制表符肋拔、換頁(yè)符等等锈津。等價(jià)于 [ \f\n\r\t\v]。注意 Unicode 正則表達(dá)式會(huì)匹配全角空格符凉蜂。 \S 匹配任何非空白...
移動(dòng)端開(kāi)發(fā)的兼容問(wèn)題 1. button高亮顯示問(wèn)題 問(wèn)題: 點(diǎn)擊置灰狀態(tài)的button按鈕琼梆,按鈕會(huì)閃一下藍(lán)色性誉,這和我原本的樣式?jīng)_突。在此之前已經(jīng)清除了outline:non...
less的使用 1茎杂、npm i less --save-dev 把less源碼安裝到開(kāi)發(fā)環(huán)境 /* less文件是通過(guò)less.loader.js 來(lái)編譯成css最后加載到頁(yè)...