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