原创 優雅使用前端枚舉Enum，符合國標的那種！

01、什麼是枚舉Enum？ 枚舉Enum是在多種語言中都有的一種數據類型，用於表示一組特定相關的常量數據集合，如性別（男、女）、數據狀態（可用、禁用）、垂直對齊（頂端、居中、底部）、星期等。特點是數據值固定，不會變，存儲和顯示的內容不同。

2024-02-27 13:06:29 1

原创 前端樹形Tree數據結構使用-🤸🏻‍♂️各種姿勢總結

01、樹形結構數據 前端開發中會經常用到樹形結構數據，如多級菜單、商品的多級分類等。數據庫的設計和存儲都是扁平結構，就會用到各種Tree樹結構的轉換操作，本文就嘗試全面總結一下。 如下示例數據，關鍵字段id爲唯一標識，pid爲父級id，

2024-02-25 13:06:04

原创 一文了解密碼/國密及應用，密碼也卡脖子？

當我們開發金融、國企、政府信息系統時，不僅要符合網絡安全的等保二級、等保三級，還要求符合國密的安全要求，等保測評已經實行很久了，而國密測評近兩年纔剛開始。那什麼是密碼/國密？什麼是密評？本文就關於密碼/國密及應用進行基礎的知識梳理、記錄。

2023-11-10 13:06:21

原创 前端設計模式：工廠模式（Factory）

00、基礎概念 🚩工廠模式封裝了對象的創建new()，將消費者（使用）和生產者（實現）解耦。 工廠是幹什麼的？工廠是生產標準規格的商品的地方，建好工廠，投入原料（參數），產出特定規格的產品。so，工廠模式就是把對象的創建 —— ne

2023-10-07 13:06:04

原创 前端設計模式：單例模式（Singleton）

00、基本概念 單例模式（Singleton Pattern），也稱單體模式，就是全局（或某一作用域範圍）唯一實例，大家共享、複用一個實例對象，也可減少內存開銷。單例模式應該是最基礎、也最常見的設計模式了。 ✅常見場景： 全局狀態

2023-09-18 13:06:05

原创 脫髮祕籍：前端Chrome調試技巧彙總

Chrome瀏覽器調試工具的核心功能： 🥷🏻注：本文測試、截圖均爲Edge瀏覽器（內核是Chromium），瀏覽器內核可瞭解《有哪些瀏覽器/內核？》 00、基礎操作彙總 操作類型 快捷鍵/說明 切換瀏覽器標籤 🔸 C

2023-07-07 13:06:05 2

原创 圖書商城項目練習②後端服務Node/Express/Sqlite

本系列文章是爲學習Vue的項目練習筆記，儘量詳細記錄一下一個完整項目的開發過程。面向初學者，本人也是初學者，搬磚技術還不成熟。項目在技術上前端爲主，包含一些後端代碼，從基礎的數據庫（Sqlite）、到後端服務Node.js（Express

2023-06-30 13:05:58

原创 圖書商城項目練習①管理後臺Vue2/ElementUI

本系列文章是爲學習Vue的項目練習筆記，儘量詳細記錄一下一個完整項目的開發過程。面向初學者，本人也是初學者，搬磚技術還不成熟。項目在技術上前端爲主，包含一些後端代碼，從基礎的數據庫（Sqlite）、到後端服務Node.js（Express

2023-06-29 13:06:10

原创 圖書商城Vue+Element+Node項目練習(...)

本系列文章是爲學習Vue的項目練習筆記，儘量詳細記錄一下一個完整項目的開發過程。面向初學者，本人也是初學者，搬磚技術還不成熟。項目在技術上前端爲主，包含一些後端代碼，從基礎的數據庫（Sqlite）、到後端服務Node.js（Express

2023-06-29 13:06:10

原创 同源和跨域的那些事-簡單圖文總結

01、爲什麼要跨域？ 跨域的根本原因是瀏覽器的“同源策略”，得先了解什麼是同源？—— 就是【協議+域名+端口號】相同，即爲同源，只能向同源的服務發起AJAX請求。 源1 源2 是否同源 a.com b.com 🚫不同源，域

2023-06-22 13:05:58

原创 uniapp企業微信web-view父子通信問題

項目背景：開發工具爲HBuilderX，框架爲uniapp，開發移動端的Web應用，在企業微信中使用（自建應用），Web開發的應用，不是小程序。 需求：頁面中用到<web-view>組件，加載其他系統的頁面（有跨域），需要在父子頁面之間相互

2023-06-20 13:06:48

原创 Vue跨域配置異常採坑：Request failed with status code 401

本地用Express作爲服務端，前端Vue項目配置跨域代理，調用服務端api接口始終報錯“Request failed with status code 401”。原來發現是端口3000被佔用了，被VSCode的一個插件佔用了，修改爲其他

2023-06-11 13:06:03 2

原创 uniapp開發企業微信應用中的定位問題記錄

項目背景：開發工具爲HBuilderX，框架爲uniapp，開發移動端的Web應用，在企業微信中使用（自建應用），Web開發的應用，不是小程序。 需求點：獲取用戶當前的位置信息，技術流程包括以下幾個環節： 1、獲取當前用戶的經緯度位置

2023-05-14 13:06:09

原创 真的只是簡單瞭解下瀏覽器緩存

01、什麼是HTTP緩存，如何工作的？ 當我們打開一個頁面時，會向服務端發起很多次請求，如下圖打開百毒首頁，發起了HTML、各種圖片、JS、CSS等資源共72次請求。這裏面很多資源並不會頻繁變化，每次打開頁面都重新請求下載，就很浪費了。

2023-04-26 13:06:04

原创 金三銀四來了-找工作有哪些平臺/工具？

金三銀四，年過完了，獎金（<=0）到手了，是時候出去看看了！但2023年的互聯網“寒冬”好像並未褪去，就業環境依然不明朗，讓大部分人都很迷茫。最近在看工作機會，就看了看家附近的公司和崗位，簡單總結了一下用到的平臺和相關工具，個人經驗，僅供

2023-02-24 13:06:02