博客 / 列表

Will - js 單例模式 6 種實現方式

JavaScript 中的單例模式確保一個類只有一個實例,並提供全局訪問點。以下是幾種常見的實現方式: 1.對象字面量(最簡單的方式) const Singleton = { property: 'value', method() { // 使用 this(在方法被解構調用時會丟失上下文) // console.log(this.property); //

單例模式 , Javascript

Will - 命令模式實現 undo & redo

前端 undo redo 功能是非常常見的,通常會使用命令模式來實現。 下面以一個低代碼編輯器的例子,來介紹 JavaScript 是如何使用命令模式來實現 undo redo 功能的。 命令模式定義 首先,我們來看一下命令模式的結構示意圖。 在命令模式中,關鍵是定義了一個 Command 接口,它有 execute 和 undo 兩個方法,具體的命令類都需要實現這兩個方法。調用者(Invo

命令模式 , 設計模式 , Javascript

Will - 前端 UUID 生成 3 種方案

UUID UUID 通用唯一識別碼(Universally Unique Identifier)是用於計算機體系中以識別信息的一個128位標識符。 UUID按照標準方法生成時,在實際應用中具有唯一性,且不依賴中央機構的註冊和分配。UUID重複的概率接近零,可以忽略不計。 因此,UUID 的應用非常普遍,被廣泛應用於需要對數據記錄、資源和實體進行唯一標識的眾多應用中:數據庫、資源標識符、會話和事務標

uuid , 前端 , Javascript

Will - 記一次 electron-vue 項目開發經驗

最近公司讓我開發一個桌面報警器,以解決瀏覽器頁面關閉無法播放報警聲音的問題。 接到這個項目,自然的選擇了 electron-vue 進行開發(我們公司使用的 vue) 現在有時間了,對項目中遇到的問題進行一個總結。 一、項目搭建 打包 項目搭建比較簡單,直接使用 electron-vue 的官方模板就可以生成項目,需要安裝 vue-cli 命令行工具。 npm install -g vue-cl

electron-vue , electron

Will - Vue 與 React 的區別

Vue 與 React 有什麼區別? 這是前端開發同學面試時經常遇到的問題。 我最開始接觸的是 React,對 Vue 的理解一直比較片面,感覺 Vue 要學很多 html 指令,很不習慣,也沒覺得 Vue 比 React 有什麼優勢。 直到現在,使用了 Vue 一年之後,對 Vue 有了更多感受,也消除了一些刻板印象。 首先,這兩個框架都是非常優秀的,它們其實非常相似,都有以下特性: 響應式

react , vue.js