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

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

2023-10-17

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

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



[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



[C#] 簡單介紹 ClearScript 一個官方且跨平台的 Javascript Interpreter

今天主要來說一下 ClearScript ,他主要也是一個 Javascript Interpreter ,然後看起來是微軟的親兒子

可能因為為了 .netcore 化之後,他也支持 Linux 版本,雖然 Jint 也可以,不過有人付出心血我們就是可以試試看



[C#][.NET Core] 設計使用 Jint 反射 dll 執行外掛程式

2022-02-22

前幾篇文章說到了 模擬做到 XMLHttpRequest (XHR) 的效果 還有 試著在 Jint 引入其他的 .js 檔案,模擬類似 require 的效果 

因為 Jint 跟 C# 的程式碼混和執行,這我們之前文章 試著用 C# 透過 Jint 執行 Javascript ,混和執行 ,已經說過了

但是畢竟你能提供的有限,有沒有可能讓有能力的客戶自己撰寫自己要的呢?


[C#][.NET Core] 試著在 Jint 引入其他的 .js 檔案,模擬類似 require 的效果

之前在弄 Jint ,所以整理一下之前覺得好用的部分,今天來說一下關於  Jint 如何在 Javascript 那邊引入其他的 js 檔案

其實不難,但是總比你從 C# 端再引入方便多了,這也有助於你的設計規劃..



[C#][.NET Core] 試著在 Jint 模擬做到 XMLHttpRequest (XHR) 的效果

之前寫過關於 Jint 的文章可以參考這一篇 試著用 C# 透過 Jint 執行 Javascript ,混和執行

今天 主要是來說 Jint 模擬做到 XMLHttpRequest (XHR) 的效果,為何要這樣做,簡單的就是人做專案身不由己


[Javascript] 離開前提醒為存檔的 javascript

2021-12-28

單純筆記一下,這功能比較少用到,但是如果客戶在寫一篇長篇大作的時候,可以適時加入這段語法

這樣客戶不小心按到 重新整理或是返回的時候就會跳出..




[Javascript] Monaco Editor 試作一個寫部落格時候的程式碼呈現工具

2021-10-26

因為我是用 Google Blogger 來寫部落格,但是身為一個寫程式碼的部落客,常常要貼程式碼

我改過很多版本,有時候使用 gist  分享程式碼,有時候使用 JSFiddle ,我是覺得都不錯,但是其實分享C# 的時候有點麻煩,就是要去 gist 貼 code ,或是 有時候我會使用 http://hilite.me/ 這網站來美化我的程式碼。

這時候我在想既然我最近都在用 Monaco Editor 這時候我在想有沒有可能用來使用當作分享程式碼的工具..




[Javascript] Monaco Editor 加入自訂的自動提示 auto hint , auto complete , intelligent sense

2021-10-25

上一篇文章,我們對 Monaco Editor 測試了一些功能 關於設定摺疊程式碼,註冊鍵盤事件,取得選取文字

今天我們來加入一個 令人雀躍的功能,就是加入智能提示的功能 intelligent sense

下面測試範例都皆是使用 Monaco Editor  撰寫 javascript 語言,假設你原本就有設計一些內建的 function

你希望客戶在寫的時候就有你的程式碼的 auto hint( intelligent sense ),就會需要用到這功能。

接下來我們就來看看要怎麼做到..



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