當麻許的超技八

上一篇文章簡單的介紹了 Edge WebView2 的套件，接下來，就是比較要做的常規操作，就是我們要 inject 一些 js 進去

今天主要目的就是，載入網頁後，在 inject JQuery 之後再呼叫一行 JQuery 的程式去改變網頁上面的內容.

筆記一下免得之後找不到，之前有一篇文章 取得台灣股票現在的價格，而不使用 GOOGLEFINANCE 內建的方法 

之後我分享在網路上，有人就問我說可不可以撈取其他國家，像是 日本 或是 新加坡的股票

其實我當下提供了 GOOGLEFINANCE，其實就可以辦到，但是...

最近在處理一些前端的東西，遇到一個問題，就是假設設計在一個 <div> 有 background-image 是可以讓客戶更換的

但是，在這 <div>  上面有文字，文字有顏色，如果可以設定一張純白，純嘿，或是花花綠綠的圖該怎麼辦 ?

最近在看一些資料，順便回答一下朋友問的問題，他主要是透過 Google Sheet 來管理他的虛擬貨幣資產

但是他需要知道價格，我直覺地回他使用  GOOGLEFINANCE 這個 function ，但是他要抓的那個虛擬貨幣代碼是 GOOGLEFINANCE 

沒有提供的，這時候該怎麼辦，只好自己寫一個 函式..

最近在處理一項需求時，遇到了一個讓我感到驚訝的情況，但仔細思考後發現其實只是我自己的誤解。這也是一個比較少用到的情境。

在HTML規範中，select元素有一個multiple 的屬性，詳細可參考這裡。儘管多選通常可以使用input checkbox來實現，

但在前端處理上會稍嫌繁瑣。因此，有時我會建議客戶使用select的multiple="multiple"屬性，特別是在手機上，操作體驗相對更為舒適。

主要遇到，客戶希望再輸入一個 價格的時候，其他欄位的價格可以預先填寫好，如果他修改過價格後就不能再被更改

這需求感覺蠻常碰到的，但是客戶要求很直觀，等於我就是只能從 Keydown 事件下手，今天，我們將探討如何使用 JavaScript 中的 Keydown 事件來實現這樣的需求

最近我遇到業主一個需求，需要在網頁上實現按下鍵盤方向鍵左鍵和右鍵時執行相應的動作。在尋找相應的解決方案時，

發現 Javascript 並沒有提供直接的方法，於是我嘗試使用一種古老的方法，即利用時間差來達到按兩次快速點擊的效果。

最近我遇到了一個 JavaScript 的問題，雖然不是什麼大事，但對方需要在一個 input 欄位中，只允許輸入英文、數字和橫線 (-)。

此外，他希望輸入小寫英文字母時自動轉換為大寫。儘管這聽起來有些簡單，但每次都需要重新寫一次，因此我想將這個解決方案記錄下來。

這裡是我所使用的方法：在 onKeypress 事件中使用正則表達式（regex）進行輸入阻擋，

確保只有英文、數字和橫線 (-) 能夠進入。接著，在 onKeyUp 事件中，我將輸入的文字轉換為大寫，確保統一的輸入格式。

值得一提的是，我在網路上看到了一個使用 CSS 的方法，即使用 style="text-transform: uppercase"。

這樣可以讓輸入的字"看起來"是大寫，但在取值時仍然是小寫。雖然這是一個簡單的做法

但需要特別注意。如果在送出前將值轉換為大寫，也是一種方便的解決方案，避免使用 onKeyUp 的方法。

最近剛好朋友問我一個問題，就是因為他在後台允許讓可以下 HTML  Code 存入 Database

但是，有的客戶會放入</div> 或是 </p>  簡單的說就是一些沒有收尾，或是只有開頭的 HTML 標籤

這時候當插入在前端 render 的時候，會造成問題，簡單的說就是跑版。

接續上篇文章  初探 WebAuth 簡單範例 (註冊+綁定裝置實作) ，這一篇我們就是要繼續實作登入+驗證裝置的部分

之前再研究的時候需要用到 WebAuth 所以研究了一下，然後拆解了一個範例，拆得比較簡單，這也是為何之前，我都在研究關於 CBOR 的原因

因為在案例裡面很常出現。

上一篇文章，我們將  Javascript 那邊的 物件透過 CBOR 編碼後又轉 base64 編碼，然後讓 Server 端將物件還原

今天我們來聊一下，如何在 Server 端傳第一個透過 CBOR 編碼後的 物件(資料) 到 前端然後透過 Javascript 來還原使用

最近因為專案關係有碰到 CBOR ( Concise Binary Object Representation ) ，關於 CBOR 是啥可以看看 這篇，對我來說是很少接觸的東西，所以大概看了一下

不過這篇沒有打算要細講解他的規格，主要是因為很多地方都說得很完整了，這篇主要偏於筆記跟實作

今天接續上一篇 .Net6 關於 Web API 的二三事 – form 直接 POST 到 Web API ，這次來筆記一下有關於怎麼使用 只用 Javascript 呼叫

Web API 。

最近有些需求，要做到在 客戶端使用 javascript 測試，所以測試網路上得一些程式，這邊分享一個目前感覺起來比較好用的

避免之後又要從茫茫大海尋找，這主要程式碼也不是我寫的是參考這篇 https://stackoverflow.com/questions/5529718/how-to-detect-internet-speed-in-javascript

感謝 各位 opensource 前輩的程式碼 

最近遇到一些問題，需要在網頁處理關於 貼上後的圖片跟文字，就稍微研究了一下，然後把 code  做一下紀錄方便之後複製貼上

筆記一下，主要是作取代所有 <a> 中的 href 加上我要的 query string 的 資料，為何會有這需求，主要就是為了可以無腦在前端加入一些追蹤的東西

跟朋友討論一下，大概這樣是最簡單的做法，所以大概寫個範例。

上一篇文章 物件輸出的 JSON 按照 Property Name 排序的兩種方法 ，其中提供兩種方法來做到排序物件後 JSOＮ輸出

這時候我同事問我要採用哪一種，其實我也不知道，反正文章都寫了範例程式稍微小改一下，直接測速吧

紀錄一下一個之前跟其他廠商合作的需求，簡單的說因為我們常常對接 API 的時候是透過 JSON 

對方不一定是微軟的系統，我們要確定彼此的資料是正確的，很簡單就是直接做 checksum 

但是 JSON 這時候第一層的 Propery Name 如果順序不一樣就將無法用同一個方法進行  checksum

這時候就有一個需求，就是將 輸出的 JSON 給排序，只需要第一層的就可以了。

上一篇文章 簡單介紹 ClearScript 一個官方且跨平台的 Javascript Interpreter ，我們簡單介紹了 ClearScript 

在實作中有幾個地方很常用到就在筆記一下，關於如何使用外部 .js 檔案，然後我再 javascript 中也可以引入還有使用 eval