當麻許的超技八

這陣子，遇到一些麻煩的專案，會用到一些程式碼編輯的部分，是要給客戶編輯(現在客戶都很猛?)，這時候就遇到了 summernote 不能滿足客戶了，但是這時候我就需要一個程式碼編輯器，當然可以用傳統的 textarea + codemirror ，但是後來因為 Dino 哥的介紹，後來找到了 Ｍonaco Editor ，這東西用起來就是屌炸天啊，根本就是線上版的 Visula Code 。

最近因為一些需求，客戶需要 在文字 input 裡面輸入 tag 然後需要有"標籤感"，當然 javascript 就是找套件解決，網路找了一下 我找到了 bootstrap-tagsinput 這套件，用起來是沒啥問題，但是有一個說大不大說小不小的 bug ，就是中文問題

最近在搞事情，然後需要一個確保客戶是誰的因子，這時候我查了一下，找到一個有趣的小東西，叫做 Canvas Fingerprint，簡單的說就是利用 每一台裝置在叫用 CPU/GPU/其他硬體 繪圖的時候，會有些許差異，所以可以造成，該瀏覽器可以變成識別該用戶的一個因子..

最近看到 AdminLTE3 發佈了，因為之前 AdminLTE2 使用很多，因為很方便， 從 .net framewrok 用到 .Net Core 專案都好用，因為 bootstrap 4  開始不用依賴 jquery 了，所以想說有時間就整理一下 AdminLTE3 ，順便讓自己了解一下 AdminLTE3

今天這篇主要是分享一個最近想到的方法，自己也稍微寫了一些小 demo 的東西，想說就是筆記一下，主要概念，是因為常常製作網站的後台，都是因為抽換一些簡單的東西，為了這都要做後台，這時候就在想有沒有一種作法可以讓事情變得更簡單，當然這也只是一個實驗性的作法，這也只是一個沒有優化只是概念上實作的 sample.

最近因為一些需求，我自己想寫一個小工具檢查一下網頁，因為是登入中的很懶得寫模擬登入，所以我就想到乾脆寫 Chrome Extension ,  今天的案例就是，我寫一個簡單的擴充，他可以在我  reload 隨意一個網頁，之後他會掃描我現在開啟的所有 tab ，如果其中有一個 tab 是我指定的 網址( 範例是用 https://www.google.com/)，他會把該網址的 body 背景顏色變紅後，回傳整個 body  中的 html , 或許這案例很無聊，我當然要做的事情沒這麼簡單，只是寫文章幫助自己記住把案例變得簡單點...

最近有要用到所以研究一下，主要怎麼搜尋某個  Key  把資料做整合，統一彙整在現在的試算表上面，先簡單說一下，案例..

有一張 Sheet A

其實  summernote 是我蠻常用的 html editor ，他預設的上傳圖片是用 base64 ，你可以改透過自己寫 server 的部分來處理圖片 需要的話可以參考這篇 Summernote 圖片上傳存成實體檔案而不是預設的base64 ，不過後來想想能不能直接跟 ImgUr 整合呢，這樣 server 完全也不用保存圖片，當然這要看你客戶需求，不是一股腦地就整了，廢話不多說，咱開始吧..

今天要來筆記一下一個可能是月經題，我有一個  parent.html 裡面嵌入了一個  son.html 這兩個位處於不同的 domain ，以前的年代可以很簡單的在 parent.html 裡面呼叫 son.html 裡面寫的 javascript function ，但是現在總是會出現..

Uncaught DOMException: Blocked a frame with origin "https://domain.com" from accessing a cross-origin frame.

雖然最近台股大跌，但是之前寫的東西就還是紀錄一下..

很多人應該是使用 Google 試算表 ，如何取得現在的股票價格..

我想很多人都是使用這公式...

=GOOGLEFINANCE( "TPE:4735","price")

這邊案例我是使用 豪展這股票代碼 4735 的時候發發現，竟然無法抓到..

上一篇文章 說到 Azure Logic App - 使用 Inline Code 製作 Base64 Encode + XOR 加密 ，為何沒有寫解密呢，因為其實因為我工作上沒有用到在加上 Azure Lgoic App 的 Inline code  只能寫 1024字，所以我那時候就沒寫了，不過覺得事情做一半，趁今天假日我就把他補上吧..

前幾天文章寫到了關於一些 Azure Logic App 但是有沒有辦法在上面做到加密，這裡面我就稍微研究一下，關於 XOR 簡單加密 [C#] 在 Javascript 與 C# 中 簡單使用 XOR 加解密  ，但是我在 Azure Logic App 上面本來想測試的，但是上面不支援 bota (當我看到他是使用 windows.bota 我就知道大事不妙)，所以跟一般瀏覽器開發還是有差的，今天我就是分享一下如何在 Azure Logic App – Inline Code 做到 Base 64 + XOR 加密..

最近因為一些需求，Javascript 那邊無法使用其他的 library ，網路上查了一下，最後使一個算是折衷的辦法就是使用 XOR 的方式，算是一種加密吧，不過這遠比 AES ,DES 等還要薄弱，不過這也是沒有辦法的辦法，總比赤裸裸的 base64 好吧，不過因為有一些中文的問題遇到一些狀況解決了就筆記一下…

也不是最近，不過，行銷界最近很愛這個 就是網站的 live  chat (fb-customerchat) ，就是網站會多出一個 即時對談然後客戶，可以使用臉書自己的身分進去像是下圖那樣..

最近朋友有問這問題，後來幫忙解決了，就筆記一下，FullCalendar 在手機的閱覽下，月顯示跟日顯示都正常，但是在 safari 下會出現擠壓，但是在Chrome 下正常，如果是 MacOS 的 Safari 也是正常

iOS - Safari 下 長這樣

一個看似沒啥用但是有一些特殊用途的東西，簡單的說，就是我有一個圖片我把這圖轉轉成 base 64 之後，存成一個線上的檔案副檔名可能是 .txt or .html 之類的 ( ex. https://raw.githubusercontent.com/ctimggit/storage1/master/base64/test1.txt ) ，當然這個網址不能直接填在 img 的 src 中，雖然內容可以，接下來就是使用 ES 的 fetch 取得內容回來後再去載入到各圖之中..

之前寫過一篇文章，[Javascript] 再次探索CodeMirror,熱鍵,自動排版,佈景主題 ，這裡面我有提到可以用一個 codemirror pluging 可以做到程式碼排版，但是他排版狀況，大致 OK ，但是對於一些小部份我覺得不是很好看，尤其是跟 javascript 混再一起的時候，後來我上網找了一下，大家推薦這個 beauty js https://github.com/beautify-web/js-beautify

最近要幫客戶驗證手機號碼，中間不需要 - ，網路上找了一下，大部分都是驗證中國的手機門號，不能讓我直接ＣＰ 殘念，所以這邊紀錄一下，想說之後就可以直接 CP

最近在處理一些事情，需要前端用到  SHA512 驗證東西，這時候我 Server 端也要驗證，所以就網路上找一下可以讓 Server 跟前端可以對起來的 SHA512 方法，因為試了一些 想說就記錄一下

很久很久以前寫過三篇文章 分享一個好用的Javascript Library - CodeMirror 、CodeMirror - html+javascript 混和顯示+自動高度增加、CodeMirror - 折合程式碼(fold gutters) ，因為一些因素，我又得碰到他了，接下來就是繼續介紹下面幾個功能