[Linux] Vue 部署流程

最近要部署一台新的 Server, 想說這次把它做一個紀錄好了

Server: Ubuntu 20.04.3 LTS

就這樣。

繼續閱讀 >

[JS]注音輸入法要怎麼做自動完成呢！

如上圖，在輸入中文的時候，通常會需要透過注音之類的輸入法來做拼字。通常 autocomplete 的套件沒有去處理輸入法拼字的問題，畢竟他們打英文不需要多一個注音拼字的動作嘛！

那這個時候要怎麼樣才能做到像 Google 搜尋一樣呢？

其實就是在拼字的時候，就把打在輸入框上面的資料丟出去即可。

Composition Event (組成事件):

透過 Composition Events 我們可以觀察使用者在輸入框內開啟輸入法 (Input Method Editor, IME) 時，組字或選字的狀態。

• compositionstart：輸入框內開啟輸入法，且正在拼字時觸發。
• compositionend：輸入框內開啟輸入法，且正在拼字或選字時更改了內容時觸發。
• compositionupdate：輸入框內開啟輸入法，拼字或選字完成，正要送出至輸入框時觸發。

所以要確認使用者輸入完成並送出文字時，就可以透過 compositionend 來做最後確認。

因為我是用 Vue 來寫，所以會用 Vue 的範例，如下

mounted() {
    let isInputZh = false
    const searchInput = this.$refs.Input.$el.children[0]

    searchInput.addEventListener('compositionstart', function(e) {
      isInputZh = true
    }, false)

    searchInput.addEventListener('compositionupdate', function(e) {
      isInputZh = false
    }, false)

    searchInput.addEventListener('compositionend', function(e) {
      isInputZh = false
    }, false)

    searchInput.addEventListener('input', function(e) {
      if (isInputZh) return
      remoteApiMethod(this.value)
    }, false)
}

用這種方式就可以在輸入法尚未結束的時候丟資料去 API 取資料嘍～

繼續閱讀 >

如何建立谷歌部落格(google blogger)

有自己的地方就是爽，我要當王！！

最近突然想要建立一個屬於自己的部落格，參考了一些網路文章以後，最後還是決定使用這個 google blogger。

為什麼要選擇Blogger呢？

1. 免費
2. 圖庫問題：可以串連Google相片
3. 數據：有自帶數據統計的功能
4. 賺錢：未來流量起來可以賺錢
5. 手機：我覺得手機可以讓你想到什麼就加入草稿，畢竟靈感不是說來就來

基於以上的好處，我就決定是這裡了。

簡單地按完建立以後，重點是要怎麼改成自己喜歡的樣子呢？！

登愣～

Google Blogger Theme: https://gooyaabitemplates.com/

請根據以下步驟處理：

1. 選擇一個你想要的外觀，並下載 Blogger 模板。
2. 解壓縮並取出 xml 檔案
3. 選擇左側列表中的 主題，並且按下還原，上傳你的 xml 檔案

搞定了！就像我現在的部落格這樣。

最後還有一個步驟要做，因為成果如下

你的網頁

他的網頁

....?

所以請去 版面配置 去調整細微的部分

希望大家都可以調整成喜歡的樣子！

繼續閱讀 >