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

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

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(2) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(2) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

因工作需要,想在網站上做到讓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的程式,並傳回客戶端。

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

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

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

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

1 2345