Time of Update: 2015-02-08
ExtJs表格控制項(一)ExtJs表格由類Ext.grid.GridPanel定義,其xtype為grid。表格中列資訊由columns定義,而表格的資料存放區器由Ext.data.Store定義。列的定義是一個JSON數組,這個JSON數字是整個表格列的模型必須首先定義,這個JSON數組中的每一個元素都是描述一列屬性的,包含:顯示文本(header)、列對應的記錄集欄位(dataIndex)、列的渲染函數(renderer)、寬度(wi
Time of Update: 2015-02-08
Javascript:日期對象(Date)的基本用法本文代碼整理自w3school:http://www.w3school.com.cn 1.擷取當前日期:document.write("Current time: "+new Date());2.擷取時間戳記(毫秒):document.write(new Date().getTime());3.設定年月日(年為必選,月日為可選):var d = new Date(); d.setFullYear(2012,3,16)
Time of Update: 2015-02-08
javascript實現限制上傳檔案大小,javascript上傳檔案前言: 項目中經常用到需要上傳檔案、照片等功能,同時需要限制所上傳檔案的大小。很多外掛程式都會採用後台請求驗證,前端Js校正比較少。本篇介紹一個前端JS便捷判斷上傳檔案大小的方法。 代碼很簡單,關鍵就是怎麼用JS拿到檔案然後擷取檔案大小,進而去判斷攔截。由於各種曆史原因,IE的ActiveX控制項因素,擷取檔案的方法可能和其他瀏覽器有所不同,所以只需稍加判斷即可。JS代碼:複製代碼 代碼如下:<script
Time of Update: 2015-02-08
JavaScript 異常處理 詳解,javascript異常處理 前端工程師都知道 JavaScript 有基本的異常處理能力。我們可以 throw new Error(),瀏覽器也會在我們調用 API 出錯時拋出異常。但估計絕大多數前端工程師都沒考慮過收集這些異常資訊反正只要 JavaScript 出錯後重新整理不複現,那使用者就可以通過重新整理解決問題,瀏覽器不會崩潰,當沒有發生過好了。這種假設在 Single Page App 流行之前還是成立的。現在的 Single Page
Time of Update: 2015-02-08
jQuery $(document).ready()和JavaScript onload事件jQuery $(document).ready()和window.onload 根據ready()方法的API說明http://api.jquery.com/ready/ 這個方法接收一個function類型的參數ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully
Time of Update: 2015-02-08
在控制台中調試 AngularJS 應用(譯/改)當我們在編寫 AngularJS 的應用時,通過 Chrome, Firefox, 和 IE 的 Javascript 控制台來擷取隱藏在應用之中的資料(Data)和服務(Service) 是一件非常具有挑戰性的工作。下面列出了一些簡單的小竅門,可以協助我們使用 Javascript 控制台來監視和控制一個正在啟動並執行 Angular 應用,使其更加容易測試、修改甚至是即時的編寫 Angular 應用。 1: 擷取 Scopes
Time of Update: 2015-02-08
javascript實用方法總結,javascript實用總結引言: 本章沒有深奧的講解js一些底層原理,比如this指標、範圍、原型啦,涉及的都是一些有利於平時開發時簡化代碼,提高執行效率,或者說可以當做一種經驗方法來使用,篇幅都不長,小步快跑的讓你閱讀完整篇文章,體驗編程的快樂。 擷取兩個區間之內隨機數複製代碼 代碼如下:function getRandomNum(Min, Max){ // 擷取兩個區間之內隨機數 // @逆火狂飆
Time of Update: 2015-02-08
JavaScript比較兩個對象是否相等的方法,javascript相等本文執行個體講述了JavaScript比較兩個對象是否相等的方法。分享給大家供大家參考。具體如下:在Python中可以通過cmp()內建函數來比較兩個對象所包涵的資料是否相等(數組、序列、字典)。但是在javascript語言中並沒有相關的實現。本js代碼通過對js對象進行各方面的比較來判斷兩個對象是否相等cmp = function( x, y ) { // If both x and y are null or
Time of Update: 2015-02-08
淺談系列之 javascript原型與對象在我學習與使用javascript三個月中,我一直對javascript的繼承關係以及prototype理解不清,導致很多時候為什麼這麼用說不出個所以然來。截止到本周為止,通過之前的學習以及自己的再學習,自我感覺算是對這一塊有了較為清晰的認識,此文將談談我對javascript原型與繼承的理解,在此之前,我們首先要知道一些基本的知識。
Time of Update: 2015-02-08
javascript實現多級聯動下拉式功能表的方法,javascript下拉式功能表本文執行個體講述了javascript實現多級聯動下拉式功能表的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar arrItems1 = new Array();var arrItemsGrp1 = new Array();arrItems1[3] = "列二";arrItemsGrp1[3]
Time of Update: 2015-02-08
JavaScript事件委託技術執行個體分析,javascript執行個體分析本文執行個體分析了JavaScript事件委託技術。分享給大家供大家參考。具體分析如下:如果一個整體頁面裡有大量的按鈕.我們就要為每一個按鈕綁定事件處理常式.這樣就會影響效能了.首先每個函數都是對象,對象就會佔用很多記憶體.記憶體中的對象越多,效能就越差.其次,dom訪問次數增多,就會導致消極式載入頁面.事實上,從如何來利用好事件處理常式,還是有很好的解決方案的.事件委託:對事件處理常式過多的問題解決的方案就是事件委託
Time of Update: 2015-02-08
js實現多選項切換導覽功能表的方法,js實現切換導覽功能表本文執行個體講述了js實現多選項切換導覽功能表的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>多選項切換導覽功能表</title></head><style type="
Time of Update: 2015-02-08
使用highlight.js高亮靜態頁面的語言代碼 顯示靜態代碼其實html的pre標籤基本可以滿足需求了,至少不會將換行的文本顯示成一堆字串。 不過能使靜態文本能高亮顯示,倒更炫酷一點。其實很簡單的,引入highlight.js包,可以使用cdn上的靜態資源,引入css和js: <link rel="stylesheet"
Time of Update: 2015-02-08
觸屏中的JavaScript事件分析,javascript事件本文執行個體講述了觸屏中的JavaScript事件。分享給大家供大家參考。具體分析如下:一、觸摸事件ontouchstartontouchmoveontouchendontouchcancel目前移動端瀏覽器均支援這4個觸摸事件,包括IE。由於觸屏也支援MouseEvent,因此他們的順序是需要注意的:touchstart → mouseover → mousemove → mousedown → mouseup →
Time of Update: 2015-02-08
js實現圖片從左往右漸層轉場效果的方法,js往右本文執行個體講述了js實現圖片從左往右漸層轉場效果的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<style type="text/css">.woon{border:1px solid #fff;}.wooff{border:1px solid
Time of Update: 2015-02-08
JQuery中serialize()用法執行個體分析,jqueryserialize本文執行個體講述了JQuery中serialize()用法。分享給大家供大家參考。具體分析如下:一、serialize()定義和用法:serialize()方法通過序列化表單值,建立標準的URL編碼文本字串,它的操作對象是代表表單元素集合的jQuery 對象。你可以選擇一個或多個表單元素(比如input或文字框),或者 form 元素本身。序列化的值可在產生 AJAX 請求時用於 URL 查詢字串中。
Time of Update: 2015-02-08
js實現Select下拉框具有輸入功能的方法,select下拉框本文執行個體講述了js實現Select下拉框具有輸入功能的方法。分享給大家供大家參考。具體實現方法如下:實現方法一複製代碼 代碼如下:<HTML><HEAD><META http-equiv='Content-Type' content='text/html;
Time of Update: 2015-02-08
JavaScript常用的彈出廣告及背投廣告實現方法,javascript背投本文執行個體講述了JavaScript常用的彈出廣告及背投廣告實現方法。分享給大家供大家參考。具體分析如下:彈出廣告和背景廣告在大網站用的比較多,也是站長的必備代碼,本程式碼片段中包括快顯視窗廣告以及背投廣告兩種形式,根據自己的需要,你可以隨意選擇。註:這類廣告不建議大家用,大多瀏覽器都會把此類AD攔截,只為大家學習之用。複製代碼
Time of Update: 2015-02-08
Jquery對select的增、刪、改、查操作,jqueryselect逃不開傳統的四種操作:增、刪、改、查。<四處搜颳了jquery對select操作的代碼,彙集一下,方便以後查看。日曆天數變化代碼為原創。>[增]:複製代碼 代碼如下:$("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項) $("#select_id").prepend("
Time of Update: 2015-02-08
jQuery中on()方法用法執行個體詳解,jquery執行個體本文執行個體分析了jQuery on()方法的用法。分享給大家供大家參考。具體分析如下:一、jQuery on()方法的使用: on(events,[selector],[data],fn) events:一個或多個用空格分隔的事件類型和可選的命名空間,如"click"或"keydown.myPlugin"