[問題解法紀錄] 網頁英文驗證碼實作

　　因為在做專案需要用到類似驗證碼的東西，雖然只是輸入四個英文字母，卻在前端這塊卡關了... 問題 　　我希望使用者在點到輸入框的時候可以切換成英文輸入法（因為是四個英文字母），而不是把英文以外的字都替換成空字串。大概是像下面這樣： 畫面載入中... 可以觀察到如果不是英文輸入法會很不方便，所以我想找方法，如果可以點上去就自動換成英文輸入法呢？ 解決方法 　　原本以為可以有些 API 可以用，但很不幸的，唯一可以用的 ime-mode 只有 IE 跟火狐支援，所以這不是好方法。 　　所以要做到自動切輸入法要利用 input type=password 的特性 畫面載入中... 　　可以發現在 password 中，我們的輸入法被鎖定在英文。如果我們點擊輸入框時，將 focuse 定在 password 上，更改完輸入法，在回到原本的輸入框上，就可以做到自動改輸入法了。 畫面載入中... 不過這個也不是完美個方案，經過測試在某些瀏覽器的無痕模式下，離開 password 就會回到原本的輸入法了。如果想要鎖定輸入法就要做虛擬的輸入框了。 參考來源 解决chrome系浏览器ime-mod

問題解法紀錄 · 02-02 · 124 人瀏覽過

[問題解法紀錄] ifarme src為 data:text/html 時中的 "#" 字元

之前很喜歡用 HTML cafe 做簡單的 HTML 測試，但我覺得他輸入的底地方不好用，於是我打算自己用 Monaco Editor 實作自己的 HTML playground 可以在這裡玩玩看:D

問題解法紀錄 · 2024-07-14 · 159 人瀏覽過

[問題解法紀錄] Electron製作桌面小工具的幾個要素

之前有段時間在找各種可以做桌面小工具的方法，後來有發現 Rainmeter 這個工具，雖然他有自己完整的生態，但他的專案結構對我非常不友善，同時我也不熟 Lua 的開發所以其實我沒有使用這個工具做出自己喜歡的桌面小工具。 直到最近接觸到了 Electron 發現了新大陸。

問題解法紀錄·教學 · 2024-07-01 · 162 人瀏覽過
[問題解法紀錄] Electron製作桌面小工具的幾個要素

[問題解法紀錄] 網頁設計中文字與icon不在同一個水平面

在寫網頁的時候發現 icon 的位置和 demo 的不一樣，看起偏下，如下圖。

問題解法紀錄 · 2024-05-26 · 214 人瀏覽過
[問題解法紀錄] 網頁設計中文字與icon不在同一個水平面

[問題解法紀錄] Uncaught SyntaxError: Unexpected token ''', "['abc']" is not valid JSON

最近做了個爬蟲可以自動在Zerojudge上爬蟲每周刷題進度，更新使用者名單之後跳出了報錯，找了很久才發現是符號的問題 後來在shell做了個實驗，確認了問所在... 這稍微有點反直覺，因為在 javascript 中，單、雙引號是可以互相通用的，但不能混用。所以常常利用這個特性，如果字串裡面有包含到其中一個引號，但又不想加上跳脫字元反斜線(可能數量很多時)，就會利用這個特性規避字元衝突。 根據W3C的教學內文提到JSON格式規定，內部的 key value 必須使用雙引號框起來，包括字串。 當時要輸入使用者名單時，覺得太麻煩，於是用爬DOM的方式直接在 web console 裡面取得所有人的名條。在javascript中，字串輸出時是使用單引號作為標示，當時我就直接複製貼到我的配置文件中了，由於配置文件使用.env檔，所以為了讓他變成字串且不衝突，所以索性在前後加上雙引號。結過才發現陣列裡面的字串不能使用單引號表示。最後還是丟到vscode裡面用搜尋取代解決

問題解法紀錄 · 2024-04-30 · 177 人瀏覽過
2025 rlongdragon's blog. All Rights Reserved.
Theme Jasmine by Kent Liao