當麻許的超技八

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

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

最近剛好朋友問我一個問題，就是因為他在後台允許讓可以下 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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