顯示具有 Javascript 標籤的文章。 顯示所有文章
顯示具有 Javascript 標籤的文章。 顯示所有文章

[C#] 如何在 Edge WebView2 中注入和使用 JQuery 來改變網頁內容

2024-06-05

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

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


[Google 試算表] 透過 Yahoo Finance 撈取各國的股票現在價格

2024-02-16

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

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

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



[Javascript] 製作 div 的反差色,解決上面文字顏色的問題

2023-10-17

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

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



[Google 試算表] 取得 Bitfinex 上面的 數字貨幣價格

2023-10-05

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

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

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



[Javascript] 關於一個 select 的 multiple 的處理

2023-07-06

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

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

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



[Javascript] 使用 Keydown 事件實現輸入框值的同步支持負數小數點

2023-07-05


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

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



[Javascript] 實做鍵盤方向鍵的左右鍵連續點擊

2023-07-04


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

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



[Javascript] input 輸入處理:限制只允許輸入英文、數字和橫線 (-) 並自動轉換為大寫

2023-06-29

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

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




這裡是我所使用的方法:在 onKeypress 事件中使用正則表達式(regex)進行輸入阻擋,

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



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

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

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



[Javascript] 關於檢查字串的 HTML 是否符合規範 ( Check the HTML string for the unclosing tag )

2023-01-12

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

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

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



[C#] 初探 WebAuth 簡單範例 (登入+驗證邦定裝置實作)

2022-11-14

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



[C#] 初探 WebAuth 簡單範例 (註冊+綁定裝置實作)

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

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



[C#] 一些關於 CBOR 實作 - Server 端 C# 編碼 + 前端 Javascript 解碼

2022-10-18


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

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




[C#] 一些關於 CBOR 實作 - Javascript 編碼 + C# 解碼

2022-10-14


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

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



[C#] .Net6 關於 Web API 的二三事 – 透過 Javascript 呼叫

2022-10-07


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

Web API 。



[Javascript] 網路測速程式碼隨貼即用

2022-08-15

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

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

感謝 各位 opensource 前輩的程式碼 



[Javascript] 網頁取得剪貼簿中的圖片跟文字

2022-08-09

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



[Javascript] 使用 jQuery 改寫所有 <a> 中的 href 的資料

2022-07-28

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

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



[C#] JSON 按照 Property Name 排序輸出 JSON (效能測試)

2022-02-24

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

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



[C#] 物件輸出的 JSON 按照 Property Name 排序的兩種方法

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

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

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

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




[C#] ClearScript 引入外部檔案 + 模擬 require , eval

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

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



當麻許的超技八 2014 | Donma Hsu Design.