[Linux] Vue 部署流程

最近要部署一台新的 Server, 想說這次把它做一個紀錄好了Server: Ubuntu 20.04.3 LTS This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an

繼續閱讀 >

[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]

繼續閱讀 >

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

有自己的地方就是爽，我要當王！！最近突然想要建立一個屬於自己的部落格，參考了一些網路文章以後，最後還是決定使用這個 google blogger。為什麼要選擇Blogger呢？免費圖庫問題：可以串連Google相片數據：有自帶數據統計的功能賺錢：未來流量起來可以賺錢手機：我覺得手機可以讓你想到什麼就加入草稿，畢竟靈感不是說來就來基於以上的好處，我就決定是這裡了。簡單地按完建立以後，重點是要怎麼改成自己喜歡的樣子呢？！登愣～Google Blogger Theme: https://gooyaabitemplates.com/請根據以下步驟處理：選擇一個你想要的外觀，並下載 Blogger 模板。解壓縮並取出 xml 檔案選擇左側列表中的 主題，並且按下還原，上傳你的 xml 檔案搞定了！就像我現在的部落格這樣。最後還有一個步驟要做，因為成果如下你的網頁他的網頁....?所以請去 版面配置 去調整細微的部分希望大家都可以調整成喜歡的樣子！

繼續閱讀 >