JavaScript

建立你自己的JavaScript表單驗證外掛程式，可能是一個繁瑣的過程，涉及規劃，開發與測試。如果沒有Javascript必備的知識，可以導致挫折和浪費時間。在這篇文章中，我發現了10個已經取得的JavaScript驗證外掛程式，可以節省您的時間!他們很容易申請和設計工作，以及與您現有的模板聯絡起來。我一直在使用，因為它簡單validate.js和易於整合。validate.jsValidate.js是一個很不錯的JavaScript表單驗證庫是從CodeIgniter的表單驗證API承接而來。

這篇文章收集了8款優秀的響應式 jQuery 投影片外掛程式，它們能夠非常容易的整合到 Web 項目中。響應式(Responsive)設計的目標是要讓產品介面能夠響應使用者的行為，根據不同終端裝置自動調整尺寸，帶給使用者良好的使用體驗。FlexsliderFlexSlider 是一款非常棒的響應式 jQuery 投影片外掛程式，能夠自適應螢幕尺寸，呈現漂亮的外觀。BlueberryBlueberry 是一款開源的 jQuery

什麼是CometComet, 據IBM這篇文章介紹,是基於HTTP長串連的“伺服器推”技術. 和AJAX類似, 這是一種改善WEB使用者體驗的通訊技術. 其實早在CGI盛行的時代, 有種叫做"Server-Push"的技術, 和Comet本質是一回事, 都是基於長串連來實現. Server-Push更具體, 強調使用multipart/x-mixed-replace的Conent-Type技巧, 使得伺服器能替換瀏覽器的內容. Comet包含面更廣泛,

Function作為Javascript的核心技術之一,清晰的理解function的機制和用法,對我們進行javascript開發非常重要.今天本人就結合自己的實踐為大家介紹一些function在javascript中的一些淺顯用法.1. Function是什麼從Javascript對function的定義,

一個典型的web項目包括了伺服器端的程式設計語言，通常還有基於這個語言的一個或者多個架構，前端用JavaScript，還有一個資料庫和資料庫語言，例如SQL。為了搭建這樣一個項目，你需要學習很多技術，並且需要整合這些技術。這也難怪很多開發人員在“Hello World”跑起來之前就已經厭煩了。越來越多的工具開發商意識到這個問題，並且嘗試通過提供完整的web解決方案來解決這個問題，例如Google Web Toolkit就做出來不少努力。隨著動態語言和敏捷編程越來越受歡迎，

作為初學者,我們來測試五種函數調用的方法,從表面來看我們會認為那些函數與C#中函數的作用非常相似,但是我們一會兒可以看到還是有非常重要的不同的地方的,忽視這些差異無疑會導致難於跟蹤的bug。首先讓我們建立一個簡單的函數,這個函數將在將在下文中使用,這個函數僅僅返回當前的this的值和兩個提供的參數.<script type="text/javascript">  function makeArray(arg1, arg2){

近年來，JavaScript因為其有效地強化網路，而並非僅僅提供一些類似閃爍文字等廉價效果而備受重視。在這篇文章中，我已經選擇了JavaScript開發的10個非同凡響的的工具和指令碼。0. MicroJS需要夠快的代碼嗎？ MicroJS是一個全新的網站，旨在提供常用的JavaScript程式碼片段：AJAX、JSON、DOM，OO JavaScript等等。訪問：http://microjs.com/1.

模板引擎是為了使使用者介面與業務資料內容）分離而產生的，它可以產生特定格式的文檔。由於在開發過程中，網站或應用程式的介面與資料實現分離，大大提升了開發效率，良好的設計也使得代碼重用變得更加容易。本文整理了10 款基於JavaScript和jQuery的模板引擎，希望能對你的開發工作帶來一些協助。1. NANO最簡單的jQuery模板引擎，完美實現對JSON的解析。 源碼 / 示範2. The “template”

jQuery允許您創造時尚而又使用者體驗友好的網站，不僅看起來悅目，而且他輕量級的大小負荷使網站響應相當迅速。這是jQuery在Web開發領域如此受重視的原因。今天分享給大家一些非常棒的的jQuery外掛程式拖放功能。有了這些外掛程式，你會允許你的訪問者個人化的網站和它的工具，根據自己的需要，並以這種方式，你提供定製選項的負載展現方式jQuery mb.containerPlus示範 |

介  紹適配器模式Adapter）是將一個類對象）的介面方法或屬性）轉化成客戶希望的另外一個介面方法或屬性），適配器模式使得原本由於介面不相容而不能一起工作的那些類對象）可以一些工作。速成封裝器wrapper）。正 

新鮮出爐的javascript圖片切換特效，實現的是馬賽克遮罩切換，這個馬賽克不影響“人類文明進步”。在flash裡，實現遮罩動畫很簡單，不過JS實現起來就有些困難了。XMosaic.js，與XScroll.js和XScroll2.js一樣，都是用來製作單張圖片切換特效的javascript類，不過，迄今為止XMosaic.js實現的特效是最炫的，炫到我以後很長一段時間都不用再寫圖片切換類了。下面是一個iframe，用來裝樣本頁，免得大家點擊外鏈。注意看樣本頁下面的切換參

介紹今天大家開會共同解決了一些javascript方面的問題，大家一起想辦法，最終大家選擇了鉤子機制。我把整個過程與大家分享一下，如果有誤，請大家指正。 問題是這樣的：我們的代碼已經曆史很久了，就這一套架構已經快5年了，在這中間大家也沒有標準的代碼規範，很隨意的進行了代碼編寫，所以出現了很多問題：1、如製造了很多重複的輪子。一套方法在多個檔案中出現，大家調用的也五花八門，所以同事在一個方法登入）中添加邏輯的時候發現，多個地方都有這樣登入操作，修改起來非常麻煩。2、代碼結構混亂，分工不明

在多年開發郵箱webmail過程中，網易郵箱前端團隊積累了不少心得體會，我們開發了很多基礎js庫，實現了大量前端效果組件，開發了成熟的opoa架構以及api組件，在此向大家做一些分享。今天想先和大家聊聊javascript的編碼規範。總所周知，javascript是一種文法極其靈活的語言。javascript在設計之初就只是用來為HTML添加動態效果的。由於他動態，弱類型等特性，以及不同瀏覽器的相容性問題，造成了開發成本要比java等語言要高很多。正因為它太靈活，我們制定了適用於網易郵箱的jav

Jscex真的能製作憤怒的小鳥？在我沒有接觸Jscex之前，我也不相信！但是只要解決了重力場運動和碰撞的兩大物理問題，Jscex版的憤怒小鳥，那就是囊中之物。如果關注這個系列的話，在JS非同步編程二：自由落體中，類比了蘋果在重力場下的自由落體運動。那麼我們可以輕鬆的幫它擴充一個水平方向上的速度.<script type="text/javascript">  function Bird(startPos, speed_X,&

很長時間以來，JavaScript在我眼裡都是程式設計語言中的二等公民。早先，它經常是很多安全問題的發源地，就像是膠水一樣，它能把HTML應用與樣式 粘到一塊，可沒有人拿它來正正規規地編寫程式；這樣的情形太普遍了。而Java、Ruby、Python，這些才是真正能用來編寫程式的語言。過去幾年間，我對JavaScript的態度有了徹底的改變。JavaScript已經“長大成人”了。我敢保證很多JavaScript開發人員都不會 認同我前面的說法，他們會說

你有沒有想過：為了壓縮js檔案，把js檔案轉化成PNG映像，然後用 canvas 控制項中的 getImageData() 函數將映像再重新讀成js檔案。我昨天在這裡發表的JS檔案快速載入的文章中提到了這一方法，有網友對這個做法高度興趣，於是今天詳細解讀一下。這樣可以做到很高的壓縮比，到底有多高，下面會提到。這種方法用到了 canvas 控制項，這也意味著只有支援 canvas 控制項的瀏覽器下才有效。現在你可以看到，上面的映像類似一個雜訊映像，但它實際上是一個由124K的 prototype

前端時間對公司已有項目JavaScript代碼進行最佳化，本文的是對最佳化工作的一個總結，拿出來與大家分享。當然我的最佳化方式可能並不是最優的，或者說有些不對的地方，請指教。JavaScript最佳化總結分為以下幾點最佳化前後對比模組化類編程）：代碼清晰、有效防止變數汙染問題、代碼重用方便擴充等；JavaScript壓縮混淆：減少size最佳化載入時間，混淆保護代碼；JavaScript檔案合并：減少http請求最佳化網路耗時提升效能；產生文檔：方便公用庫的使用，尋找介面方便。模組化類編程）對於

jQuery大大簡化了我們的前端代碼，因為jQuery的簡單和開源，也湧現出了層出不窮的jQuery外掛程式，這些實用的jQuery外掛程式也不斷推動著jQuery開源社區的發展。下面精選了幾款讓人躍躍欲試的jQuery實用外掛程式，路過的朋友趕緊收藏吧。1、jcoverflipjcoverflip可以拖動滑杆來水平播放圖片，十分流暢。線上示範 / 源碼下載2、diapodiapo是一款非常靈活的自訂內容的圖片滑塊外掛程式。線上示範 / 源碼下載3、css

headtrackr 是一個用於即時臉部追蹤和頭部追蹤的 JS 庫。通過網路攝影機和 webRTC/getUserMedia 標準，在相關電腦螢幕上追蹤使用者頭部的位置。如果你要看樣本，可觀看這個視頻。或者拿有網路攝影機、瀏覽器支援 webRTC/getUserMedia 的筆記本，試試下面的例子。你所使用的瀏覽器是否支援

在jacascript中直接對兩個浮點數相加得到的結果不精確。通過如下方法可以解決。[javascript]  function accAdd(arg1, arg2) {          var r1, r2, m, c;          try { r1 = arg1.toString().split(".")[1].length } catch (e) {