原创 vue 給不同組件數據添加千分位符且保留兩位小數
方法一：使用filter過濾器的方法給普通元素添加千分位符且保留兩位小數 <template> <div class="app-container"> {{ obj | modifyObject }} {{ obj1
2024-04-20 13:30:05
原创 echarts記錄篇(五)：關於餅圖及柱狀圖tooltip數據formater自定義;及Y軸座標數據間隔
一.柱狀圖例顏色+圖例名稱自定義寫死的寫法 (data) => { console.log("data:") console.log( data); if(data){ var bw = 30; var
2024-01-17 13:31:25
原创 echarts記錄篇(六)：象形圖記錄
(data) => { console.log(data); var categories1 = []; var name = []; var data1 = []; var data2 = [];
2024-01-17 13:31:25
原创 echarts記錄篇(八)：餅圖記錄
(data)=>{ console.log(data); var categories = []; for(var i=0 ; i< data.length ; i++){ categories.p
2024-01-17 13:31:15
原创 echarts記錄篇(七)：雷達圖記錄
(data)=>{ console.log(data); var categories1 = []; var categories2 = []; var name = [];
2024-01-17 13:31:15
原创 echarts記錄篇(四)：堆積圖記錄
(data) => { console.log("data:") console.log( data); if(data){ var bw = 30; var itemGap = 10; var
2024-01-15 13:31:11
原创 echarts記錄篇(一)：使用柱狀圖實現排名前邊有排序數字
一、效果如圖： 二、直接上代碼 yAxis: { inverse: true, //如果數據數組倒置排序，加上此代碼 data: categories1, offset: 0, axis
2023-07-24 13:37:35
原创 基於 xterm + websocket + vue 實現網頁版終端 terminal
cdn形式html頁面實現 在進行開發這個功能的時候,進行了百度,最後參考此博主的文章中的自定義版本,進行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 開發過程
2023-04-13 13:29:05
原创 css變量聲明使用
今天跟朋友聊天被推薦的一個css變量使用,感覺挺方便的,適用於各種頁面,類似於scss less ~好處是減少樣式代碼的重複性，增加樣式代碼的擴展性和靈活性 簡單使用: <style> :root { --color:#000;
2023-04-12 13:29:19
原创 vue3使用elmentui-plus中的圖標
按照官網這樣直接引入使用,不知道爲啥行不通: import { Document, Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue'
2023-04-12 13:29:19
原创 cdn引入vue 在html頁面中,用axios請求接口
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue axios 渲染數據</title> <script src="https://cdn.staticfile.
2023-03-29 13:29:36
1
原创 JS取出兩個數組中的不同或相同元素（簡易方法）
一、使用 concat 和 filter 取出不同的元素（取出兩個數組的不同元素==>既在arr1又在arr2） var arr1 = [0,1,2,3,4,5]; var arr2 = [0,4,6,1,3,9]; function g
2023-03-28 13:31:26
原创 typescript 提示 Object is possibly ‘null‘ 的N種解決方法
用watch監聽某個一個數組數據,獲取其length時,提示Object is possibly ‘null‘ .具體如下: 解決方法如下:就是加null的判斷 typescript 提示 Object is poss
2023-03-24 13:30:01
原创 vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年齡:{{ obj.age }}</h3> <hr /> <
2023-03-24 13:30:01
原创 vue3+ts初學之創建一個vue3項目
(1)使用vue-cli創建: ## 安裝或者升級 npm install -g @vue/cli ## 保證 vue cli 版本在 4.5.0 以上 vue --version ## 創建項目 vue create my-projec
2023-03-21 13:29:07