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

[Trick] 開發人員工具 console.log 顯示顏色

2018年7月5日

很多網站,你按下 F12 進入開發人員選項會看到 一些錯誤以外,有可能會看到開發人員的選項,有時候是提醒使用者不要亂貼來不明的 code 造成損失,尤其之前有一詐騙手法,他讓使用者貼上不明的 code 並且將 收款錢包,改成自己的,所以很多交易所會在開發人員選項加上 醒目的字眼…

image


[Javascript] Chart.js – Pie Chart 一些相關的小東西

2018年7月3日

之前分享過一些文章  [Javascript] 簡單試寫 Chart.js - Line Chart , Pie Chart 簡單的讓 您的網頁有票漂亮亮的圖表像是



[Javascript] autosize.min.js 將 textarea 自動增長

2018年3月5日


最近常用到這功能,因為有個瀏覽器版本的問題,這邊筆記一下,之前每一次要用到都要重新搜尋,不如筆記一個目前用起來最好用的
目前用的是這個套件,感謝網路上的高手大大 提供好用的套件
https://github.com/jackmoore/autosize

CDN: https://cdn.jsdelivr.net/npm/autosize@4.0.0/dist/autosize.min.js

image


[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. 高度自動長大,加上這個兩個能會越來越像是編輯器? !
這篇只是一個筆記文,基本上算不上什麼教學。


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