利用vite創(chuàng)建vue3項(xiàng)目 npm init vite-app projectName 安裝依賴運(yùn)行項(xiàng)目： cd projectName npm install npm r...
IP屬地：江蘇
-
Vue3
-
js常見(jiàn)面試題1.簡(jiǎn)述創(chuàng)建函數(shù)的幾種方式 第一種（函數(shù)聲明）： function sum1(num1,num2){ return num1+num2; } 第二種（函數(shù)表達(dá)式） var s...
-
Vue面試題
1.javaScript 的 Dom 節(jié)點(diǎn)操作創(chuàng)建炒考、插入、刪除窥摄、復(fù)制侦厚、查找 一、創(chuàng)建節(jié)點(diǎn)、追加節(jié)點(diǎn) 1咕痛、createElement（標(biāo)簽名）創(chuàng)建一個(gè)元素節(jié)點(diǎn)（具體的一個(gè)元素）...
-
canvas效果圖如下： 第一步：創(chuàng)建一個(gè)帶id簿姨，寬高的canvas距误，寬高屬性不需要style包裹 第二步：獲取這個(gè)dom并創(chuàng)建canvas對(duì)象 第三步：進(jìn)行創(chuàng)建和關(guān)閉路徑的編寫同時(shí)再這...
-
中國(guó)地圖
<template> </template> import * as echarts from "echarts"; import "./utils/china-1.js...
-
餅圖餅圖相關(guān)配置項(xiàng)——從接口獲取數(shù)據(jù)并渲染到頁(yè)面上 異步：使用v-if判斷接口數(shù)據(jù)是否獲得，Object.keys()將對(duì)象的key合在一起返回一個(gè)數(shù)組扁位。 :reportList...
-
折線圖1准潭、調(diào)接口獲取reports頁(yè)面的數(shù)據(jù) ?? 一定要添加判斷，因?yàn)榻涌讷@取數(shù)據(jù)是異步的域仇，不加判斷會(huì)直接把初始化的空對(duì)象傳給組件刑然，所以需要加判斷，等待接口獲取到數(shù)據(jù)之后暇务，再渲染折...
-
Echarts
使用如下命令通過(guò) npm 安裝 ECharts npm install echarts --save 組件頁(yè)面中導(dǎo)入html內(nèi)容 在主頁(yè)面導(dǎo)入組件泼掠，并且讓視圖隨頁(yè)面尺寸變化 ...
-
-
深淺拷貝下面內(nèi)容是淺拷貝，只是把地址給到了obj2般卑，兩個(gè)對(duì)象共用了同一個(gè)堆內(nèi)存 下面的是深拷貝武鲁，可以保證兩個(gè)對(duì)象之前的數(shù)據(jù)改變，不會(huì)互相影響 下面是elementui 用戶信息修改 ...
-
實(shí)現(xiàn)elementui搜索用戶功能接口添加查詢字段： 編寫表單和搜索按鈕： Data中添加v-model對(duì)應(yīng)的字段： Methods中添加搜索方法： 點(diǎn)擊搜索按鈕的時(shí)候調(diào)用
-
Vue常見(jiàn)面試題
1.什么是vue的生命周期蝠检？ Vue實(shí)例從創(chuàng)建到銷毀的過(guò)程沐鼠，就是生命周期。也就是從開(kāi)始創(chuàng)建叹谁、初始化數(shù)據(jù)饲梭、編譯模板、掛載DOM->渲染焰檩、更新->渲染憔涉、卸載等一系列過(guò)程，我們稱這...
-
使用抽屜組件添加用戶1析苫、實(shí)現(xiàn)抽屜靜態(tài)頁(yè)面功能 2兜叨、實(shí)現(xiàn)子組件界面 復(fù)制的組件中的如下代碼： 在data中校驗(yàn)表單： 提交的時(shí)候調(diào)用接口提交表單： 發(fā)送自定義事件穿扳，提交成功的時(shí)候刷新表格并關(guān)閉抽屜：
-
Vue面試高頻題目
1、開(kāi)發(fā)中常用的指令有哪些 v-model:一般用在表達(dá)輸入国旷，很輕松的實(shí)現(xiàn)表單控件和數(shù)據(jù)的雙向綁定 v-html: 更新元素的 innerHTML v-show與v-if: ...
-
導(dǎo)航菜單的疑難雜癥一進(jìn)入index頁(yè)面就默認(rèn)進(jìn)入二級(jí)路由users頁(yè)面 點(diǎn)擊二級(jí)菜單一級(jí)菜單會(huì)縮起來(lái)的情況怎么解決矛物？ 一進(jìn)入頁(yè)面就默認(rèn)激活/index/user導(dǎo)航菜單怎么解決？ defaul...
-
element主界面的搭建找到其中的代碼復(fù)制到主頁(yè)上： 整段代碼拿過(guò)來(lái)的時(shí)候記得加上template 把el-menu組件改成如下的格式： 把高度設(shè)置成100vh跪但，全屏展示： 一進(jìn)入頁(yè)面調(diào)用接口獲取數(shù)...
-
安裝elementuiElement官網(wǎng)：https://element.eleme.cn/#/zh-CN/component/form 操作步驟： 第一步： 命令窗口中在項(xiàng)目地址下： 輸入npm...
-
vue中使用postcss-pxtorem實(shí)現(xiàn)適配
場(chǎng)景:vue搭建移動(dòng)端頁(yè)面履羞，main.js引入全局css報(bào)錯(cuò)。 原因：用了postcss-px2rem與postcss-px2rem-exclude導(dǎo)致的問(wèn)題屡久， 解決方案：卸...
-
less
less的使用 1忆首、npm i less --save-dev 把less源碼安裝到開(kāi)發(fā)環(huán)境 /* less文件是通過(guò)less.loader.js 來(lái)編譯成css最后加載到頁(yè)...
-
map mixins混入 Vue輪播圖
1.VUE的swiper輪播步驟： 第一步： 安裝依賴npm i swiper@5 --save npm i vue-awesome-swiper@3 --save 第二步：...