原创 vite + vitest + element Plus + vue3
遇到問題： 1. TypeError: Unknown file extension ".scss" for D:\workspace\ai_plat_front\node_modules\element-plus\theme-chalk\
2023-11-27 16:02:06
22
原创 前端如何使得兩個項目之間通信，window.open + postMessage
一、背景 由於公司內部需求不斷加大，一個項目無法滿足，多個項目直接需滿足互相通信，則需要解決跨域傳遞消息的問題 二、兩個項目之間如何通信，如何解決解決跨域傳遞消息 1. A.html ( https://www.a.com ) <di
2023-10-13 14:32:36
1
原创 Vue + GitLab 實現自動化部署
二、Linux 安裝nginx 在Linux上安裝NGINX的步驟如下： 打開終端（命令行界面）。 使用以下命令安裝NGINX： 對於Ubuntu/Debian系統： sudo apt-get install
2023-09-07 14:29:50
2
原创 Vue3 + Eslint + prettier
一、背景 公司內部團隊大部分由多人組成，當遇到多個前端開發同一個項目時，代碼規範及代碼質量，是需要考慮的一個重中之重 二、Eslint + prettier 是什麼 ESLint 的主要功能包含代碼格式和代碼質量的校驗，而 Prettie
2023-08-16 14:29:54
4
原创 vue語法錯誤 + Promise錯誤 + js 錯誤，通過釘釘報警
一、背景： 爲了使系統更加穩定，在用戶使用期間，若發現異常，可及時應對，採取了“報警機制”。 通常“報警機制”分爲2種，一種是後端對api監控及自定義監控，出現異常，通過釘釘或郵件的形式通知，第二種是前端對js語法，vue語法，自定義報
2023-08-15 14:29:48
1
原创 git 重設密碼後，提示 Authentication failed for
1. 第一步操作，記住密碼 git config --global credential.helper store 2. 拉代碼 git pull 3. 重新輸入賬號密碼（會有一個小彈框提示輸入） 4. 或者重新輸入賬號密碼
2023-07-20 14:29:59
3
原创 如何下載低版本 IE 瀏覽器 或者 IE瀏覽器如何做兼容
如何下載低版本 IE 瀏覽器 項目中 在 index.html 中新增 script 代碼 (function (w) { if (!("WebSocket" in w && 2 === w
2023-06-10 14:29:35
原创 Vue3 中 ref 的優勢
1. 允許使用任何值類型 2. 一個包含對象類型值的 ref 可以響應式地替換整個對象： const objectRef = ref({ count: 0 }) // 這是響應式的替換 objectRef.value = { coun
2023-06-03 14:30:11
原创 Vue3 中組合式API 與 React Hooks 的區別是？
Vue3 中組合式API 與 React Hooks 的區別是？ 1. 調用順序 Vue3：組合式API不限制調用順序，可以有條件地進行調用 React-hooks：有調用順序的限制，不可以寫在條件分支中 查看源碼分析：例如：u
2023-06-02 14:29:46
1
原创 Vue3 reactive 定義一個變量時，如何具有響應式？
錯誤示範： const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假設請求接口返回的數據 // 方法1 失敗，直接賦值丟失了響應性
2023-06-02 14:29:46
原创 css實現瀑布流
html部分 <ul class="ul-container"> <li v-for="item in list" :key="item.id"> <image :src="item.url"/> </li
2023-06-01 14:29:47
4
原创 Webpack 面試題
一、談談你對Webpack的理解？ WebPack 是一個模塊打包工具，你可以使用WebPack管理你的模塊依賴，並編繹輸出模塊們所需的靜態文件。它能夠很好地管理、打包Web開發中所用到的HTML、Javascript、CSS以及各種靜態文
2023-05-06 14:29:40
原创 TypeScript 面試題
一、TypeScript 是什麼？ JavaScript是一種解釋型的腳本語言，基於對象，跨平臺的特性，活躍於各大網站製作中。而TypeScript則是以JavaScript作爲基礎，並對其擴展的一種新的語言， 二、TypeScript
2023-05-04 14:29:38
原创 Axios 面試題
一、Axios是什麼？Axios是一個基於promise的網絡請求庫，可用於node.js和瀏覽器中。它是isomorphic的(即同一套代碼可以運行在瀏覽器和node.js中)。在服務端它使用原生node.js http模塊，而在客戶端(
2023-05-04 14:29:38
11