Time of Update: 2017-01-19
不廢話了,直奔主題吧wcf端:近幾年比較流行restful,為了能讓ajax調用,同時也為了支援restful風格的uri,在建立一個Ajax-enabled Wcf Service後,必須手動修改svc檔案,指定Factory,即:<%@ ServiceHost Language="C#" Debug="true" Service="ajaxSample.HelloWorld" CodeBehind="HelloWorld.svc.cs"
Time of Update: 2017-01-19
在前端開發必須知道的JS之原型和繼承一文中說過下面寫篇閉包,加之最近越來越發現需要加強我的閉包應用能力,所以此文不能再拖了。本文講的是函數閉包,不涉及對象閉包(如用with實現)。如果你覺得我說的有偏差,歡迎拍磚,歡迎指教。一. 閉包的理論 首先必須瞭解以下幾個概念: 執行環境 每調用一個函數時(執行函數時),系統會為該函數建立一個封閉的局部的運行環境,即該函數的執行環境。函數總是在自己的執行環境中執行,如讀寫局部變數、函數參數、運行內部邏輯。建立執行環境的過程包含了建立函數的範圍,
Time of Update: 2017-01-19
以前防止頁面被iframe使用的是這段代碼 複製代碼 代碼如下: <script type=”text/javascript> if (top.location !== self.location) { top.location=self.location; } </script> 但是在Firefox裡你會發現頁面會一直不停的在刷. 頁面根本沒法用. 這裡是因為firefox windows.top如果沒有那麼就是空,在IE下windows.top就是本視窗
Time of Update: 2017-01-19
前言 當使用MasterPage、UserControl等容器時,為了避免控制項的重複命名,asp.net會自動將容器中的控制項產生一個ClientID(Control Tree中的可產生,否則不會產生)。 例如:ContentPlaceHolder1中的Button1預設情況下會產生“ctl00_ContentPlaceHolder1_Button1”的ClientID。 我們在Render出來的mark
Time of Update: 2017-01-19
先描述一下出現這種匪夷所思bug的背景: 我在頁面載入的時候載入一堆小縮圖,<a href="javascript:void(0);" onclick="switch_image('1.jpg')"><img src="1.thumb.jpg" /></a> 這麼多小的縮圖標籤迴圈平鋪下來,當單擊小的圖片時,動態載入大的圖片顯示,就類似於淘寶的商品查看圖片。頁面上有一個標籤: <div id="pic-box"><img src="" id=
Time of Update: 2017-01-19
所有的事件回呼函數都有兩個參數:event和ui,瀏覽器自有event對象,和經過封裝的ui對象 ui.helper - 表示sortable元素的JQuery對象,通常是當前元素的複製對象 ui.position - 表示相對當前對象,滑鼠的座標值對象{top,left} ui.offset - 表示相對於當前頁面,滑鼠的座標值對象{top,left} ui.item - 表示當前拖拽的元素 ui.placeholder - 預留位置(如果有定義的話) ui.sender -
Time of Update: 2017-01-19
複製代碼 代碼如下: //定義一個對象數組 var data = [{ name: "jiang", age: 22 }, { name: "AAAAAAAAAAAAAA", age: 21 }, { name: "CCCCCCCCc", age: 25}]; //定義一個比較子 function compare(propertyName) { return function (object1, object2) { var value1 =
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Time of Update: 2017-01-19
複製代碼 代碼如下: <style type="text/css"> #newPreview { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=images); } </style> <script type="text/javascript" language="javascript"> function PreviewImg(imgFile) { var
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Time of Update: 2017-01-19
下面說實現步驟: 1- 引用檔案。下載後會得到兩個核心檔案ZeroClipboard.js和ZeroClipboard.swf,在項目中引用其中一個。 <script type="text/javascript" src="http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.js"></script> 2- 載入ZeroClipboard對象,並實現複製功能。 複製代碼 代碼如下:
Time of Update: 2017-01-19
1. Append Outside of Loops凡是觸及到DOM都是有代價的。如果你向DOM當中附加大量的元素,你會想一次性將它們全部附加進來,而不是分多次進行。當在迴圈當中附加元素就會產生一個常見的問題。複製代碼 代碼如下:$.each( myArray, function( i, item ) { var newListItem = "<li>" + item + "</li>"; $( "#
Time of Update: 2017-01-19
複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New document.nbsp;</TITLE> <meta
Time of Update: 2017-01-19
前兩天在寫一個chrome的extensions,因為 content裡和background互動必需要一個非同步方法呼叫實現,如: 複製代碼 代碼如下: var Test = new Class({ options: {}, initialize: function(args) { chrome.extension.sendRequest({ 'type':'options' }, function(options) { this.options = options; …… }); } });
Time of Update: 2017-01-19
jquery判斷子項目是否存在 一、判斷子項目是否存在 //一級子項目 if($("#specialId>img").length==0) if ($( "#specialId:has(img)" ).length==0) { //----
Time of Update: 2017-01-19
廢話不多說,貼上代碼,也算是自己的一個代碼儲存。 複製代碼 代碼如下: var temp_iframe var content = document.getElementById('right'); //id為 right的DOM容器中,進行建立iframe和寬高自適應 var c = 0; function append(filename) { var the_iframe = "helpfile" + c; temp_iframe =
Time of Update: 2017-01-19
有些主機服務商把php的allow_url_fopen選項是關閉了,就是沒法直接使用file_get_contents來擷取遠程web頁面的內容。那就是可以使用另外一個函數curl。下面是file_get_contents和curl兩個函數同樣功能的不同寫法file_get_contents函數的使用樣本:複製代碼 代碼如下:< ?php$file_contents = file_get_contents('http://www.jb51.net');echo
Time of Update: 2017-01-19
pushState是一個可以操作history的api,該api的介紹和使用請見這裡:http://www.welefen.com/use-ajax-and-pushstate.html目前已經有http://github.com/, http://plus.google.com, http://www.welefen.com 等網站已經使用。pjax是對ajax +
Time of Update: 2017-01-19
一、需求原因雖然JQuery為我們定義了許多的事件,但是有時候還是不能滿足我們的要求,故本例實現一個自訂事件實現的例子。二、具體實現複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type"content="
Time of Update: 2017-01-19
首先介紹這兩個方法之前,我們常用的是click()方法複製代碼 代碼如下:$("a").click(function() { alert("hello");});click()方法是bind()方法的一種簡單方法。在bind()中,jQuery所有JavaScript事件對象,比如focus, mouseover,和resize,都是可以作為type參數傳遞進來的。