[Javascript] 令人討厭的 facebook 的 live chat ( fb-customerchat ) 的此訊息未送出的不寫錯誤訊息
也不是最近,不過,行銷界最近很愛這個 就是網站的 live chat (fb-customerchat) ,就是網站會多出一個 即時對談然後客戶,可以使用臉書自己的身分進去像是下圖那樣..
標籤: Facebook , Javascript
[Javascript] 筆記一下 FullCalendar 切換到週模式下,更改樣式
最近朋友有問這問題,後來幫忙解決了,就筆記一下,FullCalendar 在手機的閱覽下,月顯示跟日顯示都正常,但是在 safari 下會出現擠壓,但是在Chrome 下正常,如果是 MacOS 的 Safari 也是正常
iOS - Safari 下 長這樣
標籤: Javascript
[Javascript] 透過 Fetch 讓圖片 load base64 的圖片
一個看似沒啥用但是有一些特殊用途的東西,簡單的說,就是我有一個圖片我把這圖轉轉成 base 64 之後,存成一個線上的檔案副檔名可能是 .txt or .html 之類的 ( ex.
https://raw.githubusercontent.com/ctimggit/storage1/master/base64/test1.txt
) ,當然這個網址不能直接填在 img 的 src 中,雖然內容可以,接下來就是使用 ES 的 fetch 取得內容回來後再去載入到各圖之中..
標籤: 隨貼即用 , Javascript
[Javascript] 一個好用的排版 HTML + JS 的 library
之前寫過一篇文章,[Javascript] 再次探索CodeMirror,熱鍵,自動排版,佈景主題 ,這裡面我有提到可以用一個 codemirror pluging 可以做到程式碼排版,但是他排版狀況,大致
OK ,但是對於一些小部份我覺得不是很好看,尤其是跟 javascript 混再一起的時候,後來我上網找了一下,大家推薦這個 beauty js https://github.com/beautify-web/js-beautify
標籤: 隨貼即用 , Javascript
[C#] 在Javascript 還有 .net 中產生 SHA512 且一樣
最近在處理一些事情,需要前端用到 SHA512 驗證東西,這時候我 Server 端也要驗證,所以就網路上找一下可以讓 Server 跟前端可以對起來的 SHA512 方法,因為試了一些 想說就記錄一下
標籤: .Net , C# , Javascript
[Javascript] 再次探索CodeMirror,熱鍵,自動排版,佈景主題
很久很久以前寫過三篇文章 分享一個好用的Javascript Library - CodeMirror 、CodeMirror - html+javascript 混和顯示+自動高度增加、CodeMirror - 折合程式碼(fold gutters) ,因為一些因素,我又得碰到他了,接下來就是繼續介紹下面幾個功能
標籤: ASP.net , Javascript , Visual Studio
[Javascript] 處理賴(LINE),Facebook InApp Browser裡面的問題
最近處理賴(LINE) ,Facebook ,在 App 內瀏覽器問題,也就是透過 WebView 在 APP 裡面,基本上這問題很麻煩,會讓我有些判斷失誤,所以我就想說這邊拉出來認真處理一下,但是我就是翻車了,不過,雖然翻車還是把心得寫下來,我目標是能夠在 臉書還有LINE 在開啟我的網站的時候企圖可以使用內建瀏覽器打開..
標籤: ASP.net , Javascript , Trick
[Javascript] jquery-confirm 製作一個更友善的 confirm
其實,目的說是更友善,其實我只是遇到 我用 ajax 非同步拿回一些資料後,我要跳出 瀏覽器內建的 confirm 來讓客戶確認,但是,不知道為何,在 chrome 裡面會莫名"被消失",就是出現後馬上消失 ,所以我就決定找網路上的套件做交叉測試,之後就沒問題了,我也沒有去細查原因,不過既然測試了,就介紹給大家 jquery-confirm https://craftpip.github.io/jquery-confirm/
標籤: ASP.net , Javascript , Trick
[Javascript] nouislider.js - 製作簡單的 slider 來讓使用者開開心心的選範圍
因為因為需要要做出 slider 讓用戶選範圍,之後我直覺地用以前經驗使用 jquery ui 中的 slider ,但是,我發現正常只取得一個數字還算 okay ,但是對於 range 型的,很多操作就怪怪的,之後我上網找了幾個套件,測試一下後來找到這個應該是最好的,之後我就是筆記一下,因為有很多參數可以設定
標籤: ASP.net , Javascript , Trick
[Javascript] Chart.js - Line Chart , Y 軸加入顯示名稱,加入貨幣的逗點符號
之前寫過一個 簡單操控 Chart.js 的文章 - [Javascript] 簡單試寫 Chart.js - Line Chart , Pie Chart ,但是遇到一些問題就是,因為處理數字很大,所以顯示出來的 Y 軸長這樣子..
標籤: Javascript , Trick
[OpenSource] Dashio Template 一套看起來還不錯的樣板
一個網路上的樣板,基本上,我沒有加任何的東西,只是很單純的翻成 .net Core 套入 Layout ,如果你覺得有用就幫我 star 一下專案,如果看完後,你不喜歡我的佈局方式,您可以透過下方原始的資料自己重新改寫 :)
A template from the internet . I only re-cook to .Net Core 2.2 and add Layout .
You can give me a STAR if you think it's useful. :)
If you don't like the layout I did , you can get pure source code from the below link.
Github Download : https://github.com/donma/DashioTemplateCore
Source : https://templatemag.com/dashio-bootstrap-admin-template/
Demo : https://templatemag.com/demo/Dashio/
標籤: .Net , .netcore , ASP.net , C# , Javascript , OpenSource
[Trick] 開發人員工具 console.log 顯示顏色
很多網站,你按下 F12 進入開發人員選項會看到 一些錯誤以外,有可能會看到開發人員的選項,有時候是提醒使用者不要亂貼來不明的 code 造成損失,尤其之前有一詐騙手法,他讓使用者貼上不明的 code 並且將 收款錢包,改成自己的,所以很多交易所會在開發人員選項加上 醒目的字眼…
標籤: Javascript , Trick
[Javascript] autosize.min.js 將 textarea 自動增長
最近常用到這功能,因為有個瀏覽器版本的問題,這邊筆記一下,之前每一次要用到都要重新搜尋,不如筆記一個目前用起來最好用的
目前用的是這個套件,感謝網路上的高手大大 提供好用的套件
https://github.com/jackmoore/autosize
CDN: https://cdn.jsdelivr.net/npm/[email protected]/dist/autosize.min.js
標籤: Javascript , Trick
[Javascript] 透過 JQuery 產生 .txt 檔案,並且下載
最近有一些需求,必須要產生一個 .txt 檔案給客戶下載,當然我也可以送回 server 產生好然後設定好 MIME 讓客戶下載,但是這樣除了麻煩還耗地球資源,所以下文就容許我廢話紀錄一下..
標籤: ASP.net , Javascript
[C#][Javascript] 簡單實作 Web 推送 - Web Push Notification by Firebase.
現在網路上很多網站都在做 Notification , 至於要怎麼推送呢 ? 當然你也可以自己去實作 很多東西 去實作,但是我這邊是用網路上最多人用的 Google Firebase Messaging 去實作他..
標籤: .Net , ASP.net , C# , Javascript
[Javascript] Youtube 播放清單的隨機撥放
標籤: GOOGLE , Javascript , Trick