擷取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是必要安裝項目。

2.開啟Cygwin命令視窗,輸入npm install -g less,就會開始安裝lessc:

3.把bootstrap.less拷貝到cygwin的安裝路徑下,如

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

擷取

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

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

所以想找一套工具能幫我SQL TO LINQ,藉此快速學習。

於是找到這套Linqer

一、執行Linqer.exe後,得預先設定初始值。

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

擷取

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

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

<scripttype="text/javascript">

        $(document).ready(function () {

            q1();

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

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

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

''' <summary>

''' 截取index0到某Length的字串

''' </summary>

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

擷取1

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

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

View的區塊就是讓template透過Route指引Multi Views來自動變化。而我想在一開始時先表列資料,點選某筆資料後,畫面切換到資料的明細,亦即List-Detail的呈現方式。

List畫面 :

Detail畫面 :

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

擷取

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

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

services.js :

angular.module('myApp', ['ngResource']). //ngResource module加入自訂的application

factory('myService', function ($resource) { //create service

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


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

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

原程式如下,簡單來說,就是透過controller到後端撈資料,再將資料放入moudle透過ng-repeat指令輪詢 li tag展示出來。

看似沒問題的一段code,是的!我也沒寫錯,但回傳的資料格式永遠是xml,而不是我定義的json。

但明明我有為headers屬性,指定一個'Content-Type':'application/json'的物件了,難不成XMLHttpRequest物件並沒有把這個header給傳給後端嗎?

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

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

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

於是詢問孤狗大神 + 實際測試後,找到了解決方法,趕快作筆記起來 XD

粗體字為解決方法: 

1、將ng-app指令拿掉,以id="ng-app" class="ng-app"取而代之。

忙裡偷閒 發表在 痞客邦 留言(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的程式,並傳回客戶端。

經過孤狗大神的指示,找到了DotNetZip這個好用的壓縮/解壓縮元件。

Default.aspx:

(1)HTML部分:

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

1擷取

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

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

首先透過擴充管理員以NuGet將SignalR的套件自動安裝到專案或網站上。

一、以Hub實作:

先來建立後端物件

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

擷取.PNG

看到JQuery的頁籤(tab)實際上是以<UL><LI>標籤搭配css作出來,摸索了一下,還蠻容易的。以下為範例:

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

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

擷取.PNG

HTML5定義了10幾種的新的輸入型別,有興趣的朋友可以上W3CSchool看看詳細的教學文章,每個都能把玩看看,相當簡單易學。

今天在玩佔位文字時,突發奇想,要如何改變placeholder的文字顏色或者背景顏色呢? 上網爬文了一下,能用CSS解決。

如果你看不到以下的textbox內的佔位文字(Please input texts),表示瀏覽器不支援,目前IE9以下的版本都不支援。

加入以下的CSS Style可改變佔位文字顏色及背景顏色:

<styletype="text/css">

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

1 2 3 4
Blog Stats
⚠️

成人內容提醒

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

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