JavaScript

 關於偽類，大家最熟悉的還是a標籤的4個偽類：  有連結屬性時:visited    連結地址已被訪問過:active     被使用者啟用(在滑鼠點擊與釋放之間發生的事件):hover     

　　正如語言風格指南一樣，模式庫有兩個主要用途。首先，是它們提供了一組編碼或設計標準，Web Team Dev可以在整個網站中應用，有助於保持一致的編碼實踐和外觀；其次，對於要學習網頁設計最佳實務來說是寶貴的財富。　　在本文中，我想與大家分享7個網頁設計風格指南和模式庫，這些都是 Web 設計和開發過程中的最佳實務經驗，值得借鑒。您可能感興趣的相關文章2013年最受歡迎的10篇前端開發博文35個讓人驚訝的 CSS3 動畫效果示範8個驚豔的 HTML5 和 JavaScript

（一）嵌套規則　　【1】less可以讓我們以嵌套的方式編寫層疊樣式，先看下面這段CSS；{:;}{:;}{:;} 　　在LESS中，可以用嵌套方式寫以上代碼：{:; }{:; }{:; }　　代碼變更簡潔與直觀，與DOM樹結構很相似。 　　【2】 & 符號　　如果在嵌套規則中，想寫串聯選取器，而不是寫後代選取器，可以用 & 符號，如:hover 偽類寫法{:;:;

下了個分頁外掛程式用，網上下載下來的demo在各ie版本下有點差別，但是還是可以用。 但是在我的頁面中則不能正常顯示。可能是因為div嵌套過多或者position定位造成的。 我改了下源碼基本可以在ie7,ie8,ie9正常顯示。以下是部分源碼。發現用別人的東西出了問題很難搞啊。關鍵是那個ie啊。 複製代碼 代碼如下: var bVer = navigator.appVersion; var ver ; if(bVer.indexOf('MSIE 7.0') > 0){ ver =

下面要展示的網站，不單止去除了所有多於的設計項目，並且成功的運用現如今流行的設計趨勢，比如超大的文字和圖片，簡單而有效導覽功能表，連續滾動，別出心思的互動元素，以及最新的響應式設計。這些的設計方式最終的目的都是方便訪客最好的去瀏、閱讀覽網站的內容。1、Another Pony

看本文得先瞭解以下幾個事件（摘自w3c）。 blur事件: 當元素失去焦點時發生 blur 事件。 focus事件:focus() 方法用於賦予文本域焦點(也值讓某些元素得到焦時間點事件)。 tabIndex屬性:tabIndex 屬性可設定或返回按鈕的 tab 鍵控制次序。 我們都知道blur只是針對form表單控制項的，而對於 span , div , li 之類的，則沒辦法觸發它們的動作，現在我們只需要設定一個tabindex屬性則可以觸發它們的焦時間點事件了。 真實項目代碼: 複製代碼

在mvc地區的裡 實現post 提交資料 的js寫法！ 複製代碼 代碼如下: $("#btnSava").click(function () { if ($("#text").val()=="") { alert("請輸入你要說的話！~！"); } else { $.post("/control/action", { id: $("#text").val()}, function (data) { if (data == 0) { alert("發表成功,我們會儘快通知直銷商回複");

儲存格(cell) -- 表格的內容儲存格邊距(表格填充)(cellpadding) -- 代表儲存格外面的一個距離,用於隔開儲存格與儲存格空間儲存格間距(表格間距)(cellspacing) --

工作中遇到需要給輸入框中選中的內容增加超連結 複製代碼 代碼如下: function addHref(des){ var selectedText=""; if(window.getSelection&&des != undefined){//相容非IE瀏覽器，由於非IE瀏覽器需要給定操作的元素ID才可以擷取輸入元素中選中的內容，因此需要輸入ID var textField=document.getElementById(des); var

在JavaScript中，函數是一等公民，函數在JavaScript中是一個資料類型，而非像C#或其他描述性語言那樣僅僅作為一個模組來使用。函數有四種調用模式，分別是：函數調用形式、方法調用形式、構造器形式、以及apply形式。這裡所有的調用模式中，最主要的區別在於關鍵字 this

擷取XmlHttpRequest對象 複製代碼 代碼如下: //1 function getXMLHttpRequest() { var xmlHttpReq; try { // Firefox, Opera 8.0+, Safari xmlHttpReq = new XMLHttpRequest(); } catch (e) { try {// Internet Explorer xmlHttpReq = new ActiveXObject("Msxml2.XMLHTTP"); }

為何尋找布局的聖杯     優良的布局可以使網頁的組織更合理，適應力更加健壯，最重要的是實現內容層與表現層的分離，實現前端開發的漸進增強以及代碼的內容優先。這就是前端程式員追尋聖杯布局的原因。 1 relative & absolute   

這帶來的好處是內建函式可以訪問定義它們的外部函數的參數和變數。首先，我們來構造一個簡單的對象。複製代碼 代碼如下:var testObj = {    value: 10,    add: function(inc){        this.value += (typeof inc === "number") ? inc : 1;   

部分代碼如下 複製代碼 代碼如下: <form id="fm" method="post" novalidate> <div style="height:26px" class="fitem"> <label>地區:</label> <input class="easyui-combobox" id="areaId" name="areaId" url="getAreasList" //可以從後台得到資料 valueField="id"

　　《Web 前端開發精華文章推薦》2014年第3期（總第24期）和大家見面了。夢想天空部落格關注 前端開發 技術，分享各類能夠提升網站使用者體驗的優秀 jQuery 外掛程式，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共用精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠協助到您。HTML5 & CSS3CSS3 實現超炫的

我是搞PHP的，讓我想起了<<<文法(heredoc和nowdoc)，那麼就為他命名heredoc吧。 複製代碼 代碼如下: Function.prototype.heredoc = function(){ // 利用 function 的注釋來儲存字串，而且無需轉義。 var _str = this.toString(), s_pos = _str.indexOf("/*")+2, e_pos = _str.lastIndexOf("*/"); return

一個普通的javascrip函數，只有一個入口參數 複製代碼 代碼如下: function test(info) <img none';="" document.getelementbyid('_20_37_open_text').style.display="none" ;="" document.getelementbyid('_20_37_closed_image').style.display="inline"

jQuery(':not(selector)') 在jQuery的早期版本中,:not()篩選器只支援簡單的選取器,說明我們傳入到:not這個filter中的selector可以任意複雜,比如:not(div a) and :not(div,a) 複製代碼 代碼如下: <p >"a">sdfsdfs</p> <p >"b">sdfsdfs</p> <p >"c">sdfsdfs</p> $("p:not(.

trigger 和triggerHandler都是類比事件發生的 用具體的案例來描述一下區別 複製代碼 代碼如下: <html lang="en"> <head> <meta charset="utf-8"> <title>test</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head>

雖然jquery流行已經很多年了，一直都感覺很難，也沒有花時間去學習它，只是偶爾哪天心血來潮了去看一點點，時隔多日又會忘得一乾二淨。最近用到表格奇偶行不同色，不得不去再看jquery，雖然感覺還是難，但已經不像以前一樣無從下手了。做完後不得不來感歎一下jquery真是太牛了，不用自己再寫一大堆javascript函數去實現了，簡單幾句輕鬆搞定。 先定義好表格的奇偶行樣式，如下代碼： 複製代碼 代碼如下: body { font-size:12px; } th { color: #FFFFFF;