JavaScript

前段時間對公司已有項目JavaScript代碼進行最佳化，本文的是對最佳化工作的一個總結，拿出來與大家分享。當然我的最佳化方式可能並不是最優的，或者說有些不對的地方，請指教。JavaScript最佳化總結分為以下幾點最佳化前後對比最佳化前最佳化後代碼混亂，同樣功能的函數重複出現在多個地方。如果需要修改實現，需要找到所有的地方。牽一髮而動全身

使用ajax時，常常需要拼裝input資料為'name=abc&sex=1'這種形式，用JQuery的serialize方法可以輕鬆的完成這個工作!jQuery ajax - serialize() 方法定義和用法serialize() 方法通過序列化表單值，建立 URL 編碼文本字串。您可以選擇一個或多個表單元素（比如 input 及/或 文字框），或者 form 元素本身。序列化的值可在產生 AJAX 請求時用於 URL 查詢字串中。jQuery ajax -

It won’t be an exaggeration if one claims that in the past few months Node.js and MongoDB have literally taken the software and web industries by storm. Not just bleeding-edge startups but even medium and large enterprises are leveraging

[javascript]  var grid = $("#maingrid").ligerGrid({          columns: [              { display: "序號", name: "ID", width: 100, type:

[javascript] var grid = $("#maingrid").ligerGrid({            columns: [            { display: "序號", name: "ID", width: 100, type: "text", align:

[html]  <form id="index-search_form" method="post" >                            <input type="text" id="s" value="" &

1.Old PrototypeJS Script:[javascript]  var loc = document.location.pathname;  var tail = "webengine/generated/Init"  loc = loc.substr(0,loc.indexOf(tail));  var url = loc.concat("protect/RouterServlet?NAV_MENU=TRUE&

前面的hide/show,slide in/out其實也具有動畫效果，本篇介紹使用animate()實現自訂動畫效果。 基本文法如下： $(selector).animate({params},speed,callback); 必選的參數為params,定義CSS用於動畫效果的的屬性。 選擇性參數speed給出了淡入效果的時間，可以使用 “slow”,”fast” 或是數值（微秒）第二個選擇性參數為回呼函數，

學習jQuery之前需要你有下面幾個方面的基本知識 HTMLCSSJavaScriptjQuery 的基本文法$(selector).action()  $ 符合定義這是一個jQuery語句 (selector) 用來選擇某個HTML元素，其文法和CSS的selector文法一樣。action() 定義操作該HTML元素的方法。比如： $(this).hide() –

sAjaxSource參數，值是url。table會發送ajax請求，從伺服器端擷取資料。伺服器端返回的資料應該是一個可以被轉換成JSON對象的JSON字串。這個字串必須嚴格符合JSON格式的要求。否則會出錯。該資料對象該對象的key應該是“aaData”，例如：Js代碼:  {      "aaData":          {   

 XMLHttpRequest對象是ajax的核心，它有許多屬性，方法和事件以便於指令碼的處理和控制http的請求響應。如果你一直在使用原生的javascript做開發，那麼在使用ajax的過程中，這個對象你需要非常瞭解，假使你用jquery之類的封裝架構的話，那麼多對它有一份瞭解，也能加深你對ajax的理解。             下面是它的一些屬性的介紹：       

1. Repaintrepaint(重繪)是在一個元素的外觀被改變，但沒有改變布局的情況下發生，如改變visibility、outline、前景色彩。當repaint發生時，瀏覽器會驗證DOM樹上的所有其它結點的visibility屬性。2. Reflow如果變化涉及元素布局 (如 width), 瀏覽器則拋棄原有屬性, 重新計算並把結果傳遞給 render 以重新描繪頁面元素, 此過程稱為

 JS實現下拉框的動態添加，網頁代碼如下：[html]  <span style="font-size:14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html

有時我們需要在js檔案中用URL傳來的參數，但是Javascript是用戶端執行的指令碼語言，而Session是伺服器端的對象，我們不能直接取得Session中的值。那麼，我們該如何在JS檔案中擷取URL中的參數呢？下面介紹兩種方式，一種是字串拆分法，另一種是正則匹配法。 第一種：字串拆分法這種方式是通過location.search方法取得URL中的參數部分，然後再進一步處理得到的。具體代碼如下：[javascript] //擷取地址欄裡（URL）傳遞的參數

   在使用AJAX時，雖然JSON資料格式簡單易用,但是伺服器端語言對JSON的支援並不如XML完善,有時候我們需要從後台向前台返回XML資料格式，所以學會javascript怎樣利用DOM操作XML是非常有必要的 以下為JS利用DOM操作XML的代碼 1、對XML文檔的裝載[javascript]  function loadXMLDocument(flag,xmlDoc){//flag=true代表XML文檔,否則是XML字串  

<head><meta charset="utf-8"/><script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script><script>/*建立節點*/$(function(){//1,建立元素節點appendvar $li = $("<li></li>&

[html]function getXml() {         //擷取輸入值         var name = textName.getValue();         var pwd = 

AutoComplete在使用者輸入時，可以根據使用者輸入給出提示。其資料來源可以來自本地，也可以使用遠端資料源，AutoComplete 的DataSource可以使用一個Function，本篇中的Function，我們使用JSONP查詢。　當資料來源為Function時，其函數定義為：Function( Object request, Function response( Object data））其中 request 為請求，它含有一個term屬性，為目前使用者輸入。response

Highcharts翻譯系列之十五：title標題和subtitle副標題subtitle副標題 參數 描述 預設值 align 水平布局方式。可以是left，right，center。 center floating 當子標題是浮動的時候，繪圖區將不會給它留空間 false style 副標題的樣式。 {color:'#3E576F'} text&n

DatePicker支援使用另外的按鈕控制日期選擇介面顯示，可以通過自訂的表徵圖來顯示這個按鈕。1 <!doctype html>2 <html lang="en">3 <head>4     <meta charset="utf-8" />5     <title>jQuery UI Demos</title&