隨筆分類 - JavaScript
前端技術(shù)
摘要：2012年，Web 開(kāi)發(fā)領(lǐng)域繼續(xù)在快速的發(fā)展，HTML5 仍然在展示其跨平臺(tái)的優(yōu)越性，CSS3 被人們更多的應(yīng)用到實(shí)際項(xiàng)目中，響應(yīng)式設(shè)計(jì)（Responsive Design）技巧也被人越來(lái)越多的人熟知和使用。這篇文章收集了2012年度新發(fā)布的最具有代表性 Web 前端開(kāi)發(fā)工具和框架，這是一個(gè)非常值得收藏的工具列表，從功能全面的 IDE 到美觀、充滿異國(guó)情調(diào)的小框架，小工具等等。他們能夠幫助你降低 Web 開(kāi)發(fā)過(guò)程中的復(fù)雜度，節(jié)省時(shí)間和精力。
閱讀全文
摘要：amMap 是一個(gè)工具，你可以??輕松地使用它在您的網(wǎng)頁(yè)和基于JavaScript 的應(yīng)用程序中添加互動(dòng)地圖功能。您可以使用此工具來(lái)顯示您的辦公室的位置，你的旅行路線，創(chuàng)建您的經(jīng)銷商地圖，照片或插圖，可作為圖層和背景的地圖，這樣就可以實(shí)現(xiàn)各種界面效果，電子學(xué)習(xí)工具等等。支持所有現(xiàn)代瀏覽器，包括 Firefox，Chrome，Safari，Opera 和 Internet Explorer。它也可以在搭載 iOS 和 Android 的移動(dòng)設(shè)備上運(yùn)行。您可以免費(fèi)下載和使用所有的 amMap 產(chǎn)品，唯一的限制是在您的地圖右上角的會(huì)顯示一個(gè)鏈接到官方網(wǎng)站的小鏈接。
閱讀全文
摘要：Collie 是一個(gè) JavaScript 庫(kù)，用于創(chuàng)建高度優(yōu)化的 HTML5 動(dòng)畫(huà)和游戲。Collie 可以運(yùn)行在 PC 和手機(jī)上，使用 HTML5 Canvas 和 DOM。Collie 能夠多線程穩(wěn)定的處理多個(gè)對(duì)象，支持很多實(shí)用的功能，包括精靈動(dòng)畫(huà)和用戶事件。穩(wěn)定支持 iOS 和 Android，并為每個(gè)平臺(tái)的渲染提供優(yōu)化的方法。
閱讀全文
摘要：
2012年12月12日，【《Web 前端開(kāi)發(fā)人員和設(shè)計(jì)師必讀文章》系列十二】和大家見(jiàn)面了。夢(mèng)想天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，分享各種增強(qiáng)網(wǎng)站用戶體驗(yàn)的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具，希望這些精心推薦的文章能夠幫助到您。
閱讀全文
2012年12月12日，【《Web 前端開(kāi)發(fā)人員和設(shè)計(jì)師必讀文章》系列十二】和大家見(jiàn)面了。夢(mèng)想天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，分享各種增強(qiáng)網(wǎng)站用戶體驗(yàn)的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具，希望這些精心推薦的文章能夠幫助到您。
閱讀全文
摘要：倒計(jì)時(shí)功能是非常有用的一個(gè)小功能，可以告訴用戶多久以后您的網(wǎng)站將會(huì)發(fā)布或者關(guān)閉進(jìn)行維護(hù)，還可以用于舉辦活動(dòng)的開(kāi)始和停止的倒計(jì)時(shí)。今天，在這篇文章中收集了12優(yōu)秀的倒計(jì)時(shí)腳本，有一天你可能會(huì)用到的。
閱讀全文
摘要：在 Web 開(kāi)發(fā)中經(jīng)常會(huì)碰到需要?jiǎng)討B(tài)監(jiān)聽(tīng)輸入框值變化的情況，例如類似發(fā)表微博時(shí)候顯示剩余的可輸入字?jǐn)?shù)等等。如果使用 onkeydown、onkeypress、onkeyup 這個(gè)幾個(gè)鍵盤事件來(lái)監(jiān)測(cè)的話，監(jiān)聽(tīng)不了右鍵的復(fù)制、剪貼和粘貼這些操作，處理組合快捷鍵也很麻煩。因此，這篇文章介紹一種完美的解決方案：使用 oninput & onpropertychange 來(lái)監(jiān)聽(tīng)輸入框值變化。
閱讀全文
摘要：這篇文章繼續(xù)給大家?guī)?lái)最近兩個(gè)月發(fā)布在《夢(mèng)想天空》的優(yōu)秀文章，特別推薦給 Web 開(kāi)發(fā)人員和設(shè)計(jì)師閱讀。夢(mèng)天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，展示前沿 HTML5 和 CSS3 技術(shù)應(yīng)用，分享實(shí)用的 jQuery 插件，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的 設(shè)計(jì)素材 和優(yōu)秀的 Web 開(kāi)發(fā)工具。希望這些文章能幫助到您。
閱讀全文
摘要：Google 的 Chrome 瀏覽器實(shí)驗(yàn)室展示了很多基于 HTML5 和 JavaScript 的創(chuàng)意實(shí)驗(yàn)項(xiàng)目，里面的例子都很獨(dú)特，讓人驚嘆。我從未想過(guò)結(jié)合 HTML 和 JavaScript 能實(shí)現(xiàn)這么強(qiáng)大的效果。其中很多實(shí)驗(yàn)項(xiàng)目使用了前沿的 WebGL 技術(shù)，為了能體驗(yàn)到絢麗的效果，建議在最新的 Chrome 瀏覽器中瀏覽（部分 WebGL 實(shí)驗(yàn)項(xiàng)目需要顯卡支持）。
閱讀全文
摘要：今天這篇文章向大家分享12款精心挑選的優(yōu)秀 JavaScript 日歷和時(shí)間選擇插件，都帶有詳細(xì)的使用教程和效果演示。這些插件能夠幫助 Web 開(kāi)發(fā)人員更快速的實(shí)現(xiàn)各種精美的日歷和時(shí)間選擇效果。同時(shí)推薦閱讀的博文中還有更多實(shí)現(xiàn)各種網(wǎng)站功能的 jQuery 優(yōu)秀插件，歡迎大家可以去淘金。
閱讀全文
摘要：如今，網(wǎng)上有各種各樣的 JavaScript 框架用來(lái)簡(jiǎn)化 Web 應(yīng)用開(kāi)發(fā)。這些框架都提供了一些核心的特性，例如 DOM 操作，動(dòng)畫(huà)，事件處理以及 Ajax 交互，但不是都帶有 UI 組件。今天這篇文章向大家推薦的10個(gè) JavaScript 框架提供了豐富的 Web UI 組件，幫助你構(gòu)建一致，可靠以及高度交互的用戶界面。
閱讀全文
如今，網(wǎng)上有各種各樣的 JavaScript 框架用來(lái)簡(jiǎn)化 Web 應(yīng)用開(kāi)發(fā)。這些框架都提供了一些核心的特性，例如 DOM 操作，動(dòng)畫(huà)，事件處理以及 Ajax 交互，但不是都帶有 UI 組件。今天這篇文章向大家推薦的10個(gè) JavaScript 框架提供了豐富的 Web UI 組件，幫助你構(gòu)建一致，可靠以及高度交互的用戶界面。
閱讀全文
摘要：Bootstrap 是基于 HTML，CSS，JavaScript 的簡(jiǎn)潔靈活的流行前端框架及交互組件集，由微博的先驅(qū) Twitter 在2011年8月開(kāi)源的整套前端解決解決方案。Bootstrap 有非常完備和詳盡的開(kāi)發(fā)文檔，Web 開(kāi)發(fā)人員能夠輕松搭建出清爽風(fēng)格的界面以及實(shí)現(xiàn)良好的交互效果。為了能夠充分利用 Bootstrap 的強(qiáng)大功能，下面向打擊推薦12款各種各樣工具和資源來(lái)配合 Bootstrap 使用。
閱讀全文
摘要：關(guān)于 HTML5 和 Flash 之間的戰(zhàn)爭(zhēng)，網(wǎng)上討論的文章很多很多，盡管 HTML5 還有很長(zhǎng)的路要走，但 Flash 正在走下坡路是不爭(zhēng)的事實(shí)。以前效果精美的 Flash 網(wǎng)站非常流行，如今已經(jīng)很少見(jiàn)到了。借助 JavaScript ，使用純HTML/CSS就可以實(shí)現(xiàn)媲美 Flash 的精美網(wǎng)站。
閱讀全文
摘要：
這篇文章給大家?guī)?lái)最近兩個(gè)月發(fā)布在《夢(mèng)想天空》的優(yōu)秀文章，特別推薦給 Web 開(kāi)發(fā)人員和設(shè)計(jì)師閱讀。夢(mèng)天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，展示最新 HTML5 和 CSS3 技術(shù)應(yīng)用，分享實(shí)用的 jQuery 插件，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的 設(shè)計(jì)素材 和優(yōu)秀的 Web 開(kāi)發(fā)工具。希望這些文章能幫助到您。
閱讀全文
這篇文章給大家?guī)?lái)最近兩個(gè)月發(fā)布在《夢(mèng)想天空》的優(yōu)秀文章，特別推薦給 Web 開(kāi)發(fā)人員和設(shè)計(jì)師閱讀。夢(mèng)天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，展示最新 HTML5 和 CSS3 技術(shù)應(yīng)用，分享實(shí)用的 jQuery 插件，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的 設(shè)計(jì)素材 和優(yōu)秀的 Web 開(kāi)發(fā)工具。希望這些文章能幫助到您。
閱讀全文
摘要：
互聯(lián)網(wǎng)經(jīng)過(guò)這么多年的發(fā)展，已經(jīng)出現(xiàn)了眾多的 Web 開(kāi)發(fā)技術(shù)，像 .Net/Java/PHP/Python/Ruby 等等。對(duì)于 Web 開(kāi)發(fā)人員來(lái)說(shuō)，不管是初學(xué)者還是有一定經(jīng)驗(yàn)的開(kāi)發(fā)人員都需要時(shí)刻學(xué)習(xí)新的開(kāi)發(fā)技術(shù)。如今，網(wǎng)上有各種開(kāi)發(fā)技術(shù)的相關(guān)網(wǎng)站，有大量開(kāi)發(fā)資料可以參考。下面是我收集的15個(gè)非常優(yōu)秀的學(xué)習(xí) Web 開(kāi)發(fā)技術(shù)的國(guó)外網(wǎng)站，如果大家有收藏更好的網(wǎng)站，歡迎推薦！
閱讀全文
互聯(lián)網(wǎng)經(jīng)過(guò)這么多年的發(fā)展，已經(jīng)出現(xiàn)了眾多的 Web 開(kāi)發(fā)技術(shù)，像 .Net/Java/PHP/Python/Ruby 等等。對(duì)于 Web 開(kāi)發(fā)人員來(lái)說(shuō)，不管是初學(xué)者還是有一定經(jīng)驗(yàn)的開(kāi)發(fā)人員都需要時(shí)刻學(xué)習(xí)新的開(kāi)發(fā)技術(shù)。如今，網(wǎng)上有各種開(kāi)發(fā)技術(shù)的相關(guān)網(wǎng)站，有大量開(kāi)發(fā)資料可以參考。下面是我收集的15個(gè)非常優(yōu)秀的學(xué)習(xí) Web 開(kāi)發(fā)技術(shù)的國(guó)外網(wǎng)站，如果大家有收藏更好的網(wǎng)站，歡迎推薦！
閱讀全文
摘要：Bootstrap 是基于HTML，CSS，JAVASCRIPT的簡(jiǎn)潔靈活的流行前端框架及交互組件集，由微博的先驅(qū) Twitter 在2011年8月開(kāi)源的整套前端解決解決方案。Bootstrap 有非常完備和詳盡的使用幫助文檔，熱心的 @TV來(lái)客開(kāi)發(fā)者 翻譯成了中文，討厭英文的朋友有福了。
閱讀全文
摘要：本文向大家推薦來(lái)自 isobar（全球頂級(jí)數(shù)字公司）的前端開(kāi)發(fā)編碼標(biāo)準(zhǔn)和最佳實(shí)踐。這份文檔涵蓋 HTML、CSS 和 JavaScript 編碼標(biāo)準(zhǔn)，可訪問(wèn)性，性能優(yōu)化，瀏覽器兼容和測(cè)試和搜索引擎優(yōu)化支持等眾多內(nèi)容，下面是全文目錄：
閱讀全文
摘要：這篇文章向大家分享9個(gè)很酷的挑選自 DemoStudio 的 CSS3 和 JavaScript 實(shí)現(xiàn)的精美效果。DemoStudio 是 Mozilla Developer Network（MDN）用于展示一些非常優(yōu)秀的 CSS3 和 JavaScript 效果的網(wǎng)站，Google 也有一個(gè) Chrome Experiment，用于展示最新的 Web 技術(shù)應(yīng)用。相信下面展示的這些效果會(huì)給你留下非常深刻的印象，讓你體會(huì)到Web的美妙！
閱讀全文
摘要：《JavaScript 每周導(dǎo)讀》第七期繼續(xù)向大家分享最新的 JavaScript 重點(diǎn)資訊、技術(shù)文章、開(kāi)發(fā)工具以及新出爐的各種開(kāi)發(fā)框架，讓 JavaScript 開(kāi)發(fā)人員了解領(lǐng)域內(nèi)的技術(shù)發(fā)展趨勢(shì)，詳細(xì)內(nèi)容如下：
閱讀全文
摘要：
這篇文章主要收錄了最近兩個(gè)個(gè)月發(fā)布在夢(mèng)想天空的優(yōu)秀文章，特別推薦給Web開(kāi)發(fā)人員和設(shè)計(jì)師閱讀。夢(mèng)天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，展示最新 HTML5 和 CSS3 技術(shù)應(yīng)用，分享實(shí)用的 jQuery 插件，推薦優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。希望這些文章能幫助到您。
閱讀全文
這篇文章主要收錄了最近兩個(gè)個(gè)月發(fā)布在夢(mèng)想天空的優(yōu)秀文章，特別推薦給Web開(kāi)發(fā)人員和設(shè)計(jì)師閱讀。夢(mèng)天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，展示最新 HTML5 和 CSS3 技術(shù)應(yīng)用，分享實(shí)用的 jQuery 插件，推薦優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。希望這些文章能幫助到您。
閱讀全文
摘要：《JavaScript 每周導(dǎo)讀》第六期繼續(xù)向大家分享最新的 JavaScript 重點(diǎn)資訊、技術(shù)文章、開(kāi)發(fā)工具以及新出爐的各種開(kāi)發(fā)框架，讓 JavaScript 開(kāi)發(fā)人員了解領(lǐng)域內(nèi)的技術(shù)發(fā)展趨勢(shì)，詳細(xì)內(nèi)容如下：
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)