ECMAScript5規範給Array引入了不少新的方法,看起來都挺實用,值得熟悉一下,目前在IE9和其他標準瀏覽器中均以實現,IE8之前的只能用降級了.有個瀏覽器對ECMAScript5規範支援情況的總結表格,很不錯,感興趣的朋友可以參考下,點擊查看為了熟悉這幾個新方法,我自己也特意總結了下:"use strict";function print(s) {console.log(s);}// test arrayvar array = [34, 12, 'Andrew', 'Frank', -
最近利用閑暇時間寫了2個mootools組件,想發布出來, 如果你有相關需求, 覺得能用上, 那就再好不過了 ; )首先說個比較重要的, 相容性: IE7+ 和其他standard browsers. 如果你需要IE6支援, 可能在樣式上稍微修改下也能使用.需要的js庫: mootools-core-1.4.2組件1: MooMultiSelector 可代替<select multiple>進行多選,支援ajax功能.下面來張更多細節,如果你有興趣可以下載該組件.
昨天部落格園上看到一篇《iframe非同步載入技術與效能》，感覺不錯，感謝該博主的分享,對前端效能感興趣的朋友可以研究下,這裡我不準備對原文進行重複,只是做個記錄, 對博文中提到的Meebo工程師的印象較深, 所以自己也做了個小例子,用firebug的net面板看了下, 順便說一下iframe用於預先載入也是一個相對不錯的選擇,這裡有篇文章大家也可以參考《用javascript預先載入圖片、css、js的方法研究》.下面我就貼出My Code,
原文地址：http://www.script-tutorials.com/html5-game-development-lesson-1/ 以後的每篇文章都會加入一些新的東西。在這篇裡我們建立了一個有7個頂點的圖形，並在這些頂點上畫圓圈，這樣我們能通過拖動圓圈來改變頂點的位置。我們用半透明的顏色來填充該圖形。對於剛開始來說，這樣就足夠了。第一步：HTMLindex.html<!DOCTYPE html><html
今天重新翻閱Thanking in java。發現通過類字面常量獲得Class對象的引用和Class.forName()方式有些區別。特記錄下。 1.Class.forName(String className): 這種方式要注意className必須使用全限定名(即包含完整的包名)2.類字面常量 比如：FancyToy.class 這樣做的優點是：1.編譯器會對其進行檢查，不需要置於try語句塊中。所以更簡單，更安全。
原文地址：http://www.script-tutorials.com/html5-game-development-lesson-2/今天我們將繼續HTML5遊戲開發系列。這篇文章繼續學習基礎知識(可能包含一些進階知識)。將會給你們介紹怎麼用漸層色來填充圖形，使用特定的字型來繪製文本，還有基本的動畫，最重要的是UI元素Button的使用。之前的文章你可以通過訪問http://www.cnblogs.com/pigzhu/archive/2013/05/26/3100018.html來讀。我將
說來，我是後來者，半年的工作，讓我從未知到入門，再到初級的水平。自己學到了很多，也感悟到了很多。對於前端我依然還是個門外漢，需要仔細琢磨的事情，仍然太多。雖然有些時候付出與得到，並不成正比，但是，努力與堅持，是我必須具備的素養。學習前端知識，必須要明白語義化的標籤，以及各遊覽器下的相容模式，還需要很大的精神花費在JavaScript指令碼上與UI介面的所需要的各種專業知識上。這裡面的重中之中，還是JavaScript，但基石卻是HTML
從一個默默無聞的人，到現在漸漸成熟，漸漸懂事，我邁出了比別人要來的多的傷痛與艱辛。昨天下午，我們小組開了將近兩個小時的會議，與其說是會議，不如說是大家聊天。我們聊了很多話題，半年的相處，讓我們從工作、生活得到了很多感觸，同事們都在進步。其實我想寫四個方面的主題->學習、寫作、編程與開發。人一生之中，必須不斷的學習，這裡的學習不是籠統的概念，是對自我升華的一種表述方式。僅限於我的職業，我未來想要走出的路->前端開發。二零一二年是一個新的開始，就像書頁，舊的翻篇了，新的將要啟程。二零一二
最近一段時間，做了很多事情，特別是加班了一個通宵，把需要的首頁與各二級頁面趕了出來，累確實讓我深有體會。俗話說的好：術業有專攻，我想想，也是，很長一段時間裡，終於在百忙之中，把《javascript權威指南》、《javascript進階程式設計》、《高效能javascript》《JQueryJavascript與css入門經典》、《javascript藝術與科學》這五本書籍細細的讀完了。雖然在理解上，肯定有所出入，但是總體而言，對於javascript的上手程度有了更深刻的認識。前端的工作，確實
最近一直有情緒整理整理了一段時間裡開發的經驗，現在寫出來與大家分享之。網站效能檢驗工具：Yslow，基於Firefox的firebug，用於檢驗網站效能。HTML檢驗標籤地址：http://validator.w3.orgCSSCSS Sprites技術對於減少HTTP請求有很大的協助，因為一個網站最多的HTTP請求都來自圖片，而圖片中背景圖片可以使用CSS
給一個HTML元素設定css屬性，如var head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";這樣寫太羅嗦了，為了簡單些寫個工具函數，如function setStyle(obj,css){ for(var atr in css){ obj.style[atr] = css[atr]; }}var
最近研習《Pro Javascript with Mootools》，跟jQuery比起來，Mootools的資料算是少之又少的（Mootools在使用者推廣和社區建設方面有必要向jQuery學習下）。這本書比較全面的對Mootools-core中各個關鍵模組做了說明和分析，每章都由原生javascript逐漸引入，總之是本不錯的書，雖然現在jQuery在業界大紅大紫，
多種方法製作的div拖拽，簡單實用，包括了jquery方法、js一般方法、js物件導向方法<!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
這幾天, 利用晚上的閑暇時間, 寫了個mootools組件,原型來自於jQuery UI Dialog, 為防止重複,就起了名字叫mooBox.一方面出於對mootools的興趣(雖然沒有jQuery那麼hot), 另一方面,也是想為mootools的推廣添一點小小的力量,雖然這微不足道.加上前面發布過的2個mootools組件, 寫下來總的感覺是:在效果實現方面, 確實用jQuery編寫要比用mootools來的容易快速的多,
沒有事研究了下倒計時的效果，因此自己練習了一下<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>倒計時</title><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description"
中午休息時,沒有睡意,沒事寫了個jquery外掛程式:formStorage.原理很簡單,通過本機存放區機制(userData或者localStorage),儲存表單中元素的狀態到本地. 需要時可以把所儲存的狀態還原到表單元素上.其中也用了json資料格式, 之前想對外掛程式中所需的功能,從零開始寫,但是覺得太冗餘,沒必要.就基於另外2個plugin現實.分別是:jquery.json 和 jStorage. 這兩個外掛程式本身實用小巧, api簡單易用, 其中jStorage在老一點的瀏覽器(
最近看國外同行的技術部落格, 看到一篇有關"javascript小測試"的博文, 很有意思, 其中每個題目短小精悍, 卻能很好的考察對 Core Javascript的掌握深度.如果你感興趣,可以點擊JavaScript Quiz查看原文, 為了做個記錄, 我準備在下文羅列出這些題目, 並給出解釋, 如果有解釋不到位的地方, 歡迎園友指出.首先有幾個要注意的地方:以下題目採用ECMA3標準(不是5)quirks模式的實現不予考慮每個程式碼片段的running
其實談不上什麼"小議", 有空的時候看看Mootools的源碼,覺得Fx動畫類的實現確實很妙,Fx的本質就是對一個數值量進行控制, 通過Fx.Transition擴充的曲線函數來確定數值變化的速度. 這一原理作用到DOM元素的style屬性上, 就出現了讓人興奮的animation效果. Fx的源碼並不難理解, 而且方法很清晰, 一開始看的時候, 覺得Fx的set方法有點奇怪:set: function(now){ return
一，結尾沒有分號如下<div style="color:red;">TEST</div><script>var div = document.getElementsByTagName('div');alert(div[0].style.cssText);</script>各瀏覽器輸出如下IE6/7/8 :IE9/Firefox/Chrome/Safari/Opera
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <html> 3 <head> 4 <title>new document</title> 5 <style type="text/css"> 6 .wrap{ 7 border:1px solid #006699; width:500px;
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
