Time of Update: 2014-09-10
使用CSS3建立不可選的的文字,css3建立可選下面的例子展示了在HTML5中你如何使用CSS建立不可選的文字。 Html代碼 <!DOCTYPE HTML> <html> <head> <title>Creating non-selectable text&nb
Time of Update: 2014-09-09
CSS3給頁面打標籤,CSS3頁面打標籤我們經常會在頁面的左上方或者右上方看到類似的標籤,比如頁面的連結(最常使用)等,下面我們就實現一個簡單的標籤 實現步驟是先做一個水平長條,使用CSS3的transform來實現旋轉,如果是在左上方的話就逆時針旋轉45度,右上方順時針旋轉45度。代碼: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5
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
CSS 超出隱藏實現限制字數的功能代碼(多瀏覽器支援),css字數<html><title>css控制字數</title><head><style type="text/css">.dd { border: solid 1px gray; width: 180px; course: hand; overflow: hidden; white-space: nowrap; text-overflow:
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
CSS開發規範,css開發摘要: 無論多少人開發一個項目,規範是最初始也是最基本的,一個好的規範不僅讓代碼看起來完美也能夠解決衝突。下面是我在開發時使用的css規範基本規範:基本原則:模組化編寫實踐:命名注意事項:總結: 在開發中養成一個好的習慣是非常重要的,每個開發人員都應該有自己的規範,希望通過此文對你以後的編碼有所改變。如果你有更好的建議,可以補充。誰有移動端網頁開發規範?下面是我從網上收集整理的wap2.0手機網站開發需要注意的7個問題:手機網頁編碼需要遵循什麼規範?遵循XHTML
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