Time of Update: 2013-10-22
複製代碼 代碼如下: <!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: 2013-10-22
之前一直沒測試chrome ,今天事情不太多,就測試了一下,發現給div加的 onmouseleave事件在chrome 中不起效果; 後來發現解決辦法用jquery的方式實現 例如 複製代碼 代碼如下: <div id=‘aaa' class='divfloat' " onmouseleave='$(this).slideUp();' style='background-color: White; width:553px; position: absolute;left:" +
Time of Update: 2013-10-22
看了一段時間關於js原型的知識,js的擴充方法是基於原型的,如Array.prototype.XXXX就是給Array擴充XXX方法,然後數組都能使用這個方法了。在對象數組裡面經常有根據屬性來進行排序的,升序,降序的,於是自己就想寫一個類似於C#裡面的orderBy的方法,代碼如下: 複製代碼 代碼如下: Array.prototype.OrderByAsc = function (func) { var m = {}; for (var i = 0; i < this.length;
Time of Update: 2013-10-22
複製代碼 代碼如下: <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.
Time of Update: 2013-10-22
近來的使用者,越來越強調 UI 介面的互動,漸漸原本對一條小龍來說只是配角的 JavaScript (以下簡稱 JS) 變成的主角,佔了很大一塊的用途。像是最近很熱門的 ASP.NET 的 MVC 裡面就直接Include JQuery 可見一般。 MVC 用了一陣子,一條小龍甚至感覺 MVC 中的 Controller 根本就是 JS 在控制的,這樣怎麼把 UI 工作獨立,切給美工用,感覺也是蠻大的疑問。 看來後面的美工,只會繪圖、拉畫面是不行的,一定要會 JS、Flash 等等前端控制語言,
Time of Update: 2013-10-22
一、在HTML中嵌入Javasript的方法1.直接在Javascript代碼放在標記對<script>和</script>之間2.由<script />標記的src屬性制定外部的js檔案3.放在事件處理常式中,比如:<p onclick="alert('我是由onclick事件執行的Javascript')">點擊我</p>4.作為URL的主體,這個URL使用特殊的Javascript:協議,比如:<a
Time of Update: 2013-10-22
演算法的核心是部分匹配表和回退演算法,部分匹配表的實現如下:複製代碼 代碼如下:function kmpGetStrPartMatchValue(str) { var prefix = []; var suffix = []; var partMatch = []; for(var i=0,j=str.length;i<j;i++){ &
Time of Update: 2013-10-22
你可以試著按下滑鼠左鍵,然後拖拽出一個方塊後釋放,看效果 Simple xhtml page [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-22
1.基礎:本次分析原理就是在各個瀏覽器下input內容變化的時候觸發事件的各種不相容性.在ie下用onpropertychange事件,在其他瀏覽器裡用input事件. 2.用例:對每個瀏覽器分別測試如下的情況: –輸入英文字母時–開啟IME時–大小寫不同時–輸入運算子時–按下tab鍵時–IME中按下空格時–按下修飾鍵時–複製粘貼時–刪除文本時–等等 3.測試開始:(只標出特殊情況,沒標出的表示正常觸發,每次只觸發一次事件) chrome: +開啟IME時,可以捕捉到輸入事件.
Time of Update: 2013-10-17
IE6的PNG透明是個老問題了,最近有朋友問我有沒有最好的解決這個問題的外掛程式。雖然知道且在用DD_belatedPNG這個外掛程式,今天抽空把這個發上來。 雖然之前在部落格裡發過一款jquery的png外掛程式,但是不支援背景平鋪。 DD_belatedPNG使用了微軟的VML語言對PNG圖片進行重新繪製,以達到半透明的效果,並且能支援background-position和background-repeat屬性,支援偽類。是一款不錯的值得推薦的外掛程式,用法也比較簡單。 使用方法:
Time of Update: 2013-10-17
複製代碼 代碼如下:<form name="form1222" action="list.aspx" method="post"> <input type="hidden" id="mid" name="mid" value=""> </form> <script> function forwardTo(rid){ document.getElementById('mid').value=rid; //賦值給隱藏欄位欄位//
Time of Update: 2013-10-17
在JS中,你寫一個for迴圈的時候,內部的迴圈變數I其實是會儲存在它啟動並執行函數或類內的,所以你會發現你給元素大量繫結事件的時候,出現i=最後一個迴圈變數的值,這就很坑爹啊,解決的方案有2鐘, 思路就是:把這個迴圈變數儲存起來,不要讓它的範圍在整個函數,而是在迴圈體內 1.使用閉包(如果你不懂閉包,請開啟百度:www.baidu.com) 2.使用with關鍵字,with文法是with( obj ) { //使得可以在此直接存取obj的屬性,而不用加obj.XXX } 程式碼範例: 複製代碼
Time of Update: 2013-10-17
作為一個好的Restfull Api不僅在於service url的語義,可讀性,等冪,正交,作為http狀態代碼也很重要,一個好的Http Status Code給使用者一個很好的響應,比如200表示正常成功,201表示建立成功,409衝突,404資源不存在等等。所以在做一個基於node.js+mongodb+angularjs的demo時發現node.js
Time of Update: 2013-10-17
Sticky是一個簡單的頁面訊息提醒jQuery外掛程式。可以設定讓訊息在頁面的四個角落出現,也可以設定在頁面中央出現。可以手動關閉訊息,也可以設定成自動關閉。http://thrivingkings.com/sticky/ 2)JNotify是一個JQuery外掛程式,基於JQuery UI實現,用於建立頁面訊息提醒和狀態提示條。 http://jnotify.codeplex.com/ 示範地址:
Time of Update: 2013-10-17
總的來說,函數在JavaScript中可以: ◆ 被賦值給一個變數 ◆ 被賦值為對象的屬性 ◆ 作為參數被傳入別的函數 ◆ 作為函數的結果被返回 ◆ 用字面量來建立 函數對象 1.1 建立函數 建立JavaScript函數的一種不長用的方式(幾乎沒有人用)是通過new操作符來作用於Function“構造器”: 複製代碼 代碼如下:var funcName = new Function( [argname1, [... argnameN,]] body );
Time of Update: 2013-10-17
本文內容 引入 匿名函數 閉包 變數範圍 函數外部存取函數內部的局部變數 用閉包實現私人成員 引入 閉包是用匿名函數來實現。閉包就是一個受到保護的變數空間,由內嵌函數產生。“保護變數”的思想在幾乎所有的程式設計語言中都能看到。 先看下 JavaScript 範圍: JavaScript 具有函數級的範圍。這意味著,不能在函數外部存取定義在函數內部的變數。 JavaScript 的範圍又是詞法性質的(lexically
Time of Update: 2013-10-17
查看樣本:DEMO 打包下載使用很簡單。 複製代碼 代碼如下: $('#pass').passwordStrength(); XHTML 複製代碼 代碼如下: <p><label>請輸入密碼:</label> <input type="password" id="pass" class="input" /></p> <div id="passwordStrengthDiv"
Time of Update: 2013-10-17
1. Pop! 使用 Pop!可以建立簡單的下拉式功能表!這是一個並不令人信服的 jQuery 外掛程式。 2. BetterTip 允許你建立定製的 Tool tips 的 jQuery 外掛程式。 3. EZPZ Tooltip 非常簡單的使用邊框的 tooltip,同樣也可以跟隨滑鼠。 4. BsTip 各種簡單的 tooltips,使用淡入和淡出效果,並且也有邊框環繞。
Time of Update: 2013-10-17
欄位對於使用者的輸入則為欄位,欄位涉及到使用者的輸入,必定是控制項。由於有以前項目word模板轉化為線上展示輸入經驗(這裡不僅僅是將word轉化為html,還需要提取word書籤作為關鍵字段,關鍵字段作為使用者的輸入,根據使用者配置轉化為文字框,下拉框,數字,貨幣框,時間等等可擴充控制項)。我在本次的模板設計中不再考慮伺服器控制項,因為伺服器控制項將產生一大堆難以控制的html標記。所以徹底瘋狂了一把,採用完全html+jQuery實現(驗證用的也是jQuery
Time of Update: 2013-10-17
在javascript中有兩種注釋方式: 單行注釋: // 多行注釋: /* */ 注釋主要是為了讓我們編寫的程式更具有可讀性,也便於他人來進行二次修改 看下面的例子,我們給Regex用/* */注釋了,運行時發布報了一個語法錯誤 複製代碼 代碼如下: /* var rm_a = /a*/.match(s); */ 所以說塊級注釋是不安全的,如果在我們的代碼中犯了這樣的錯誤,很難去排查 所以最好是用單選注釋// 取代多行注釋 /* */JavaScript 注釋