Time of Update: 2013-10-17
所以還是自己動手豐衣足食,還是堅持簡單就是美的代碼風格。 試試在iframe裡嵌入一個測試頁面,你可以使用滑鼠拖動項目,調整分類: 當然,這並不是我要的最終效果,只能說它已經實現了一個我想要的拖放效果。我要求的在這個基礎上,還要增加自動排序,位置變更後恢複之前元素bind的jQuery事件等。 代碼 代碼如下,如要複製,請先查看純文字版本! 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>Drag &
Time of Update: 2013-10-17
JQuery簡介
Time of Update: 2013-10-17
例子展示: jquery代碼: 複製代碼 代碼如下: <script language="javascript"> $(document).ready(function(){ alert($("ul li:eq(1)").text()); //選取第二個li的值 alert($("p").attr("title")); //選取p的title屬性的值 //追加元素 $('ul').append("<li title='香蕉'>香蕉</li>").append(
Time of Update: 2013-10-17
前言 在第12章關於變數對象的描述中,我們已經知道一個執行內容 的資料(變數、函式宣告和函數的形參)作為屬性儲存區在變數對象中。 同時我們也知道變數對象在每次進入上下文時建立,並填入初始值,值的更新出現在代碼執行階段。 這一章專門討論與執行內容直接相關的更多細節,這次我們將提及一個議題——範圍鏈。 英文原文:http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/ 中文參考:http://www.denisdeng.com/?p=9
Time of Update: 2013-10-17
其實在原生的也JS也有這些屬性。和JQ幾乎相同但是比JQ少一些。但是用起來卻比JQ麻煩一點。主要因為FF瀏覽器,因為FF會把你的換行也當做一個DOM元素。比如說 複製代碼 代碼如下: <div id = "dom"> <div></div> <div></div> </div> 我用原生的JS擷取ID為dom的元素下的子項目。用我第一章說的方法就是var a = document.getElementById("dom")
Time of Update: 2013-10-17
這兩天有個前同事總在問我Javascript物件導向的東西,所以,索性寫篇文章讓他看去吧,這裡這篇文章主要想從一個整體的角度來說明一下Javascript的物件導向的編程。(成文比較倉促,應該有不準確或是有誤的地方,請大家批評指正) 另,這篇文章主要基於 ECMAScript 5, 旨在介紹新技術。關於相容性的東西,請看最後一節。 初探 我們知道Javascript中的變數定義基本如下: 複製代碼 代碼如下: var name = 'Chen Hao';; var email = 'haoel(
Time of Update: 2013-10-17
複製代碼 代碼如下: <!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-17
lang.js庫提供了包和類的定義、類的繼承與混合(mixin)、函數重載等功能,基本可滿足大多數物件導向設計的需求。同時支援基於鏈式的定義方式,讓庫在使用時更加規範和便捷。下面首先通過簡單的例子示範了lang.js的準系統,之後給出了lang.js的源碼及注釋。 一.功能介紹 “lang”作為架構的全域定義,其中包括了四個方法: lang.Package(string name) //用於定義包(預設會暴露到全域) lang.Class(string name[, object config]
Time of Update: 2013-10-17
jQuery 以其外掛程式眾多、獨特、輕量以及支援大規模的網站開發聞名。本文與大家分享50款非常有用的 jQuery 外掛程式,可以根據您的項目需要來選擇使用。1- ZWeatherFeed jQuery Plugin2- JDesktop3- Mocha UI Library4- Pajinate JQuery Plugin5- JQuery Datagrid Plugins6- JQuery Superbox7- Masked Input Plugin8- Sexy Box9-
Time of Update: 2013-10-17
build.js中的代碼會去調用UglifyJS的介面函數以執行壓縮任務。 1,去github下載最新的UglifyJS。兩種方式下載,如果安裝了git,進入git控制台使用如下命令 git clone git://github.com/mishoo/UglifyJS.git 或者使用http方式下載,點擊zip下載。解壓後其目錄結構如下
Time of Update: 2013-10-17
Node.js是一套用來編寫高效能網路伺服器的JavaScript工具包,一系列的變化由此開始。比較獨特的是,Node.js會假設你是在POSIX環境下運行它Linux 或 Mac OS X。如果你是在Windows下,那就需要安裝MinGW以獲得一個仿POSIX的環境。在Node中,Http是首要的。Node為建立http伺服器作了最佳化,所以你在網上看到的大部分樣本和庫都是集中在web上(http架構、模板庫等)。 首先,去http://nodejs.org 下載安裝。我下的版本是0.6.6
Time of Update: 2013-10-17
Ajax 這個詞聽了不少,但是其實並沒有真的接觸過,於是在這裡稍微瞭解一下。 Ajax技術的創新之處在於,改善了傳統的“請求-等待-響應-重新整理-返回資料”模式,在資訊返回之前,使用者可以繼續自己的操作,當前頁面不會因為請求而重新整理。這樣大大的提高了互動性。 Ajax其實並不是一個技術,而是由許多技術組成的。最大的特色之一就是可以非同步傳輸,實現多線程服務。 Ajax的非同步傳輸,依靠的是js中的XMLHttpRequst對象,於是我們從它入手。
Time of Update: 2013-10-17
註:抄<深入淺出Extjs>書 傳統的js實現繼承操作為: 一:定義一個父類 複製代碼 代碼如下: var BaseClass = function(){ //..... }; BaseClass.prototype.someMethod = function(){ //..... }; BaseClass.prototype.overridenMethod = function(){ //.... } 為BaseClass定義兩個函數someMethod
Time of Update: 2013-10-17
html如下: 複製代碼 代碼如下: <!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-17
複製代碼 代碼如下: <script type="text/javascript"> function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date; } function TimeCom(dateValue) { var
Time of Update: 2013-10-17
最近在看鬆散耦合可定製百度的開源架構tangram.js目光突然就聚焦在一種獲得毫秒數的寫法: (+new Date()) 其實這種寫法也沒什麼就是用運算子轉化日期為number型,於是我肯定這種寫法沒有日期原生寫法(new Date().getTime())效率高 : 於是做了下面測試: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />
Time of Update: 2013-10-17
第一個項鏈實現原理將img的src屬性設為同一張圖片: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>項鏈</title> <style type="text/css"> *{margin: 0px;padding: 0px;} .cont{width: 1100px;overflow: hidden;margin: 0 auto;} .div1, .div7{width:
Time of Update: 2013-10-17
用JQUERY增刪元素JQuery有增加和刪除元素的方法。主要分為內部插入,外部插入,包裹,替換,刪除。內部插入主要方法:append(content) 向每個匹配的元素內部追加內容。prepend(content) 向每個匹配的元素內部前置內容。外部插入:after(content) 在每個匹配的元素之後插入內容。before(content) 在每個匹配的元素之前插入內容。刪除:empty() 刪除匹配的元素集合中所有的子節點。remove([expr])
Time of Update: 2013-10-17
案例1:斷行符號實現Tab跳轉。 響應文字框的onKeyDown事件,window.event.keyCode獲得使用者點擊的keyCode。 (*)keyCode和ASCII不是完全一致,主鍵盤的1和小鍵盤的1的ASCII一樣,但是keyCode不一樣。斷行符號的keyCode為 13,Tab的keyCode為9。 <body onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}">
Time of Update: 2013-10-17
最常見的方式就是: 複製代碼 代碼如下:url?arg1=value1&arg2=value2&arg3=value3... 這樣的方式最常見最普通也最容易理解,但是在項目中,如果後面帶的參數可變而且欄位有不同的值或者不同的語義時,這樣的方式可維護性和可讀性其實並不高,而且代碼也容易重複或者冗餘。 比如下面的一個對CGI的請求串: 複製代碼 代碼如下: var url = "http://www.tenpay.com/app/v1.0/juhui.cgi?"; var