Time of Update: 2013-10-16
不過這種情況可能是一去不複返了,如果你猜測是使用HTML5技術,
Time of Update: 2013-10-16
上回說到《JavaScript 原型繼承之基礎機制》,這一篇將具體說說建構函式的繼承。 從一個簡單的樣本開始,建立描述人類的 People 建構函式: 複製代碼 代碼如下: function People(){ this.race = '愚蠢的人類'; } 然後,建立描述黃種人的 Yellow 建構函式: 複製代碼 代碼如下: function Yellow(name, skin){ this.name = name; this.skin = skin; } 要使得黃種人 Yellow
Time of Update: 2013-10-16
預載入和JavaScript Image()對象 很多high-res映像真的可以使 Web 網站更加整潔。但是它們也會使網站的訪問速度變慢——映像是檔案,檔案使用頻寬,頻寬直接與等待時間相關。是該瞭解如何通過一個叫做映像預載入(preloading)的技巧來提高 Web 網站的訪問速度的時候了。 映像預載入 對於瀏覽器載入映像來說,只有在對映像發送一個 HTTP請求之後,它們才會被瀏覽器載入,對映像的 HTTP 要求要麼使用 <img> 標記,要麼通過方法調用實現。如果使用
Time of Update: 2013-10-16
一.js物件導向的一種實現 複製代碼 代碼如下: <script type="text/javascript"> function Person() { this.name = "張三"; this.age = 0; var nickName = "小三"; //類似私人變數,函數中的局部變數在函數執行完後自動銷毀. this.SayHi = function () { alert("我的名字是" + this.name + " ,大家都叫我" + nickName + "
Time of Update: 2013-10-16
案例背景: 整個功能其實就是從資料庫取出資料,然後在介面上播放,簡單地說就是類似網上線上看視頻,聽音樂,只不過我取的是字串資料,而他們取的是流檔案資料。把整體資料分成十份,十個線程同時向資料庫取資料(並發提高速度)放在十個隊列中,另外一個線程從隊列中取資料拿出來到介面上播放,可以拖動播放進度,停止,暫停,重新播放,控制播放速度。恩,功能聽起來似乎很簡單,做起來也不是很難。但是後面發現的一些問題,以及順著這些問題往下挖掘,挖掘了一些我認為值得記住的東西。 關鍵東西: 1.
Time of Update: 2013-10-16
例子:我們要實現的效果是當使用者點擊滑鼠的時候,就在舊資料上追加若干新資料。 如果使用標準DOM的話,完整代碼如下: 複製代碼 代碼如下: <html> <head> <title>test</title> </head> <body> <div> <p>data<p> </div> <script> document.onmousedown =
Time of Update: 2013-10-16
那麼,對於typeof var!==”number”的類型來說,進行運算時,會嘗試轉化成32位整形資料,如果無法轉換成整形資料,就轉換為NaN; JS在位元運算上用了更簡便的一種方法來實現這中運算,那麼它的實現原理大致上可以這樣理解: 複製代碼 代碼如下: var testData=-2.9; var testResult=(typeof
Time of Update: 2013-10-16
上周,我整理了《jQuery設計思想》。那篇文章是一篇入門教程,從設計思想的角度,講解"怎麼使用jQuery"。今天的文章則是更進一步,講解"如何用好jQuery"。我主要參考了Addy Osmani的PPT《提高jQuery效能的訣竅》(jQuery Proven Performance Tips And Tricks)。他是jQueryTeam Dev的成員,具有一定的權威性,提出的結論都有測試資料支援,非常有價值。======================================
Time of Update: 2013-10-16
代碼如下: 全域: 複製代碼 代碼如下: $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $('#FormId).submit();//處理事件 } } }); 某個控制項: 複製代碼 代碼如下: $('#id').keydown(function(e){ if(e.keyCode==13){
Time of Update: 2013-10-16
直接上代碼: 複製代碼 代碼如下: <!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-16
複製代碼 代碼如下: 題目:要求寫一個函數,去掉給定數組中的重複值。 如: 傳入數組 a = [0, 8, 5, 4, 78, 8, 90, 4, 'a', 'b', 'a']; 要求返回:[0,4,5,8,78,90,a,b] 對於這個題目,在面試之後也想了好多次,不過一直沒能想出一個時間複雜度較低的方法。昨天下午在宿舍看《JavaScript語言精粹》看到一個書中的一段代碼有所觸發,於是在jsfiddle上測試了,成功。代碼如下(完整版參見jsfiddle) 複製代碼 代碼如下: var
Time of Update: 2013-10-16
複製代碼 代碼如下: var isIE=!!window.ActiveXObject; var isIE6=isIE&&!window.XMLHttpRequest; var isIE8=isIE&&!!document.documentMode; var isIE7=isIE&&!isIE6&&!isIE8; if (isIE){ if (isIE6){ alert("ie6"); }else if (isIE8){ alert("ie8"); }else if (isIE7){ alert(
Time of Update: 2013-10-16
實現字型大中小的另一種方法 大 中 小 大 中 小 大 中 小 我是你的玫瑰花 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-16
1、關於頁面元素的引用 通過jQuery的$()引用元素包括通過id、class、元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的對象為jQuery對象(集合對象),不能直接調用dom定義的方法。 2、jQuery對象與dom對象的轉換 只有jQuery對象才能使用jQuery定義的方法。注意dom對象和jQuery對象是有區別的,調用方法時要注意操作的是dom對象還是jQuery對象。普通的dom對象一般可以通過$()轉換成jQuery對象。
Time of Update: 2013-10-16
方法一: 複製代碼 代碼如下: <script language="javascript"> function getIE() { if(navigator.appName == "Microsoft Internet Explorer") { if(navigator.appVersion.match(/7./i)=='7.') { //是IE7,不跳轉 } else { //不是,跳轉 location.href='http://127.0.0.1'; } } }
Time of Update: 2013-10-16
好了,嘮嗑就到這裡,現在看如何用jquery實現無重新整理登入。 首先先建立html的部分 複製代碼 代碼如下: <table> <tr> <td> 使用者名稱: </td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td> 密碼: </td> <td> <input
Time of Update: 2013-10-16
如下: 1:非Ajax前台:對應後台:2:JQuery之Ajax在介紹使用JQuery提交表單前,我們需要首先引用jquery.form.js,它來自於http://www.malsup.com/jquery/form/,至此,我們需要引用的JS檔案有:功能要求:Ajax提交表單,在控制器HelloWorld4Controller中處理請求,並返回若干資料,資料格式為JSON。首先,我們假設返回的JSON實體為:複製代碼 代碼如下: public class LoginResultDTO {
Time of Update: 2013-10-16
如下
Time of Update: 2013-10-16
複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>test</title>
Time of Update: 2013-10-16
複製代碼 代碼如下: <script type="text/javascript"> $(function(){ $(":input").focus(function(){ $(this).addClass("focus"); }).blur(function(){ $(this).removeClass("focus"); }); })//這個效果第三個textarea也會添加樣式 </script> <form action="" method="post"