顯示具有 ASP.net 標籤的文章。 顯示所有文章
顯示具有 ASP.net 標籤的文章。 顯示所有文章

[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


[C#] JSON.net 的一些小技巧,捨去null、自訂日期格式、decimal 轉字串

2017年8月1日

JSON.net 非常好用,最近因為要開API給人家,所以對JSON必須要有一些較細微的控制,所以遇到問題我就筆記一下,其實網路文件很多應該找也是一堆方法也不只一種,所以有需要就參考一下囉..

image


[C#] 超簡單簡繁轉換,中文轉拼音,拼音轉中文

2017年7月25日

最近因為在處理一些專案我必須要把繁體中文轉成拼音後再做處理,後來網路上找一下資源蠻簡單的簡單紀錄一下

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


[C#] 盤古分詞,動態增加字典分詞+詞性

2017年4月11日

很久很久以前,寫過透過外部程式去編修字典檔,但是如果要靠程式自己學習,就要自己能夠用程式去新增分詞字典庫,所以這篇是要做這件事情。

我輸入一句話"Hello ,您好,今天主要是來解析的是當麻的杜拜塔!" 字典一定不認識 "當麻"跟 "杜拜",用預設的分詞看看
Image 228


[C#] 盤古分詞,尋找句子中的分詞+詞性

2017年4月10日

很久很久以前寫過一篇文章 [C#] 盤古分詞,尋找句子中的分詞 ,今天這邊用新版的盤古,然後加上分詞的屬性,首先透過nuget 下載一個 PanGu.Segment 來輔助,因為這包裝的還不錯
Image 220


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

上篇文章 我們簡單介紹了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,所以寫文章記錄一下,不過這篇文章就是專注在建立一個簡單的編輯器起來並且關鍵字會有標示並且有行號。


[C#] 透過C# 執行javascript code 並且執行得到結果

2017年1月20日

之前有一個想法就是讓客戶去寫一點程式讓他去展現他要做的折價規則,像是滿千送百或是滿三千送五百之類的,如果要做畫面之後客戶想改規則都要花很多時間,不過這只是一個想法結果找一下網路上資料真的有做法而且程式不難。

Type scriptType = Type.GetTypeFromCLSID(Guid.Parse("0E59F1D5-1FBE-11D0-8FF2-00A0D10038BC"));

dynamic obj = Activator.CreateInstance(scriptType, false);
obj.Language = "javascript";

var res = obj.Eval("x=2999;  x=x-((Math.floor(x/1000))*100);");

Response.Write(res);

上面案例 我設定公式是  x=x-((Math.floor(x/1000))*100); 然後假設使用者消費是2999 滿千送百這樣經過公式算出來的結果是 2799 ,很方便吧。

這裡面我比較好奇的是 Type.GetTypeFromCLSID 到底是什麼? 上網看一下文件 "GetTypeFromCLSID 方法支援晚期繫結存取 unmanaged COM 物件從.NET Framework 應用程式時您知道 COM 物件的類別識別項 (CLSID)。 COM 類別的類別識別項被定義在登錄的 HKEY_CLASSES_ROOT\CLSID 索引鍵。 您可以擷取的值 IsCOMObject 屬性來判斷這個方法所傳回的型別是否為 COM 物件"


[C#] Serialize.Linq 簡單使用介紹

2017年1月5日

最近有一些特別的需求。我需要在A 端將一個LINQ 的表述式(Expression) 將他序列化之後變成文字或是byte[] 傳遞到B端,進行執行,這邊做一下簡單介紹也避免自己忘記。
A端(Namespace : TestEXPA ) :
1.透過Nuget 取得Serialize.Linq
Image 533


[C#] Regex筆記 - 搜尋特定文字並使用搜尋到的字做格式取代

2016年9月5日

筆記一下,用某個Regex 條件過濾出來然後搜尋出的值再進行取代
案例文字: {IMG:a.jpg}<br />sometext{sometext2}{IMG:b.jpg}
這裡面我想要把{IMG:a.jpg} 跟 {IMG:b.jpg} 找出來,並且取代成<img src='a.jpg' /> 和 <img src='b.jpg' />
Code :

var sampleText = "{IMG:a.jpg}<br />sometext{sometext2}{IMG:b.jpg}";
 
var rgx = new Regex(@"{IMG:(?<FILENAME>.*?)}", RegexOptions.IgnoreCase);
 
var replacePattern = "<img src='$1' />";
 
var resultText = rgx.Replace(sampleText, replacePattern);
 
Response.Write(resultText);

結果:     <img src='a.jpg' /><br />sometext{sometext2}<img src='b.jpg' />


[C#] 讀取字型檔案,但是不會被鎖住

2016年7月15日

最近在在處理圖形問題,需求是必須要合成Barcode,這點不困難,只需要下載barcode 字型檔.ttf 就可以了,但是讀取後拿來畫在bitmap上面,之後那ttf檔案就被系統鎖起來,刪都刪不掉,即使我dispose 一堆東西也一樣,後來網路上查到一些作法,乾脆整理成一個function 之後就讀取.ttf 變成Font 物件,而且不會被系統lock住

private static Font GetFontFromFileWithoutLock(float size,string fontPath)
{
 
    var fontBytes = System.IO.File.ReadAllBytes(fontPath);
 
    //讀到記憶體中
    var fontBuffer = Marshal.AllocHGlobal(fontBytes.Length);
    Marshal.Copy(fontBytes, 0, fontBuffer, fontBytes.Length);
    PrivateFontCollection privateFont = new PrivateFontCollection();
 
    //從記憶體取得
    privateFont.AddMemoryFont(fontBuffer, fontBytes.Length);
    var res = new Font(privateFont.Families[0], size);
 
    privateFont.Dispose();
    return res;
}

很簡單,給需要的人


[.Net] 在Plesk 中開啟網站程式寫入權限

2016年7月14日

台灣許多虛擬主機商(戰國策捕夢網)很喜歡使用PLESK 系統,但是根據版本不同很多時候預設值都不太一樣,因為新版的有點複雜我找了一下才知道,預設你程式如果要寫入資料預設會錯譬如 File.WriteAllText(AppDomain.BaseDirectory ,.... 之類的操作,所以下面就是簡單講解一下如何開啟寫入權限

1.選擇左方訂閱 => 之後選擇你的網站
2.選檔案管理員
sh027


[ASP.net][Javascript] 在Client 端按下enter 阻止 post 事件被發動

2016年7月5日

最近朋友問我,因為他在一個input  text 中偵測keypress 的enter 事件,但是按下去後依然會觸發post 事件,即使不是runat server 的物件也是這樣,問我有沒有辦法可以阻enter 不去觸發postback,紀錄一下,原因是因為預設.net form 是runat server 會觸發postback  ,理論上在enter  按下後是可以透過client去阻擋,但是因為泡泡事件的關係,所以會導致她還是會將事件向下傳遞所以做法就是

<script>
     
        $('#txtTest').keypress(function (e) {
     
            if (e.keyCode == 13) {
     
                //你要執行的事件
                //..
     
                //加上這兩行就不會觸發post事件
               e.preventDefault();
               return false;
           }
       });
</script>

紀錄一下,給碰到有需要的人


[ASP.net] WebConfig 中加入 .woff , .eot , .ttf , .svg

2016年7月1日

因為常用到summernote 他有字型的問題,必須在WebConfig 裡面加入這幾個檔案的MIME TYPE ,因為常用到都要重新收集一次,下面筆記一下加入的Web.Config 的部分

<system.webServer>
 
  <staticContent>
    <remove fileExtension=".woff" />
    <remove fileExtension=".eot" />
    <remove fileExtension=".ttf" />
    <remove fileExtension=".svg" />
 
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    <mimeMap fileExtension=".ttf" mimeType="application/font-sfnt" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
 
 
  </staticContent>
 
 
</system.webServer>

 

參考資料:
http://stackoverflow.com/questions/9021946/add-mime-mapping-in-web-config-for-iis-express


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