JavaScript

Node.js開發入門—UDP編程Node.js也提供了UDP編程的能力，相關類庫在“dgram”模組裡。與TCP不同，UDP是不需連線的，不保障資料的可靠性，不過它的編程更為簡單，有時候我們也需要它。比如做APP的統計或者日誌或者流媒體，很多流媒體協議都會用到UDP，網上一搜一大堆。使用UDP，如果你要發送資料，只需要知道對方的主機名稱（地址）和連接埠號碼，扔一訊息過去即可。至於對方收不收得到，聽天由命了。這就是資料報服務，類似快遞或郵件。我們這次來介紹一下Node.j

jquery+正則實現統一的表單驗證，jquery表單表單驗證一直很繁瑣，特別是大點的表單，如果每個input都去單獨寫驗證簡直要寫死人，最近寫了一小段js統一的驗證表單內容是否正確。使用這段代碼就不再需要對每個input寫格式判斷，只需要將正確格式的Regex寫在datatype裡就可以了，提交表單按鈕也只需要綁定checkForm函數就可以了。大家有什麼建議可以評論一下<input type="text"

js物件導向實現圖片輪播外掛程式功能：建立一個執行個體就是一個圖片輪播，可以建立多個，但是執行個體與執行個體之間是幹擾的。 過程：看視頻教程說，第一次搞物件導向，把面向過程改頭換面就可以了。自己就死磕地先寫了原生，再改為物件導向。 寫原生的時候，遇到的問題：不知道怎麼樣停止計時器：clearInterval、clearTimeout設計計時器設計錯了，之前我以為設定一個setInterval為1000ms然後再設定一個setTimeout為1000ms。這樣效果是出來了，但是

JavaScript實現算術平方根演算法-代碼超簡單，javascript算術前幾天看見了一個來自雷神之槌的平方根源碼,原理多方有介紹，不贅述。源碼是c語言寫的，我思考後發現這樣的演算法在javascript中也是可以完成的。function InvSqrt(x){ var h=0.5*x; var b=new ArrayBuffer(4); var d=new DataView(b,0); d.setFloat32(0,x); var i=d.getInt32(0);

jquery實現最簡單的滑動菜單效果代碼，jquery滑動本文執行個體講述了jquery實現最簡單的滑動菜單效果代碼。分享給大家供大家參考。具體如下：這是一款最簡單的jQuery下拉滑出菜單，jQuery代碼實現，這裡沒有過多的去修飾菜單，僅是一些基本的實現，特別是對學習jQuery是個不錯的參考執行個體，這裡使用了一個jquery封裝庫檔案jquery.tools.min.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 http-equiv="Content-Type"

JavaScript中this的9種應用情境及三種複合應用情境，javascript9種【情境1】全域環境中的this指向全域對象this.a = 10;alert(a);//10b = 20;alert(this.b);//20var c = 30;alert(this.c);//30【情境2】對象內建函式的this指向調用函數的當前對象var a = 10;var bar = { a: 20, test: function(){ alert(this.a); }}bar.test();//

CSS 百分比 margin & padding，css百分比margin前段時間我同事對於margin和padding應用百分比值似乎有些誤解，覺得可能是個普遍問題，所以覺得有必要拿出來單獨寫一下。margin和padding都可以使用百分比值的，但有一點可能和通常的想法不同，就是margin-top | margin-bottom | padding-top | padding-bottom

使用CSS禁止textarea調整大小功能的方法，csstextarea這篇文章主要介紹了使用CSS禁止textarea調整大小功能的方法,禁止可以調整textarea大小功能的方法很簡單,使用CSS的resize屬性即可,需要的朋友可以參考下如果你使用Google瀏覽器或Firefox瀏覽器，你會發現頁面上的textarea元素的右下角有個小三角，用滑鼠箭頭拖拽它，你的textarea就能隨著放大或縮小。這是現代瀏覽器為方便使用者而添加的一個協助工具功能(很遺憾，不包括IE，如果你使用IE，是

js觀察者模式發布/訂閱以前在寫頁面的時候，從沒這麼多非同步作業，只有在使用'setInterval'和'XMLHttpRequest'時瞭解了一下非同步編程。這次在學習node的過程中，把非同步回掉算是弄清楚了。但是在編碼書寫代碼的時候，陷入了回調金字塔（callback

jQuery實現點擊小圖片淡入淡出顯示大圖片特效，jquery淡入淡出分享一款基於jQuery點擊淡入淡出顯示圖片特效。這是一款基於jQuery+CSS3實現酷炫效果的圖片切換特效代碼。如下：線上預覽    源碼下載html代碼：<center><p style="color:#334960">點擊表徵圖進行展示</p></center> <div class="main"> <div

node.js cannot find module次接觸nodejs會遇到以下問題：module.js:340    throw err;         ^Error: Cannot find module 'mongodb' 解決方式如下：After trying for some time to install it without success (since I'm new to

js圖片捲簾門導覽功能表特效代碼分享，捲簾門導覽功能表本文執行個體講述了jQuery超精緻圖片輪播投影片特效。分享給大家供大家參考。具體如下：這是一款基於js實現圖片捲簾門導覽功能表特效代碼，與以往的導覽功能表相比，更具有創新性，不止是簡單的向使用者展示資訊，而是更加豐富網站的整體內容。運行：-------------------查看效果 下載源碼-------------------小提示：瀏覽器中如果不能正常運行，可以嘗試切換瀏覽模式。在head地區引入CSS樣式：<link

淺談圖片蒙版效果-webkit-mask，會用PS的童鞋一定知道“蒙版”的概念，它可以在圖片上實現一定的遮罩效果，當然這裡我們不介紹ps裡的蒙版，而是介紹利用CSS3的新屬性-webkit-mask來實現網頁中的圖片遮罩效果。大家對-webkit-mask這一屬性可能不太熟悉，或許有很多人都是第一次見到，沒錯，這一屬性也是還未被眾多瀏覽器所支援的CSS屬性，目前支援這一屬性的僅有-webkit-首碼的Google及safari瀏覽器，但是相信在不久的未來這一屬性將被其他主

jQuery右側選項卡焦點圖片輪播特效代碼分享，jquery特效代碼本文執行個體講述了jQuery右側選項卡焦點圖片輪播特效代碼。分享給大家供大家參考。具體如下：jQuery實現的右側選項卡焦點圖片輪播動畫特效源碼，是一段清新可愛的焦點圖輪播代碼，支援自動輪播與手動點擊。運行：----------------------查看效果-源碼下載----------------------小提示：瀏覽器中如果不能正常運行，可以嘗試切換瀏覽模式。 為大家分享的jQuery右側選項卡焦點圖片輪播特

jquery實現頂部向右伸縮的導航地區代碼，jquery向右本文執行個體講述了jquery實現頂部向右伸縮的導航地區代碼。分享給大家供大家參考。具體如下：這是一款類似導航的菜單，但擴充性比較強，不但可以用作菜單，更可以用作導航塊效果，導航塊內可以含有菜單或者是其它的一些功能，本效果基於jQuery實現，用滑鼠點擊浮動層左端的箭頭，即可合攏與伸開此菜單。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-right-hidden-show-nav

Html+Css+Js_之table每隔3行顯示不同的兩種顏色，csstable 1 <html> 2 <head> 3 <script type="text/javascript"> 4 /** 5 最近因項目的需求，有這樣的一個問題： 6 一個table顯示n條記錄，每3行換一次顏色，例如：1，2，3行紅色背景，4，5，6行綠色背景，7，8，9行紅色背景..

jquery實現紅色豎向多級向右展開的導覽功能表效果，jquery導覽功能表本文執行個體講述了jquery實現紅色豎向多級向右展開的導覽功能表效果。分享給大家供大家參考。具體如下：這裡介紹的是一款紅色豎向多級向右展開的導覽功能表，多用於部落格網站的導覽功能表，紅色風格，非常漂亮，向右伸展的菜單。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-red-style-show-menu-codes/具體代碼如下：<!DOCTYPE

Bootstrap的圖片輪播範例程式碼，樣本一：插入js及css支援：<link rel="stylesheet" href="css/bootstrap.min.css"/> <script src="js/jquery-1.9.1.min.js"></script><script src="js/bootstrap.min.js"></script>HTML代碼：<div id="pictures" class="item"

jquery實現點擊變換導航樣式的方法，jquery變換導航樣式本文執行個體講述了jquery實現點擊變換導航樣式的方法。分享給大家供大家參考。具體如下：這裡分享一個導航點擊變換樣式的代碼，近來看到很多網站的導航都是點擊後導航樣式跟著變化，今天就使用jqurey簡單實現這一功能，高手勿噴。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-click-cha-nav-style-codes/具體代碼如下：<!DOCTYPE html