Time of Update: 2014-09-09
jQuery判斷元素是否顯示與隱藏jQuery判斷一個元素是顯示還是隱藏,jQuery使用is()方法來判斷一個元素是否顯示,反之則為隱藏 核心代碼if($(#username).is(:hidden)){}執行個體代碼:<script type=text/javascript src=../../WEB-FACE/script/jquery-1.8.0.min.js></script><script
Time of Update: 2014-09-08
[ExtJS5學習筆記]第十六節 Extjs5使用panel新增的ViewModel屬性綁定資料 Sencha ext js 5之前的版本中是沒有viewmodel這個概念的,現在extjs5既然支援mvvm模式了,那麼她的組件也就相應的增加了對mvvm的預設支援。現在看看我們經常使用的panel組件對mvvm模式的強大支援。先看看文檔對panel的viewmodel屬性的定義: viewModel :
Time of Update: 2014-09-09
javascript進階程式設計---classList屬性1、傳統方法:在操作類名的時候,需要通過className屬性添加、刪除和替換類名。如下面例子:...這個div中一共有三個類名,要從中刪掉一個類名,需要把這三個類分別拆開,然後進行處理,處理過程如下: <script type="text/javascript"> var className=div.className.split(/\s+/); //找到要刪掉的類名 var
Time of Update: 2014-09-09
玩轉Javascript this用法在web項目中Javascript是一門必須要掌握的動態語言,基於Javascript的架構大多離不開不了最基礎的Javascript的用法和原理。本文主要是總結一下Javascript中那萬惡的this關鍵字。 開門見山,拋出一個觀點:“Javascript中this永遠是指向調用它的對象”。下面我會舉3個最有代表性的例子來驗證我的這個觀點。 例一 對象方法調用複製代碼
Time of Update: 2014-09-08
關於javascript模組載入技術的一些思考前不久有個網友問我在前端使用requireJs和seajs的問題,我當時問他你們公司以前有沒有自己編寫的javascript庫,或者javascript架構,他的回答是什麼都沒有,他只是聽說像requirejs和seajs是新東西新技術,很有價值所以想用它。 這位網友的問題引起了我對javascript模組載入技術的思考,上篇文章我給出了自己寫的一個javascript庫的基本結構,其實寫這篇文章的一個起因就是因為我想使用require
Time of Update: 2014-09-08
JS 使用for迴圈遍曆子節點尋找元素,jsfor這篇文章主要介紹了JS 使用for迴圈配合數組遍曆子節點尋找元素function nextChildNode(node,clazz,tagName){ var count= node.childElementCount; for(var i=0;i<count;i++){ if(node==undefined || node.children[i]==undefined){ continue; } if(clazz){
Time of Update: 2014-09-09
[ExtJS5學習筆記]第十七節
Time of Update: 2014-09-08
js擷取頁面傳來參數的方法,js擷取頁面參數這篇文章主要介紹了通過window.location.search來擷取頁面傳來的參數,經測試是OK的function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return (r[2]);
Time of Update: 2014-09-08
JavaScript實現動態建立CSS樣式規則方案,javascriptcss現在Web應用中有大量的JavaScript代碼,而我們也一直在追尋各種使他們更快的解決方案。1.我們通過 事件代理(event delegation) 讓事件監聽更高效,2.我們利用 函數降頻技術(function debouncing) 來限制一段時間內給定方法被調用的次數,請參考:如何防止事件函數的高頻觸發(中文翻譯)3.我們使用 JavaScript載入器
Time of Update: 2014-09-08
禁止iframe指令碼彈出的視窗覆蓋了父視窗的方法,iframe視窗我所希望的iframe功能是不要去控制父頁面,如果他想要控制,哪從父頁面裡面加入什麼代碼能讓他無法控制呢?假如iframe裡面有這樣的語句:window.parent.location.href="http://www.baidu.com"這就會把父頁面的網頁改掉,我在父頁面裡面加入什麼,能讓他無法改變父頁面呢,有命令在新視窗裡面彈出來,而不是覆蓋父頁面!百度被放入架構後,使用搜尋就會跳到父架構中,但是這個番茄搜尋中卻成功把他置
Time of Update: 2014-09-08
在JavaScript裡防止事件函數高頻觸發和高頻調用的方法,javascript事件網頁中JavaScript最基本的功能是監聽或響應使用者的動作,這非常的有用。使用者的動作有些頻率非常高,有的十分罕見。有些監聽器函數的執行如閃電般完成,而有些繁重的會把瀏覽器拖死。拿瀏覽器視窗的resize事件來說,這種事件會在瀏覽器視窗大小的每一尺度變化都觸發一次,如果監聽器體量很大,你的瀏覽器很快就會被拖垮。很顯然,我們不能允許瀏覽器被拖垮,但我們又不能刪除刪除監聽器。然而,我們可以限制函數調用的頻度,弱
Time of Update: 2014-09-08
jquery向上向下取整適合分頁查詢,jquery取整在用ajax進行分頁查詢時,分頁的數目要用到取整函數<script language="javascript"> var uu=Math.floor(5.36) //向下取整 結果為5 var uu=Math.floor(5.88) //結果為5 Math.ceil(5.33) //向上取整,結果為6 Math.round(5.55) //四捨五入 結果為6 math.round(5.22) //結果為5 </script&
Time of Update: 2014-09-08
Javascript Date 類型的值傳遞與引用傳遞問題建立一個Date類型的變數 d1。var d1 = new Date();alert(d1);運行後頁面上會彈出: Fri Sep 05 2014 16:40:50 GMT+0800再建立一個變數 d2, 將 d1的值賦給d2, 把d2 的 年份設定為 2013,var d2 = d1;d2.setFullYear("2013");alert(d1 + "/" + d2);運行後頁面上會彈出:
Time of Update: 2014-09-08
jquery實現html頁面 div 假分頁有原理有代碼,jquerydivdiv假分頁原理:填充後div的總高度 (1000px) 顯示高度(100px) 則頁面總數為10頁 。當查看第二頁時,顯示的div高度為100 - 200之間,以此類推看見頁面在翻頁 實則為div捲軸移動。<div id="applications">顯示資料集合</div><style> #applications { /* width:500px;調整顯示區的寬*/
Time of Update: 2014-09-08
JavaScript及jquey實現多個數組的合併作業,javascriptjquey1、原生的JavaScript實現var array1 = ["a", "b"];var array2 = ["c", "d"];我要合并後變成下面這樣:<span class="keyword" style="font-weight:bold">var</span> <span class="keyword"
Time of Update: 2014-09-08
js和jquery中迴圈的退出和繼續學習記錄,jsjquery作為水貨,就是學會了1+1=3也要記錄一下!錯了,是2學習記錄:js中的for(var i=1;i<5;i++){if(i==3){break; // 使用break,彈出2次提示分別為1,2;如果使用continue,則會彈出3次,分別是1,2,4}alert(i);}迴圈,退出迴圈,使用break;退出當前迴圈繼續下一個迴圈,使用continuejquery中的each()方法中要實現break,使用return
Time of Update: 2014-09-07
NodeJS常用模組收集收集了NodeJS開發中常用的一些模組。MVC架構 - ExpressExpress 是輕量靈活的Nodejs Web應用程式框架,它可以快速地搭建網站。Express架構建立在Nodejs內建的Http模組上,並對Http模組再封裝,從而實際Web請求處理的功能。它支援多種前端模板,如Jade, EJS等。它是T.J大神的作品,不過已經交由其它團隊維護了。Koa是T.J大神的另外一個作品,號稱下一代NodeJS web架構。使用 koa 編寫 web
Time of Update: 2014-09-07
jQuery 1.6.4 RC1 發布jQuery 官方部落格寫道 jQuery 1.6.4. 將很快發布,需要大家的協助來找出其中存在的 bug,在下個月 1.7 版本發布前修複這些 bug 很重要。如果大家有時間的話,可以協助測試下 jQuery 1.6.4 RC1。 jQuery 1.6.4 RC1 中修複的 bug 有:1.Data 屬性分享一個最好用的UI前端架構!在 jQuery 1.6.4 之前,通過 ".data('imageXOffset')" 擷取 data
Time of Update: 2014-09-07
setTimeout()遞迴調用不加引號出錯的解決方案,settimeout遞迴用了setTimeout()想實現遞迴調用,如果第一個參數不加引號的話,Firefox提示setTimeout():uselesssetTimeout call (missing quotes around argument?)如果加引號的話 ,Firefox會提示那個函數undefinedfunction refreshNum() { $.ajax({ type: "POST", url:
Time of Update: 2014-09-07
jQuery表格外掛程式datatables用法總結,jquerydatatablesDataTables是一個jQuery的表格外掛程式。這是一個高度靈活的工具,依據的基礎逐步增強,這將增加先進的互動控制,支援任何HTML表格。官方網站及其:http:/www.datatables.net當前最新版為1.10.2,讀者可點此本站下載。其主要特點如下:1.自動分頁處理2.即時表格式資料過濾3.資料排序以及資料類型自動檢測4.自動處理列寬度5.可通過CSS定製樣式6.支援隱藏列7.易用8.可擴充性