原创 vue3 echart組件封裝
項目中用到了很多echart圖表，進行了簡單的組件封裝，主要包含以下功能： 創建圖表實例，渲染圖表 支持傳入自定義函數，可拿到圖表實例，實現個性化功能 支持配置更新後圖表自動刷新，可配置是清空後再刷新 loading狀態控制 resize
2024-03-01 13:13:33
3
原创 全屏API及vue3 hook封裝
最近在一個大屏項目遇到一個需求：用戶可以通過一個按鈕，觸發頁面部分模塊全屏。通過以下API可以實現： Element.requestFullscreen()方法用於發出異步請求使元素進入全屏模式。 且全屏狀態變化會觸發以下事件： fu
2023-11-24 13:23:05
原创 ant design vue 1.x 和 3.x 自定義表單示例
以下是項目中用到的自定義表單的寫法，vue2 vue3 各記錄一個。 1.x(For vue2) 自定義表單的示例 實現如下圖的控件 代碼如下： import { Component, Prop, Vue, Watch } from 'v
2023-11-21 13:14:38
原创 qiankun vue子應用升級webpack5問題記錄
升級的方式是使用最新版本的 vue-cli 腳手架，重新創建一個新項目，然後複製 @vue/cli-xxx , vue 相關依賴最新版本到子應用項目 -> 覈對babel, eslint相關配置的變化 -> 重新安裝依賴，處理出現的相各種異
2023-04-27 13:13:14
原创 類型體操-Tuple to Object
刷類型體操時，問題的記錄及收穫 Tuple to Object const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const type result = TupleTo
2023-04-27 13:13:14
原创 vue-router3.x和vue-router4.x相互影響的問題記錄
背景 項目中有一個系統使用的微前端，主站使用是vue2實現的，使用的是vue-router3.x。子應用有使用vue3實現的，使用的爲vue-router4.x。 該子應用中的頁面A有通過操作按鈕觸發跳轉到其他子應用頁面B的需求，此時使用的
2023-04-27 13:13:14
原创 一個簡單的websocket hook
一個簡單的 vue3 的 websocket hook. 有以下基礎功能： 創建鏈接 失敗重連 發送心跳包 import { ref } from "vue"; export interface WS_CONFIG { url:
2022-06-10 13:22:58
原创 單元測試 - 測試場景記錄
記錄在進行單元測試中所遇到的特殊場景，使用的依賴版本爲 "jest": "26.6.0"。不斷補充，積少成多(但願吧···) 模擬 DOM 事件 這裏以模擬touch事件爲例。測試中需要模擬左滑和右滑，需要觸發 touchstart 和 t
2022-02-26 13:14:08
原创 mongoose基礎使用
mongoose與mongodb 首先，要明確mongoose和mongodb是什麼？ mongodb是一種文檔數據庫；而mongoose是一種能在node環境中優雅地操作mongodb的對象模型工具庫，它提供了類型轉換、驗證、查詢等等各種
2021-08-05 13:08:49
原创 配置nodejs和mongoDB環境
Node環境 在Node官網：https://nodejs.org/zh-cn/download/ 尋找需要的node版本下載鏈接 下載文件，解壓 ，重命名 wget https://nodejs.org/dist/v14.17.3
2021-08-02 13:08:45
原创 npm 常用命令彙總
經常會忘記一些常用命令，在這裏進行彙總記錄，會不斷進行更新 初始化 npm init 生成一份package.json配置，會以詢問的方式進行一些初始化配置。 參數 --force --yes 可以通過這兩個配置跳過詢問環節，直接生成默
2021-07-24 13:08:44
原创 vue-router history模式 爲什麼需要服務端配置以及如何配置
vue-router 的 history模式，是爲了地址欄看起來更加自然。但是需要在服務端進行一些額外的配置。 爲什麼需要額外配置？ 假設應用地址爲abc.com，服務端不加額外的配置。當通過abc.com來訪問時，是沒有問題的，可以正常加
2021-04-28 13:08:57
原创 組件庫搭建總結
開始搭建之前要明確需要支持什麼能力，再逐個考慮要如何實現。本項目搭建時計劃需要支持以下功能： 支持組件測試/demo 支持不同的引入方式 : 全部引入 / 按需加載 支持主題定製 支持文檔展示 組件測試/demo 本項目是 vue 組件
2021-04-15 13:08:44
原创 Babel - 可以使用環境變量區分配置
環境變量 在進行bable配置時，可以通過環境變量來爲某個環境做特殊的配置，特定環境的設置項會被合併、覆蓋到沒有特定環境的設置項中。 env: { dev: { presets: [ '@vue/cl
2021-04-14 13:08:52
1
原创 用正則表達式獲取URL中的查詢參數
總結獲取url中查詢參數的兩種方式 通過正則表達式獲取單個參數 url中的所有查詢參數可以通過 window.location.search 字段獲取，以字符串的形式返回。並有固定的格式 ?param1=value1¶m2=valu
2019-11-20 14:08:06