擷取1
最近專案以Bootstrap作為前端UI Framework，興起了學習Less的念頭，其實是怕老闆對VIEW有各種不同的想法，改bootstrap.css又很麻煩，不如透過less的修改，再編譯出css檔。
第一步當然是把編譯less的環境給建構出來，在此做個筆記，以免日後又忘了如何安裝~"~
1.下載並安裝Cygwin 。Cygwin簡單的說就是可以在windows下模擬操作unix系統。安裝Cygwin的同時，會一併將node.js安裝進去。由於我們需要靠npm(Node Package Manager)這個node.js的套件管理工具來安裝lessc，所以所以node.js是必要安裝項目。
(繼續閱讀...)

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

  • 個人分類： CSS
▲top
擷取
對於.NET的開發者來說，相信以LINQ撈取資料的方式一定不陌生。
然而我有時總是得嘗試很多次才寫出想要的結果(唉，怪自己LINQ底子太差了)，
所以想找一套工具能幫我SQL TO LINQ，藉此快速學習。
於是找到這套Linqer。
(繼續閱讀...)

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

  • 個人分類： SQL
▲top
擷取
今天因故被問到了一個問題：
假設前端有10個ajax，今已非同步方式，依照前端ajax的順序跟後端要資料，這可考倒我了。玩過ajax非同步都知道，它回來的順序是無法控制的。例如以下demo:
<scripttype="text/javascript">
(繼續閱讀...)

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

▲top
有時在作字串截取處理時，常常遇到字串中有中文、英文或特殊符號，利用substring or mid 函數，無法截取的很準確(因為兩者都是以Length來計算長度而不是用位元組數)。
索性動手寫了一支小程式解決這個問題 。程式碼如下:
''' <summary>
(繼續閱讀...)

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

  • 個人分類： .NET
▲top
擷取1
把玩了AngularJS一個月，試作了CRUD這些基本的功能，其實也不難，只是得先搞懂service、directive、factory、scope...這些物件的原理、用法。
我先以bootstrap拉了一個主版面出來，如下圖所示:
 
View的區塊就是讓template透過Route指引Multi Views來自動變化。而我想在一開始時先表列資料，點選某筆資料後，畫面切換到資料的明細，亦即List-Detail的呈現方式。
(繼續閱讀...)

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

▲top
擷取
在AngularJS中，有許多的service供您注入使用。而官方內建的service，開頭都加了$字號，例如$http、$filter...，當然我們也能自訂service(不得以$字號開頭，怕跟內建的互衝)，
供不同的controller使用，已達到reuse的目的。而我們能把提取後端資料的部分做成一service，如以下筆記:
services.js :
angular.module('myApp', ['ngResource']). //將ngResource module加入自訂的application
(繼續閱讀...)

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

▲top

每次在學新的前端框架，最痛苦的就是ajax的部分，總是try好久，資料才能正確拋回前端，沒想到AngularJS也不例外，
不過這次是AngularJS的bug，不是我的問題 
原程式如下，簡單來說，就是透過controller到後端撈資料，再將資料放入moudle透過ng-repeat指令輪詢 li tag展示出來。
看似沒問題的一段code，是的!我也沒寫錯，但回傳的資料格式永遠是xml，而不是我定義的json。
(繼續閱讀...)

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

▲top
初試Google所開發出的前端js框架，習慣性的測試一下各個瀏覽器版本是否有相容性問題。
在Firefox、Chrome底下都沒問題，但用IETESTER測試IE各個版本時，發現在IE8以下版本，AngularJS失去作用了，整個Template露出來給你看  冏
於是詢問孤狗大神 + 實際測試後，找到了解決方法，趕快作筆記起來 XD
粗體字為解決方法: 
(繼續閱讀...)

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

▲top
因工作需要，想在網站上做到讓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的程式，並傳回客戶端。
經過孤狗大神的指示，找到了DotNetZip這個好用的壓縮/解壓縮元件。
 
(繼續閱讀...)

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

  • 個人分類： .NET
▲top
1擷取
閒來無事在點部落上壓馬路，無意中發現了SignalR這個強大的套件，它把Real-Time功能封裝，且功能強大。有了它，可以很輕易的實現及時訊息的傳遞(ex:Chat、ProgressBar)。
根據原開發者的設定，SignalR提供了兩種訊息傳遞的開發方式，一種為Hub，另一種為PersistentConnection。兩者比較在朱大的文章中有較詳細的說明，我試玩之後，覺得Hub實作起來較簡單;而PersistentConnection較為彈性。
首先透過擴充管理員以NuGet將SignalR的套件自動安裝到專案或網站上。
(繼續閱讀...)

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

  • 個人分類： .NET
▲top
擷取.PNG
看到JQuery的頁籤(tab)實際上是以<UL><LI>標籤搭配css作出來，摸索了一下，還蠻容易的。以下為範例:
<!DOCTYPE html>
(繼續閱讀...)

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

  • 個人分類： CSS
▲top
擷取.PNG
HTML5定義了10幾種的新的輸入型別，有興趣的朋友可以上W3CSchool看看詳細的教學文章，每個都能把玩看看，相當簡單易學。
今天在玩佔位文字時，突發奇想，要如何改變placeholder的文字顏色或者背景顏色呢? 上網爬文了一下，能用CSS解決。
如果你看不到以下的textbox內的佔位文字(Please input texts)，表示瀏覽器不支援，目前IE9以下的版本都不支援。
(繼續閱讀...)

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

▲top
1 2 3 4
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲，請立即離開。

已滿十八歲者，亦請勿將內容提供給未成年人士。