JavaScript

目前的項目資料互動幾乎都用JQuery，所以處理流程是：前端頁面資料-》JS對象-》jQuery提交-》python處理，另外一種就是倒過來。python肯定不能直接處理JS對象資料，所以要把JS對象轉換成為python能處理的一種資料格式（通常是字典dict），同樣，python取資料反饋到前端也要把字典資料轉換成JS能處理的對象，這個中間轉換資料格式通常就是JSON。 一、JS對象轉換成為JSON

1. Javascript最大的特性在於其靈活性。作為一名前端開發人員，既可以採用函數式的編程風格，也可以採用更複雜一點的物件導向的編程風格。不管你採用哪種風格，都可以完成一些非常有用的任務。因而，Javascript是一門面向過程的語言，同時也是一門物件導向的語言，進而可以模仿物件導向語言的編程模式和慣用法。我們用一個例子來說明：啟動和停止動畫。 如果你習慣於函數式的編程風格，代碼會如下： 複製代碼 代碼如下: function startAnimation() { //啟用動畫 }

每種語言都有它特別的地方，對於JavaScript來說，使用var就可以聲明任意類型的變數，這門指令碼語言看起來很簡單，然而想要寫出優雅的代碼卻是需要不斷積累經驗的。本文利列舉了JavaScript初學者應該注意的七個細節，與大家分享。 （1）簡化代碼 JavaScript定義對象和數組非常簡單，我們想要建立一個對象，一般是這樣寫的： 複製代碼 代碼如下: var car = new Object(); car.colour = 'red'; car.wheels = 4;

首先看下介面代碼： 複製代碼 代碼如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing="3"> <tr> <td> 請選擇汽車類型： </td>

首先準備好頁面代碼： 複製代碼 代碼如下: <form id="form1" runat="server"> <div align="left"> <fieldset style="width: 350px; height: 150px"> <p> 選擇顏色</p> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td>  

近日在做一些OA前端介面，為了更好管理頁面代碼想寫個js選取器，寫著寫著發現很費力，索性在網上找找看，功夫不負有心人， 找到一個mini css選取器，且效能不凡：以下代碼是壓縮後的，僅2KB。 複製代碼 代碼如下: var $=(function(){var b=/(?:[\w\-\\.#]+)+(?:\[\w+?=([\'"])?(?:\\\1|.)+?\1\])?|\*|>/ig,g=/^(?:[\w\-_]+)?\.([\w\-_]+)/,f=/^(?:[\w\-_]+)?#([\

前言 大家學JavaScript的時候，經常遇到自執行匿名函數的代碼，今天我們主要就來想想說一下自執行。 在詳細瞭解這個之前，我們來談瞭解一下“自執行”這個叫法，本文對這個功能的叫法也不一定完全對，主要是看個人如何理解，因為有的人說立即調用，有的人說自動執行，所以你完全可以按照你自己的理解來取一個名字，不過我聽很多人都叫它為“自執行”，但作者後面說了很多，來說服大家稱呼為“立即調用的函數運算式”。

替換interpolate  | sub |  scan |  truncate | gsubinterpolate ： 將字串看作一個模板，並使用 object 的屬性填充它。 sub ： 將字串中前指定個個與 pattern 指定的模式比對的子串用 replacement 替換 scan ： 遍曆字串中與參數 pattern 指定的模式比對的所有子串。返回原始字串本身。 truncate ：

JavaScript編程的時候總避免不了聲明函數和變數，以成功構建我們的系統，但是解譯器是如何並且在什麼地方去尋找這些函數和變數呢？我們引用這些對象的時候究竟發生了什嗎？ 原始發布：Dmitry A. Soshnikov 發布時間：2009-06-27 俄文地址：http://dmitrysoshnikov.com/ecmascript/ru-chapter-2-variable-object/ 英文翻譯：Dmitry A. Soshnikov 發布時間：2010-03-15

功能說明： 1.支援自動和手動兩種模式：自動模式下自動旋轉展示，手動模式下通過滑鼠選擇當前圖片，或通過提供的介面選擇上一張/下一張圖片。 2.可自行添加旋轉的緩動模式，預設模式為：勻速，先快後慢，先慢後快。 3.可自訂旋轉軌跡的寬和高。 4.支援IE6 7 8 9 10 firefox chrome等瀏覽器。 效果預覽： 實現原理： 　　根據對圖片在橢圓軌跡上的運動，動態改變縮放大小，實現立體的視覺效果。 程式碼分析： 複製代碼 代碼如下: init:function(id,options){

文法： empty() remove(expr); empty用來刪除指定元素的子項目，remove用來刪除元素，或者設定細化條件執行刪除，如： html 複製代碼 代碼如下: <div> <p id="emptyTest">此標籤的使用empty方法刪除</p> <p>以下的標籤將被刪除</p> <p class="emptyTest">準備使用remove方法刪除</p> <p

在網頁的首頁或圖片專題頁面很多地方都會用到圖片滑動外掛程式來迴圈切換多張圖片，並且使用者可以點擊左右按鈕來切換圖片。相信大家都知道jQuery是最優秀的Javascript架構之一。以其文法簡單靈活而大受Web

標準XMLHttpRequest操作 方法描述abort()停止當前請求getAllResponseHeaders()把HTTP請求的所有響應的首部作為建/值返回getResponseHeader(“header”)返回指定首部的串值open(String  “method”, String  ”url，bollean  [asynch],String  [username],String 

見得最多的就是檢測navigator.userAgent(這個可以面向所有瀏覽器，略過)。 另外一種就是IE的條件注釋，這篇有個比較詳細的說明 http://www.jb51.net/article/29336.htm複製代碼 代碼如下: <!--[if !IE]><!--> <script type="text/javascript"> alert('非IE') </ script> <!--<![endif]-->

一、變數的類型 　　Javascript和Java、C這些語言不同，它是一種無類型、弱檢測的語言。它對變數的定義並不需要聲明變數類型，我們只要通過賦值的形式，可以將各種類型的資料賦值給同一個變數。例如： 複製代碼 代碼如下: i=100;//Number類型 i="variable";//String類型 i={x:4};//Object類型 i=[1,2,3];//Array類型

這個時候，出現了encodeURIComponent、decodeURIComponent，它可以完全的對URL進行編碼解碼，但是遇到例如搜尋引擎用到的部分轉碼，又摸不到門了，沒問題，PHP官方出了一個解決方案： 複製代碼 代碼如下: decodeURIComponent((str + '').replace(/\+/g, '%20')); 他可以完美的對搜尋引擎的地址進行解碼，因為搜尋引擎只習慣對”空格“進行轉碼。忘了說還習慣對中文進行轉碼。。。

在Web的世界裡，按鈕對於我們來說再也普通不過了，當然也用得比較多。今天這篇文章我主要向大家分享20個基於jQuery和CSS技術的按鈕，

直入正題吧. 先看jQuery的$.isWindow函數: 複製代碼 代碼如下: function isWin(obj){ return obj && typeof obj === 'object' && 'setInterval' in obj; } 這個函數本身是很科學的, 它主要是通過檢查目標對象是否擁有setInterval屬性來判斷. 然而問題在於, 在缺少約定的情況下, 它也許並不太可靠, 比如: 複製代碼 代碼如下: var o={xx:'oo'};

重要的鍵盤事件： 事件順序：keydown -> keypress ->keyup 對於IME開啟時： keypress： 這三個事件中最最特別的事件的說,如果巧妙運用可以事半功倍： 1. 首先對於大部分功能鍵是沒有keypress事件的 Caps lock ，shift，alt，ctrl，num lock、、、慶幸的是enter擁有此事件 2. 對於字母，數字，press返回的keyCode是不可靠的 在IE和webkit 下 返回的是ASCII code firfox下永遠返回0

我們建立的每一個函數都有一個prototype（原型）屬性，該屬性是一個對象，包含可以有特定類型的所有執行個體共用的屬性和方法。使用它的好處就在於可以讓所有對象執行個體共用它所包含的屬性和方法，也就是說，不必在建構函式中定義對象的資訊，而是可以將這些資訊，直接添加在原型對象中，如下所示，還是接著改寫前兩篇日誌中的例子： 複製代碼 代碼如下: function Employee() { }; Employee.prototype.Name = "Jim";