原创 02_使用Vite搭建Vue3項目

首先插件添加:Live Server、Vue - Official、Vue VSCode Snippets、別名路徑跳轉 官網:Vite | 下一代的前端工具鏈 (vitejs.dev) 1.創建一個文件夾VueApp,運行cmd轉到該目錄

原创 01_node.js安裝和使用

1.安裝node.js : Node.js — Run JavaScript Everywhere (nodejs.org) 2.查看安裝版本命令:node -v   、  npm -v, npm是Node.js包管理器, 用來安裝各種庫、

原创 04_Vue Router

官網:Vue Router | Vue.js 的官方路由 (vuejs.org) 安裝命令:npm install vue-router@4 1.添加兩個頁面\vuedemo\src\views\index.vue、\vuedemo\src

原创 24_解釋器模式

解釋器模式是一種行爲設計模式,它通過定義一個語言的文法規則,並且根據規則解釋和執行對應的語言表達式。 在解釋器模式中,通過定義抽象表達式(Abstract Expression)和具體表達式(Concrete Expression)來表示語

原创 23_責任鏈模式

責任鏈模式是一種行爲設計模式,它可以將請求的發送者和接收者解耦,並且允許多個對象都有機會處理請求。 在責任鏈模式中,每個處理者都持有對下一個處理者的引用,形成一個鏈條。當請求發出時,從鏈條的頭部開始,每個處理者都有機會處理請求。如果某個處理

原创 19_備忘錄模式

備忘錄模式是一種行爲型設計模式,它可以捕獲一個對象的內部狀態,並在需要時將對象恢復到之前的狀態。備忘錄模式通過將對象的狀態封裝在備忘錄對象中,使得可以在不暴露對象內部實現細節的情況下進行狀態的保存和還原。 備忘錄模式有三個主要角色: 發

原创 20_中介者模式

中介者模式是一種行爲型設計模式,它通過封裝一系列對象之間的交互,使得對象之間的通信和協作更加鬆散和靈活。中介者模式將複雜的交互邏輯集中在中介者對象中,減少了對象之間的直接耦合。 中介者模式有四個主要角色: 抽象中介者(Mediator)

原创 22_命令模式

命令模式是一種行爲設計模式,它將請求封裝成一個對象,從而使不同的請求可以參數化其他對象,或者在不同的時間進行調用和執行。在這種模式中,命令對象充當中介者,負責將請求者和執行者進行解耦。 命令模式包含以下幾個角色: 命令接口(Comman

原创 21_迭代器模式

迭代器模式是一種行爲型設計模式,它提供了一種統一的方式來訪問集合對象中的元素,而不需要暴露集合對象的內部結構。迭代器模式將遍歷操作封裝在迭代器對象中,使得客戶端可以通過迭代器對象依次訪問集合中的元素。 迭代器模式有三個主要角色: 迭代器

原创 18_觀察者模式

觀察者模式是一種行爲型設計模式,它定義了對象之間的一對多依賴關係,使得當一個對象的狀態發生改變時,其相關依賴對象會自動收到通知並更新。 觀察者模式有四個主要角色: 主題(Subject):定義了觀察者的註冊、刪除和通知方法。主題可以是具

原创 17_狀態模式

狀態模式是一種行爲型設計模式,它允許一個對象在其內部狀態改變時改變其行爲。狀態模式將對象的行爲封裝在不同的狀態類中,通過改變狀態類來改變對象的行爲。 狀態模式有三個主要角色: 環境類(Context):定義了一個狀態對象的引用,並在需要

原创 16_策略模式

策略模式是一種行爲型設計模式,它定義了一系列的算法,並將每個算法封裝到獨立的類中,使它們可以互相替換。策略模式使得算法可以獨立於客戶端而變化,客戶端可以根據需要選擇不同的算法。 策略模式有三個主要角色: 環境類(Context):它持有

原创 14_訪問者模式

訪問者模式是一種行爲型設計模式,它允許在不改變被訪問對象結構的前提下,定義對這些對象的新操作。訪問者模式將操作和對象結構分離,使得可以在不修改對象結構的情況下添加新的操作。 訪問者模式有四個主要角色: 抽象訪問者(Visitor):定義

原创 13_代理模式

代理模式是一種結構型設計模式,它提供了一個代理對象來控制對其他對象的訪問。代理對象可以作爲目標對象的代表,以控制對目標對象的訪問、限制或增加功能。 代理模式有三個主要角色: 抽象主題(Subject):定義了目標對象和代理對象的公共接口

原创 12_享元模式

享元模式是一種結構型設計模式,它通過共享細粒度的對象來最大限度地減少內存使用和對象創建的數量。享元模式通過將共享對象的狀態外部化,使得對象可以共享,並提供了一個工廠類來管理共享對象的創建和獲取。 享元模式有五個主要角色: 享元接口(Fl