9個令人驚歎的HTML 5和JavaScript實驗

今天,本文與大家分享其中9個很棒的例子,為了有更好的效果,建議在Chrome瀏覽器中瀏覽。1. Untangle拖動藍點,讓所有線都不相交,看看你多久能解開? :)2. Z Type一款太空射擊遊戲,基於ImpactJS遊戲庫開發。3. Cube Out模仿經典的益智遊戲Blockout(三維俄羅斯方塊),移動和旋轉方塊填補空白,完成一層後會自動消隱。4. Bounce一款javascript遊戲,點擊和控制藍色的盒子,讓黃色的點擊不要碰到紅色的點。5. Sketch 3D一款非常棒的素描工具,

讓 JavaScript 拯救 HTML5 的離線儲存

在 網際網路連線無處不在的今天,我們忽然有了另外一個需求,離線 Web。Gmail, Google Reader, Zoho 這些優秀的 Web 應用程式都支援離線使用,這歸功於 Google Gears。然而真正的離線 Web 要靠 HTML 5,這個未來的 Web 語言明星將為  Web 的離線儲存制定一套標準,W3C已經發布 HTML5 離線儲存細則。 有人可能會說,離線 Web 毫無意義,你得到的只是一個蹩腳的傳統型程式,在 wi-fi, 3G

使用RequireJS最佳化JavaScript引用代碼的方法

   這篇文章主要介紹了使用RequireJS最佳化JavaScript引用代碼的方法,RequireJS是一款人氣JS庫,需要的朋友可以參考下  RequireJS是一個提高你的javascript代碼速度和品質的有效方法,同時它還讓你的代碼更容易閱讀和維護。  在本文中,我會為你介紹RequireJS和應該如何使用它。我們討論引入檔案和定義模組,甚至還會接觸最佳化方面的知識。  簡單的說,require.js是一個指令碼載入程式,允許你把你的javascript代碼獨立成檔案和模組

在JavaScript應用中使用RequireJS來實現消極式載入

   這篇文章主要介紹了在JavaScript應用中使用RequireJS來實現消極式載入,JavaScript是一款人氣JS庫,需要的朋友可以參考下  無論簡單還是複雜的Web應用,都由一些HTML、JavaScript、CSS檔案組成。通常開發人員會通過JQuery、Knockout、Underscore等等這樣的第三方JavaScript架構來提高開發速度。由於這些JavaScript架構都針對特定的用途開發而且已經得到了“驗證”,所以直接使用它們就比自己

JavaScript判斷數組是否包含指定元素的方法

   本文執行個體講述了JavaScript判斷數組是否包含指定元素的方法。分享給大家供大家參考。具體如下:  這段代碼通過prototype定義了數組方法,這樣就可以在任意數組調用contains方法  ? 1 2 3 4 5 6 7 8 9

JavaScript實現文字框中預設顯示背景圖片在獲得焦點後消失的方法

   本文執行個體講述了JavaScript實現文字框中預設顯示背景圖片在獲得焦點後消失的方法。分享給大家供大家參考。具體如下:  html代碼:  ? 1 2 3 4 5 6 7 8 9

JavaScript獲得指定對象大小的方法

   本文執行個體講述了JavaScript獲得指定對象大小的方法。分享給大家供大家參考。具體如下:  ? 1 2 3 4 5 6 7 8 9 10 11

JavaScript實現串聯功能表的方法

   本文執行個體講述了JavaScript實現串聯功能表的方法。分享給大家供大家參考。具體實現方法如下:  ? 1 2 3 4 5 6 7 8 9 10 11 12

JavaScript使表單中的內容顯示在螢幕上的方法

   本文執行個體講述了JavaScript使表單中的內容顯示在螢幕上的方法。分享給大家供大家參考。具體實現方法如下:  一、使內容水平出現  ? 1 2 3 4 5 6 7 8 9 10 11

JavaScript非同步方法呼叫隊列鏈

在javascript中,方法的鏈式調用很流行,使用jQuery的朋友對此一定深有體會。在《javascript設計模式》中對這種方法作了比較詳細的描述,實現方法的鏈式調用,只須讓在原型中定義的方法都返回調用這些方法的執行個體對象的引用即可,看看書中的這段代碼: 以下為引用的內容: (function() {   function _$(els) {

javascript處理a標籤超連結預設事件的方法

   本文執行個體講述了javascript處理a標籤超連結預設事件的方法。分享給大家供大家參考。具體分析如下:  有時需要在a標籤上添加click事件,並且跳轉前處理一些事務,故需要做一些處理;通常前端會給出一個link來代表這個行為,有些還會這樣寫link或者link這樣的寫法,但這樣並不相容所有瀏覽器,有些瀏覽器就會出現很怪異的形為。  因此,這個問題需要其它方法來解決,其一是用jquery的阻止預設事件,就像JQUERY的官方API中所給出的樣本:  ?

javascript日期計算執行個體分析

   本文執行個體講述了javascript日期計算。分享給大家供大家參考。具體如下:  ? 1 2 3 4 5 6 7 8 9 10 11 12 13

javascript實現倒計時

   本文給大家分享的是個人項目中使用的javascript實現的精確到秒級的倒計時代碼,十分的實用,有需要的小夥伴可以參考下。  代碼相當簡單實用,這裡就不多廢話了,小夥伴們簡單看下就能明白  ? 1 2 3 4 5 6 7 8 9

13個增強Web設計介面的Javascript指令碼

Javascript能讓Web設計更具互動性、更美觀和更方便的控制內容的展示。比如我們之前就介紹過11款控制內容展示的Javascript特效和技巧,本文裡面,則介紹13個增強Web設計介面的Javascript指令碼。1.Easy News Easy News是一個可以讓您輕鬆顯示網站新聞或圖文內容展示的jquery外掛程式,可設定Fade In-Out ,Slide Up-Down, Left To Right

javascript實現給定半徑求出圓的面積

   這篇文章主要介紹了javascript實現給定半徑求出圓的面積的相關資料,需要的朋友可以參考下  代碼相當簡單,這裡就不多廢話了,小夥伴們自己參考下吧。  ? 1 2 3 4 5 6

javascript實現一個數值加法函數

   這篇文章主要介紹了javascript實現一個數值加法函數,十分的簡單實用,方便大家理解javascript,有需要的小夥伴可以參考下。  廢話不多說,直接奉上代碼  JS  ? 1 2 3 4 5 6 7 8 9

淺談JavaScript異常處理語句

  考慮到 JS 中的錯誤可比伺服器端的代碼產生的錯誤要多得多,並且還難以發現及修正,所以 JS 代碼必須有異常處理以及全域一場處理。  程式運行過程中難免會出錯,出錯後的運行結果往往是不正確的,因此運行時出錯的程式通常被強制中止。運行時的錯誤統稱為異常,為了能在錯誤發生時得到一個處理的機會,JavaScript提供了異常處理語句。包含try-catch、try-catch-finally和throw.  try-catch語句  ?

JavaScript類比實現鍵盤打字效果

   這篇文章主要介紹了JavaScript類比實現鍵盤打字效果,本文直接給出執行個體代碼,需要的朋友可以參考下  ? 1 2 3 4 5 6 7 8 9 10 11 12

href="#"與href="javascript:void(0)"的區別

"#"包含了一個位置資訊預設的錨點是#top 也就是網頁的上端而javascript:void(0) 僅僅表示一個死連結這就是為什麼有的時候頁面很長瀏覽連結明明是#可是跳動到了頁首而Javascript:void(0) 則不是如此所以呼叫指令碼的時候最好用void(0)或者<input onclick><div

javascript[js]擷取url參數的代碼

最近做個頁面,需要用javascript擷取url參數,可發現網上的東西,實在是多了,錯誤也實在是多啊,真暈,浪費了我不少時間於是,我便總結一下,一個好用的就可以了,先聲明下,用正則,是簡單,但多瀏覽器的相容性,和速度不敢保證了,所以我就用個多瀏覽器安全色的代碼如下:<script language = javascript>function request(paras){var url = location.href;var paraString =

總頁數: 3271 1 .... 2487 2488 2489 2490 2491 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.