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

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

WordPress的JavaScript本地化

WordPress 升級到 3.1 之後, 如果主題支援 wp_head() 方法, 將在頁面載入一個名為 l10n.js 的檔案, 這是為 JavaScript 本地化提供的工具庫. 目前對大多數人來說是一個無用的功能, 甚至有人認為這是 WordPress 卑鄙地偷偷地在頁面上埋了一個扯淡的指令碼, 所以網上能找到的都是如何卸載指令碼的方法.在我們卸載之前, 是不是應該先瞭解一下這是怎樣的一個功能, 添加指令碼的意圖是什麼? 本文將說明 l10n.js 指令碼存在的意義,

JavaScript 假如default不是switch的最後一項

話說大家對於switch語句應該再熟悉不過了,各種類C語言都不例外,JavaScript自然也是如此。switch的邏輯很簡單,根據switch內容的值執行對應的case項,否則執行default項即可。但是不同的語言在具體一些細節上面的處理卻是不同的。例如在JavaScript裡,每個case項都可以沒有break,於是語句便會順延到下個case或是default裡面去——但某些語言設計者認為這種特性容易造成代碼理解上的偏差,因此比如在C#裡便要求每個case都要有個b

經驗分享:JavaScript小技巧

儘管我使用Javascript來做開發有很多年了,但它常有一些讓我很驚訝的小特性。對於我來說,Javascript是需要持續不斷的學習的。在這篇文章中,我將列出10個Javascript使用小技巧,主要面向Javascript新手和中級開發人員。希望每個讀者都能至少從中學到一個有用的技巧。1.變數轉換

7個優秀的JavaScript資源推薦

隨著伺服器端和瀏覽器技術發展,各種新舊的類庫都跟隨著進化了。作為一個JS開發人員,我們需要緊跟最新的技術和新聞。本文協助大家在這篇文章裡彙集了7個最受歡迎的javascript資源,無論你是新手還是老手,你都能發現這些資源對於工作非常有益處。BKJIA推薦: JavaScript學習筆記 有問有答1. Mozilla Developer

JavaScript入門之語言基礎(1)

JavaScript 語言正越來越受歡迎,可以說是是互連網上最突出的語言之一。你可以跨平台和瀏覽器使用它,其並不排斥後端語言。現在有許多不同的開發庫——有些非常棒——

JavaScript入門之基本函數(1)

系列專題:JavaScript入門總的來說,函數在JavaScript中可以:◆ 被賦值給一個變數◆ 被賦值為對象的屬性◆ 作為參數被傳入別的函數◆ 作為函數的結果被返回◆ 用字面量來建立函數對象1.1

JavaScript入門之事件、cookie、定時等(1)

一篇關於“JavaScript語言入門”的文章涵蓋了JavaScript語言中許多最基礎的內容,從建立指令碼標籤到使用注釋、把JavaScript檔案包含到HTML文檔中、定義變數、使用運算子、定義數組、使用條件陳述式、定義函數和使用迴圈等。本文從上一篇文章結束的地方開始,解釋其他的一些基本的JavaScript語言概念,繼續為初學者提供對語言的基礎理解。本文提及的基礎內容能夠讓你更好地理解所使用的庫,知道如何就究竟要不要使用庫做出決定,甚至有可能會給你帶來一些編寫自己的

使用JavaScript和Canvas開發遊戲之使用Canvas

3、通過Canvas元素實現進階映像操作http://www.brighthub.com/internet/web-development/articles/39509.aspx這篇文章將帶領大家學習使用JavaScript和Canvas元素操作映像了幾種不同的方式,這些方式在Canvas元素出現之前是不可能的事兒。上一篇文章示範了如何利用Canvas實現一個基本的映像動畫。那個例子很簡單,同樣的效果通過修改IMG或DIV等標準HTML元素的一些屬性,照樣也可以輕易實現。下面我們就來示範一下畫布

Node.js源碼研究之模組組織載入

粗略研究了一下node.js源碼,它有8000行C++代碼,2000行javascript代碼,來看看js和C++間是怎麼組織串連起來,以及各個模組是怎樣互相調用的。本文使用的node.js版本是0.4.8,可以在https://github.com/joyent/node/tree/v0.4.8這裡看到源碼。js2c.pynode.js使用了V8附帶的js2c.py工具把所有內建的js代碼轉換成C++裡的數組,產生node_natives.h直接include到程式中,成了C++源碼的一部分。

Dart VS JavaScript之JavaScript的先天殘疾

敬告:本文作者沒寫過上萬行的代碼,文中資訊全部為道聽途說,未經查證;文中觀點可能偏頗狹隘一根筋,謹做拋磚引玉之用。望達者查之,讀者自重,噴者迅猛。Google 近日推出 Dart 語言,劍指大紅大紫的JavaScript。為什麼Google 挑了這個看著不軟的柿子,Dart 能不能順利推倒傲嬌的 JavaScript,這篇文章主要分析這兩個口水側漏的問題。JavaScript 和 Google 的蜜月JavaScript 本來是 Netscape

JavaScript非同步編程之用Jscex畫圓

關注老趙的jscex很久了,jscex利用eval(str)的無限可能,從“$async” 到“async”,從不支援if else 等 到支援 if else等·,jscex正在不斷完善和最佳化當中。jscex完全可以投入生產環境了 昨天講完pi,今天來畫圓吧!在支援html

當Shell遇上了Node.js

好吧,我承認,這個標題有點曖昧的基情,但是希望下文的內部能給不熟悉或不喜歡Shell或WIN平台下的批處理編寫的工程師帶來一些協助。BKJIA推薦專題:Node.js專區首先,我承認Shell指令碼配置sed,awk等工作已經相當強大了,熟悉的朋友就對下面的內容一笑而過吧,但是如果你喜歡上了NODE,那就讓我們繼續旅程吧:好吧,先做一段簡單的Shell得到時間差代碼的冷菜diff.sh:#!/bin/bashSTART=$(date +%s)

JSDev:一個最佳化JavaScript開發過程的小工具

JSDev 是老道(Douglas Crockford)最近搞的一個不太起眼的小玩意,他的大致思路是,對 JavaScript 做預先處理,選擇性地把注釋轉為相應的代碼。JSDev 處理的註解區塊有以下兩種形式:/*<tag> <stuff>*/ /*<tag>(<condition>) <stuff>*/ 然後你可以指定 JSDev 開啟哪些 tag,JSDev

如何系統地學習JavaScript

入門學會DIV+CSS布局使用DIV+CSS布局標準網頁,可以使前端XHTML代碼更少、結構更清晰,這有利於輕鬆用JavaScript操作DOM,比如,要展示一個3行3列的列表,如果用傳統的表格版面配置,現在要你用JavaScript動態產生這個列表,那麼就需要一個迴圈嵌套,如果採用li結構加CSS浮動布局,一次迴圈就好了。當然,WEB標準化不是一定不能使用表格,我的意思是結構清晰的XHTML更易於把JavaScript效果或功能整合到項目中。掌握幾種開發測試載入器作為一個開發人員,熟悉測試載入

10件有關JavaScript讓人費解的事情

JavaScript 可算是世界上最流行的程式設計語言,它曾被 Web 開發設計師貼上噩夢的標籤,雖然真正的噩夢其實是 DOM API,這個被大量的開發與設計師隨手拈來增強他們的 Web 前端的指令碼語言,如今越來越被重視,雖則如此,JavaScript 仍然擁有很多讓人費解的東西。1. 它以 Java 命名,但並不是 Java它最初叫 Mocha, 接著改名為 LiveScript,最後才確定命名為 JavaScript,根據記錄,Java 的命名與 Netscape 和 Sun

中文前端UI架構Kit:超酷的瀑布流特效動畫

Demo地址:http://xueduany.github.com/KitJs/KitJs/demo/Waterfall/demo.html一)KitJs瀑布流組件特點1. 瀑布流形式呈現圖片載入,滑鼠滾動到底載入新的資料2. 瀑布條數隨視窗大小改變而改變,支援任意縮放視窗二)使用方法core需要引用kit.js,IE下通過條件注釋引入ieFix.js其他需要引入array.js 數組擴充可以不引用)anim.js

JavaScript模組編程之寫法

隨著網站逐漸層成"互連網應用程式",嵌入網頁的Javascript代碼越來越龐大,越來越複雜。網頁越來越像傳統型程式,需要一個團隊分工協作、進度管理、單元測試等等......開發人員不得不使用軟體工程的方法,管理網頁的商務邏輯。JavaScript模組化編程,已經成為一個迫切的需求。理想情況下,開發人員只需要實現核心的商務邏輯,其他都可以載入別人已經寫好的模組。但是,JavaScript不是一種模組化程式設計語言,它不支援"類"class),更遑論&quo

jQuery布局外掛程式UI Layout簡介

基本使用方法:擷取容器元素並調用layout方法,傳入配置參數(可選)options即可:$('body').layout( [options] );通常保留布局的引用,以便於進一步通過代碼控制布局的形態。[javascript]var myLayout = $('body').layout();  // 讀取布局配置選項  var is_west_resizable =

Jquery Uploadify多檔案上傳帶進度條 且傳遞自己的參數樣本

[html] <%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %>  <html xmlns="http://www.w3.org/1999/xhtml"> <head

總頁數: 3271 1 .... 230 231 232 233 234 .... 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.