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

[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 ),就會需要用到這功能。

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



[Javascript] Monaco Editor 設定摺疊程式碼,註冊鍵盤事件,取得選取文字

2021-10-22

上一篇文章 (Monaco Editor 一套很好用的編輯器套件快速入門上手),我們介紹了關於 Monaco Editor ,今天介紹一些我比較常用到的操作

筆記一下,方便之後我直接複製貼上,主要有 註冊鍵盤事件,加上 region/comment 行號,摺疊/展開 region 的程式碼




[Javascript] Monaco Editor 一套很好用的編輯器套件快速入門上手

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




一個好用的套件 bootstrap-tagsinput ,解決輸入中文顯示不完全,input 無法 width 100% 問題

2021-10-15

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




[Javascript] 關於 Canvas Fingerprints 的一些小操作

2021-10-04

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




[OpenSource] AdminLTE3+.Net Core 3.1 樣板分享

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



[Javascript] 一個對於WYSIWYG 的一個嘗試

2021-08-04

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




[Javascript] Google Extensions 之掃描所有開啟的 Tabs 並且拿到他的 html code ( chrome.scripting.executeScript )

2021-07-13


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




[Google 試算表] 搜尋試算表,合併搜尋資料

2021-07-06

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

有一張 Sheet A



[Javascript] Summernote + ImgUr 不使用 Server 儲存圖片

2021-06-21

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




[Javascript] cross domain 呼叫 iframe 裡面的 function,且呼叫 parent 的 function

2021-06-15


今天要來筆記一下一個可能是月經題,我有一個  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 內建的方法

2021-05-19

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

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


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

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

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


[Azure] Azure Logic App - 使用 Inline Code 製作 Base64 Decode + XOR 解密

2021-01-24

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


[Azure] Azure Logic App - 使用 Inline Code 製作 Base64 Encode + XOR 加密

2021-01-21

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


[C#] 在 Javascript 與 C# 中 簡單使用 XOR 加解密

2021-01-20

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


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