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

[Javascript] 透過 JQuery 產生 .txt 檔案,並且下載

2018年2月23日

最近有一些需求,必須要產生一個 .txt 檔案給客戶下載,當然我也可以送回 server 產生好然後設定好 MIME 讓客戶下載,但是這樣除了麻煩還耗地球資源,所以下文就容許我廢話紀錄一下..


[C#][Javascript] 簡單實作 Web 推送 - Web Push Notification by Firebase.

2018年1月10日

現在網路上很多網站都在做 Notification , 至於要怎麼推送呢 ?  當然你也可以自己去實作 很多東西 去實作,但是我這邊是用網路上最多人用的 Google Firebase Messaging 去實作他..

image


[Javascript] 取得顯示通知權限,顯示通知


今天要寫的筆記是關於 顯示通知的服務像是這樣,最近很多網站導入,感覺網站沒來放一個就不潮了..

Image 585


[Javascript] Youtube 播放清單的隨機撥放

2018年1月5日

最近想寫點好玩的東西,想要隨機撥放某個撥放清單,但是,根據官方的設定好像找不到或是不能用,看一下論壇罵聲一片,後來看了許多文件找到一個解決方法這邊完整的提供出來,謝謝這世界各位大大的分享..

image


[Javascript] 判斷瀏覽是不是Safari 而且是在電腦上面的Safari

2017年12月12日


為何我要判斷是不是 Safari on MAC ,因為目前在各家瀏覽器中,現在只要把 input 的 type=date 就會出現漂漂釀釀的日期選擇器像是這樣

image 


[Javascript] 開新視窗、開新分頁不被阻擋彈出式視窗

2017年12月8日

算是一個小技巧,最近因為同事在測試剛好討論一下,查了很多網站,作法不一而且很多測試都不成功了,所以想說就筆記一下,目前可看到可用的作法。
Image 368


[WPF] 在WPF 中嵌入 Summernote ,檔案上傳再傳給WPF 存成實體檔案。

2017年9月12日

這邊需求就是,因為我在WPF 中間嵌入 Webbrowse ,然後 Webbrowser 中嵌入 summernote ,但是我不想要他的html code 中帶有base64 圖片,這樣會讓整個檔案會變得很大,所以圖片必須另外處理,但是,因為是WPF 並非網路上的server 所以該怎麼做呢?

sample1


[WPF] 在WPF 中嵌入 Summernote 一些二三事

最近,再度參見,WPF。

最近有一個需求又要用到WPF ,但是沒有看到喜歡的 html 編輯器,只好委由 webbrowser 然後嵌入 summernote 套件,這樣用戶會比較開開心心,但是遇到一些小問題,我就記錄一下遇到的問題。

sample1


[Javascript] 簡單試寫 Chart.js–Bar Chart , Doughnut Chart(甜甜圈圖) , PolarArea(極區圖)

2017年8月21日

上一篇文章 簡單試寫 Chart.js - Line Chart , Pie Chart 談到了新增 Line Chart 還有 Bar Chart ,沒想到喜歡的人很多,這一次我們來筆記跟介紹一下Chart.js 其他三個圖形
image


[Javascript] Chart.js + WebScoket 顯示乙太幣的即時價格跟走勢

2017年8月17日

前幾篇文章我們談到了  透過WebSocket 取的現在乙太幣(ETH)的價格 也談到了 簡單試寫 Chart.js - Line Chart , Pie Chart ,這時候我們把它組合起來可以做出一個看起來很厲害的東西 :




[Javascript] 簡單試寫 Chart.js - Line Chart , Pie Chart

圖表視覺化呈現一直都很重要,畢竟,客戶就是愛看這種漂漂釀釀的東西,今天介紹一個好用的Library – Chat.js
 image


[Javascript] 透過WebSocket 取的現在乙太幣(ETH)的價格

這標題是一個假議題,因為現在虛擬貨幣不論是BTC 或是 ETH 很紅,所以很多API 都支援 WebSocket 這樣剛好可以來當作一個練習寫WebSocket 的管道,這次我們要測試的對象就是如何拿到 現在 ETH 對 USD 的價格,我們目標網站是這個 https://www.bitfinex.com ,目前似乎是最大的虛擬貨幣交易所,因為它們 API 看起來蠻完整的 , API 網址 :  https://docs.bitfinex.com/docs

image


[Javascript] 透過純 javascript 檢查 input 是 required 必塡欄位

2017年8月8日

只是單純筆記一下,因為我最近專案寫 ASP.net Webform ,在 LinkedButton 我需要在他 Postback 之前檢查required ,我知道方法很多但是我比較想用簡單的方法解決,因為我只要他自動停在那些必塡的地方,當然我知道很多 lib 可以用,也有很多 pattern可以用,我也知道瀏覽器會擋,但是有的不會啊,所以乾脆寫一個很簡單的 javascript 來做 submit 前阻擋,簡單的說,你可以把它放在 onclientclick 就可以做到檢查的效果

image


[JSON] 透過JSON.net 讓JSON排版變得好看

2017年7月21日

今天主要是透過JSON.net 讓JSON Code 變得好看,等等,我知道你一定會說很多文章都寫過這東西不是很簡單,只要用這一行

 JsonConvert.SerializeObject(dataObject, Formatting.Indented);


嗯,你說的沒錯, 但是我只是要放在<span> 裡面呢,這時候我必須要把換行的\r\n 換成 <br> ,其中的空白換成&nbsp;  這時候我照樣得replace  換行部分是沒問題的,但是遇到空白的部分不知道為什麼都會有問題,於是我改寫了一段,讓他放在變成html code 可以正常
結果:
圖片 059


[C#] 透過AJAX 上傳檔案並且顯示進度 ,使用JQuery傳送byte[] 資料

2017年7月3日

為了更好的使用者體驗,這篇文章主要是上傳大的檔案的時候透過AJAX上傳並且顯示知道上傳的百分比
image


[Javascript] CodeMirror - 折合程式碼(fold gutters)

2017年6月13日

之前寫過幾篇關於CodeMirror 的文章,CodeMirror - html+javascript 混和顯示+自動高度增加 還有 分享一個好用的Javascript Library - CodeMirror ,今天我們要筆記一下關於如何做到收合一些程式碼,結果像是這樣
Image 020


[Javascript] CodeMirror - html+javascript 混和顯示+自動高度增加

2017年4月10日

上篇文章 我們簡單介紹了CodeMirror ,今天我們要來繼續加上去一些貼心的小功能,像是這樣

Image 211

基本上,就是增加兩個功能 1. html +javascript 混和 2. 高度自動長大,加上這個兩個能會越來越像是編輯器? !
這篇只是一個筆記文,基本上算不上什麼教學。


[Javascript] 分享一個好用的Javascript Library - CodeMirror

2017年4月7日


最近在處理一個專案,專案需求是客戶會在系統上面輸入javascript ,這年頭客戶都很猛自己會寫code ? 所以我們就得在系統中讓他寫code 有爽度 ? 首先,我們得解決就是顯示上面的問題,我上網找了一下,測試過一些solution ,發現了這一套應該是正解,CodeMirror : http://codemirror.net/
image 

看他顯示就知道,可以把code 弄得 漂漂釀釀,接下來幾篇文章會來介紹一些使用上面的技巧,跟我會用到的一些方法,因為有些地方很tricky,所以寫文章記錄一下,不過這篇文章就是專注在建立一個簡單的編輯器起來並且關鍵字會有標示並且有行號。


[WebRTC] 透過 WebRTC 做到P2P對談(3) – Client 連接、呼叫、被連入,對談篇

2017年3月2日

上篇文章我們可以讓client 跟signaling server 聯繫,接來來就是要發出offer 跟收到 RTCIceCandidate 的過程,還有發送訊息。
image


[WebRTC] 透過 WebRTC 做到P2P對談(2) – Client 連接、登入、登出篇

上一篇 我們說到如何架設一台 websocket server 作為 signaling server ,今天我們來做做client 這一端,我們這篇文章要做到跟Signaling Server 聯繫,然後登入,還有登出畫面像是這樣,我盡量簡單化,不會讓過多物件去干擾,每一個事件,我都有進行記錄列出來,方便觀察
Image 049


當麻許的超技八 2014 | Design: no2don.