JavaScript

深入淺出NodeJS——非同步I/O底層作業系統，非同步通過訊號量、訊息等方式有著廣泛的應用。PHP語言從頭到尾都是以同步阻塞方式運行，利於程式員順序編寫商務邏輯。非同步I/O、事件驅動、單線程構成Node的基調。why非同步I/O(1)、使用者體驗在Web2.0中Ajax廣泛應用非同步重新整理機制可以更好的提高使用者體驗，消除UI阻塞。後端同樣採用非同步I/O可以有效較少同時請求多個資源的效應時間其為max(M,N)。(2)、資源分派多任務主流方式:a. 單線程非同步I/Ob.

藉助JavaScript指令碼判斷瀏覽器Flash Player資訊的方法，javascriptplayer今天研究了點Flex技術，做了一個小的Demo，在測試時發現經常報錯，網上一查發現是瀏覽器Flash Player版本較低造成（需要10及其以上的版本）的，對此總結了一下藉助JavaScript指令碼判斷瀏覽器Flash Player資訊的方法：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

【10】瞭解Bootstrap柵格系統基礎案例（5），bootstrap柵格這次我們來說下列排序：通過使用 .col-md-push-* 和 .col-md-pull-* 類就可以很容易的改變列（column）的順序。<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <!--

Concise，precise　　在當今世界，有許多前端開發的架構。那麼，為什麼還要再造一個架構呢？Concise 建立的目的是使你有很多的開箱即用的選項，讓你能夠方便的搭建移動友好的網站和 Web

CSS Less架構基礎，cssless架構[黃映焜/Tunny,20140711]  Less 是一個Css 先行編譯器,意思指的是它可以擴充Css語言,添加功能如允許變數(variables),混合(mixins),函數(functions) 和許多其他的技術，可讓Css更具維護性，主題性，擴充性。本文為Less入門與文法梳理，包括一些入門級例子，適合對Less有入門級瞭解的開發人員查閱。 LESS 源檔案的引入方式與標準 CSS

【轉載】Web 開發中很實用的10個效果【附源碼下載】，javaweb源碼下載　　在工作中，我們可能會用到各種互動效果。而這些效果在平常翻看文章的時候碰到很多，但是一時半會又想不起來在哪，所以養成知識整理的習慣是很有必要的。這篇文章給大家推薦10個在 Web 開發中很有用的效果，記得收藏：）超炫的頁面切換動畫效果　　今天我們想與大家分享一組創意的頁面切換熊效果集合。我們已經在樣本中羅列了一組動畫，可以被應用到頁面切換過程中，創造出很有趣的導航效果。立即下載     

1. onchange事件與onpropertychange事件的區別：onchange事件在內容改變（兩次內容有可能相等）且失去焦點時觸發；onpropertychange事件是即時觸發，每增加或刪除一個字元就會觸發，通過js改變也會觸發該事件，但是該事件是IE專有。2.

複製代碼 代碼如下: reload : function(options){ this.load(Ext.applyIf(options||{}, this.lastOptions)); }, 複製代碼 代碼如下: load : function(options) { options = Ext.apply({}, options); this.storeOptions(options); if(this.sortInfo && this.remoteSort){ var pn = this.

想大家都做過遮罩層這種常見的功能，css或jquery實現，實現方式多樣化，這裡http://我介紹我在項目中實現的方式，全屏遮罩，部分地區可操作，非常實用。 效果如：  js 實現部分： 複製代碼 代碼如下: <script type="text/javascript"> var myAlert = document.getElementById("alert"); var reg =

複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>jQuery背景牆聚光燈效果代碼

jQuery實現選項卡功能。首先將介面搭建好。有導航頭tab_menu，還有內容tab_box。要實現的效果就是，點擊後，將相應的內容顯示出來，其他內容隱藏掉。同時為了展現選中狀態，為選中的項添加背景，以示區別。這一次，我自己寫了代碼，先看html部分：複製代碼 代碼如下:<div class="tab">    <div class="tab_menu">       

當滑鼠聚焦到郵箱地址文字框時，文字框內的“請輸入郵箱地址”文字被清空。：複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="類似於yahoo郵箱登陸的提示效果.aspx.cs" Inherits="類似於yahoo郵箱登陸的提示效果" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head

1、執行個體源碼 複製代碼 代碼如下: <!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"

經研究發現，兩者之間有很大的區別，不知從英語講，這兩者都有啥區別，研究結果如下 測試os：ubuntu 測試瀏覽器：chrome 測試案例1 console.log(a) 報錯 ReferenceError: a is not defined 測試案例2 var a console.log(a) 無報錯，但是輸出undefined 測試案例2 var b = {}; console.log(b.a) 無報錯，但是輸出undefined 測試案例3 function c() { } var d =

今天在做一個彈出dialog時，遇用到了取父頁面的寬度和高度的方法。 嘗試了幾種方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之後，發現都不是我想要的結果，後來發現了一個高效的方法，立刻大家分享之：

複製代碼 代碼如下: <select id="name" name="name" onkeydown="clearSelect(this,event);" onkeypress="writeSelect(this,event);" style="width:70px;"> <option value=""></option> <option value="test1">test1</option> <option

複製代碼 代碼如下:<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script><script type="text/javascript"

前面寫過ajax讓返回的內容顯示在特定div裡最近在看jquery，所以又用jquery重新寫了個，jquery果然是“寫得更少,做得更多”<html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <meta charset="utf-8"

通過四個屬性可以獲得元素的位移量：1、offsetHeight: 元素在垂直方向上佔用的空間的大小，（像素）。包括元素的高度，（可見的）水平捲軸的高度，上邊框高度和下邊框高度。2、offsetWidth:元素在水平方向上佔用的空間的大小，，（像素）。包括元素的寬度，（可見的）垂直捲軸的高度，左邊框高度和右邊框高度。3、offsetLeft: 元素的左外邊框至包含元素的左內邊框之間的像素距離；3、offsetTop: 元素的上外邊框至包含元素的上內邊框之間的像素距離；

滑輪滾動頁面的事件在網頁特效中進場遇到，但是在不同瀏覽器下的實現方式又不同。下面我實現的方法，相容常見瀏覽器。function getData(event){ var e = event || window.event; //擷取滾動距離(FF每次滾動 data為3或者-3，其他為120或者-120) var data = e.detail || e.wheelDelta; alert(data); } //IE之外的綁定事件方法 if(document.addEventListener &&