JavaScript

jQuery實現橫向縱向下拉式功能表

ExtJs之表單(form)--Form和Form BasicExtjs Form和Form Basic是兩個東西，Form提供介面的展示，而Form Basic則提供資料的處理、驗證等功能。每一個Form Panel在建立的時候，都會綁定一個Form Basic，我們可以通過方法getForm來擷取：form.getForm()在API方面，Form的config中沒有顯示Form Basic的config，但是Form

JQuery的可見度選取器與show、hide的關係JQuery中的可見度選取器是指：選取器:hidden和:visible。上一篇文章中我們提到了display和visibility的差別，本文結合可見度選取器，看一下可見度選取器選中的究竟是什麼樣的元素。

gruntjs開發執行個體Grunt是基於Node.js的項目構建工具。它可以自動運行你所設定的任務，如編譯less，sass，壓縮js，合拼檔案等等。 （一）安裝nodejs環境，Grunt 0.4.x要求Node.js的版本>=0.8.0，如果你已安裝了nodejs，命令列中運行node -v查看你的Node.js版本，如果版本號碼不夠，重新安裝覆蓋舊版本。     （二）如果你的公司是用代理上網，先命令列 npm set

node+websocket 即時聊天執行個體教程 最近，負責的遊戲需要一個聊天功能，由於是即時的聊天，便想到了現在挺火的websocket,折騰了一天一夜，總算有點眉目了，現在總結如下：websocket 是html5一個通訊協定，可以即時通訊。本例的聊天是用的socket的架構socket.io實現的，socket.io 整合了websocket和xhr-polling（長輪詢）等多種通訊方式1.搭建node環境從node官網，本人選擇的window的msi

jQuery.fn解釋　　由於對jQuery的學習不求甚解，現困惑與jQuery.fn.extend(object);與jQuery.extend(object);的區別。　　以下做個詳細的解釋：　　jQuery.extend(object); 為擴充jQuery類本身.為類添加新的靜態方法;　　jQuery.fn.extend(object);給jQuery對象添加方法;　　eg:　　$.extend({　　add:function(a,b){return

CSS2.0中最常用的18條技巧，css2.018條技巧一、使用css縮寫　　使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。 　　具體內容請瀏覽：CSS常用縮寫文法 二、明確定義單位，除非值為0。　　忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width="100"，但是在CSS中，你必須給一個準確的單位，比如：width:100px width:100em。只有兩個例外情況可以不定義單位：0值。除此以外，其他值都必須緊跟單位，注意，不要

Javascript中定義類　　Javascript 本身並不支援物件導向，它沒有存取控制符，它沒有定義類的關鍵字class，它沒有支援繼承的extend或冒號，它也沒有用來支援虛函數的 virtual，不過，Javascript是一門靈活的語言，下面我們就看看沒有關鍵字class的Javascript如何?類定義，並建立對象。　　一：定義類並建立類的執行個體對象　　在Javascript中，我們用function來定義類，如下：　　function Shape()　　{　　var x =

JavaScript日期時間與時間戳記的轉換函式分享，javascript如果只是將目前時間轉成時間戳記，可以直接使用new Date().getTime()/1000；但如果是將某個具體時間或日期轉成Unix時間戳記，ie不支援像new Date(“2013-1-1”)  這樣帶參數的方法，將返回NaN。對此，我寫了以下函數，支援ie6+，Google，Firefox等瀏覽器：複製代碼 代碼如下:function getTime(day){ re = /(\d{4})(&#

快速鍵accesskey，accesskey屬性<!DOCTYPE html><html><body><a href="http://www.w3school.com.cn/html/" accesskey="h">HTML 教程</a><br /><a href="http://www.w3school.com.cn/css/" accesskey="c">CSS

JavaScript實現的雙向跨域外掛程式分享，javascript跨域外掛程式由於瀏覽器（同源策略）限制，JavaScript 跨域的問題，一直是一個頗為棘手的問題。HTML5 提供了跨文檔訊息傳輸的功能，在網頁文檔之間互相接收與發送資訊。使用這個功能，不僅同源（域 + 連接埠號碼）的 Web 網頁之間可以互相通訊，還可以在兩個不同網域名稱之間實現跨域通訊。跨文檔訊息傳輸Cross Document

有效提高JavaScript執行效率的幾點知識，javascript執行效率為了提供新鮮、別緻的使用者體驗，很多網站都會使用 JavaScript 來改善設計、驗證表單、檢查瀏覽器，以及Ajax請求，cookie操作等等，實現無重新整理動態效果 。但是，要將大量內容在瀏覽器呈現，如果處理不好，網站效能將會急劇下降。所以我們有必要瞭解下，如何提高JavaScript的執行效率。JavaScript 函數在JavaScript

backbone.js學習執行個體　　著手開始學習　　什麼是backbone.js?　　美公的理解是 一種js的mvc的架構，分為Model(模型),View(視圖)和Collection(集合)，如果有mvc分層開發經驗的話，會容易理解。　　為什麼學習這個?　　因為用他可以在的單個頁面完成多個應用模組，給使用者的感覺是不用重新整理頁面，適合webapp開發　　$(function(){　　var testModel = Backbone.Model.extend({　　defaults:{　

JavaScript編程中容易出BUG的幾點小知識，javascriptbugJavaScript是如今最受歡迎的程式設計語言之一，但受歡迎同時就是該語言自身的各種特性帶來的副作用，無論該語言多美妙，每天還是有成千上萬的程式員弄出一堆bug。先不要嘲笑別人，或許你也是其中之一。給你一個例子，下面是幾個簡短的完全有效JS片段（你可以在你的控制台上實驗一下）：複製代碼 代碼如下:typeof NaN === 'number' // true Infinity ===

最近Get到的一些HTML/CSS中的小點（一），getcss1、<em>和<strong>標籤都是用來強調一段話中的某幾個文字。<em>預設斜體，<strong>預設粗體。在強調語氣上<strong>表示的是比<em>更強烈的強調。目前國內前端程式員更喜歡使用<strong>表示強調。   2、瀏覽器會對短文本引用標籤<q>自動添加雙引號。   3、瀏覽器對長文本引用標籤<

JavaScript監聽和禁用瀏覽器斷行符號事件執行個體，javascript監聽js監聽瀏覽器斷行符號事件，可以支援ie6+，Firefox，Google等瀏覽器。複製代碼 代碼如下:<html><head><script type="text/javascript">//註冊鍵盤事件document.onkeydown = function(e) { //捕捉斷行符號事件 var ev = (typeof event!=

對JavaScript中this指標的新理解分享，javascriptthis一直以來對this的理解只在可以用，會用，卻沒有去深究其本質。這次，藉著《JavaScript The Good

JavaScript中的值是按值傳遞還是按引用傳遞問題探討，javascript問題探討最近遇到個有趣的問題：“JS中的值是按值傳遞，還是按引用傳遞呢？” 在分析這個問題之前，我們需瞭解什麼是按值傳遞(call by value)，什麼是按引用傳遞(call by reference)。在電腦科學裡，這個部分叫求值策略(Evaluation Strategy)。它決定變數之間、函數調用時實參和形參之間值是如何傳遞的。 按值傳遞 VS. 按引用傳遞按值傳遞(call by

JS是按值傳遞還是按引用傳遞，js值傳遞引用按值傳遞 VS. 按引用傳遞按值傳遞(call by value)是最常用的求值策略：函數的形參是被調用時所傳實參的副本。修改形參的值並不會影響實參。 按引用傳遞(call by

javascript事件模型執行個體分析，javascript執行個體分析本文執行個體講述了javascript事件模型的用法。分享給大家供大家參考。具體分析如下：一、事件模型冒泡型事件（Bubbling）：事件由葉子節點沿祖先節點一直向上傳遞到根節點捕獲型事件（Capturing）：由DOM樹最頂元素一直到最精確的元素，與冒泡型事件相反DOM標準事件模型：DOM標準既支援冒泡型事件，也支援捕獲型事件，可以說是兩者的結合體，首先是捕獲型，接著冒泡傳遞二、事件對象在IE瀏覽器中事件對象是windo