忙裡偷閒的部落格

最近專案以Bootstrap作為前端UI Framework，興起了學習Less的念頭，其實是怕老闆對VIEW有各種不同的想法，改bootstrap.css又很麻煩，不如透過less的修改，再編譯出css檔。

第一步當然是把編譯less的環境給建構出來，在此做個筆記，以免日後又忘了如何安裝~"~

對於.NET的開發者來說，相信以LINQ撈取資料的方式一定不陌生。

然而我有時總是得嘗試很多次才寫出想要的結果(唉，怪自己LINQ底子太差了)，

今天因故被問到了一個問題：

假設前端有10個ajax，今已非同步方式，依照前端ajax的順序跟後端要資料，這可考倒我了。玩過ajax非同步都知道，它回來的順序是無法控制的。例如以下demo:

有時在作字串截取處理時，常常遇到字串中有中文、英文或特殊符號，利用substring or mid 函數，無法截取的很準確(因為兩者都是以Length來計算長度而不是用位元組數)。

索性動手寫了一支小程式解決這個問題 。程式碼如下:

把玩了AngularJS一個月，試作了CRUD這些基本的功能，其實也不難，只是得先搞懂service、directive、factory、scope...這些物件的原理、用法。

我先以bootstrap拉了一個主版面出來，如下圖所示:

在AngularJS中，有許多的service供您注入使用。而官方內建的service，開頭都加了$字號，例如$http、$filter...，當然我們也能自訂service(不得以$字號開頭，怕跟內建的互衝)，

供不同的controller使用，已達到reuse的目的。而我們能把提取後端資料的部分做成一service，如以下筆記:

每次在學新的前端框架，最痛苦的就是ajax的部分，總是try好久，資料才能正確拋回前端，沒想到AngularJS也不例外，

不過這次是AngularJS的bug，不是我的問題 

初試Google所開發出的前端js框架，習慣性的測試一下各個瀏覽器版本是否有相容性問題。

在Firefox、Chrome底下都沒問題，但用IETESTER測試IE各個版本時，發現在IE8以下版本，AngularJS失去作用了，整個Template露出來給你看  冏

因工作需要，想在網站上做到讓User在客戶端自由點選pdf檔，選完後一次打包下載。本想利用jQuery ajax將客戶選定的資料送回後端處理後，再Response.BinaryWrite出來。怎知jQuery報錯。原來要進行檔案下載，是不能以ajax方式，而必須讓網頁postback回後端，經後端處理後Response.BinaryWrite出來。但畫面User選定的值會被洗掉，且不想讓畫面"閃"一下。參考了網路上前輩們的作法，決定利用iframe這個html tag來實作。

思路：當user點選button後，會call 一支javascript function，該function會在html body中append一個iframe，並指定iframe的src(../download.aspx)。此時iframe會根據指定的src載入download.aspx。而在download.aspx的code-behind Page_Load中，撰寫將多個pdf檔壓縮成zip的程式，並傳回客戶端。

閒來無事在點部落上壓馬路，無意中發現了SignalR這個強大的套件，它把Real-Time功能封裝，且功能強大。有了它，可以很輕易的實現及時訊息的傳遞(ex:Chat、ProgressBar)。

根據原開發者的設定，SignalR提供了兩種訊息傳遞的開發方式，一種為Hub，另一種為PersistentConnection。兩者比較在朱大的文章中有較詳細的說明，我試玩之後，覺得Hub實作起來較簡單;而PersistentConnection較為彈性。