原创 Less 安裝與使用

Less 安裝與使用   1、安裝 步驟(1):我們需要NodeJ運行LESS示例。  要下載NodeJ,請打開鏈接 https://nodejs.org/en/,您 會看到如下所示的屏幕:   下載Recommended For Mos

原创 jquery 6 動態創建的元素的事件觸發(轉載)

jquery 6 動態創建的元素的事件觸發(轉載)   jQuery動態創建的元素,是不能直接使用click等事件觸發的,比如: //jquery 動態創建addfujian鏈接 $("#reup").click(function()  

原创 Bootstrap CSS編碼規範

Bootstrap CSS編碼規範   1語法 1)用兩個空格來代替製表符(tab) -- 這是唯一能保證在所有環境下獲得一致展現的方法。 2)爲選擇器分組時,將單獨的選擇器單獨放在一行。 3)爲了代碼的易讀性,在每個聲明塊的左花括號前添

原创 瀏覽器兼容 2 常見兼容性問題及解決方案

瀏覽器兼容 2 常見兼容性問題及解決方案 overflow:hidden;將子元素超出(定義了overflow的)父元素寬高的部分切掉不顯示。   1.不同瀏覽器的標籤默認的外補丁和內補丁不同 症狀:隨便寫幾個標籤,不加樣式控制的情況下

原创 瀏覽器兼容 3 CSS重設(reset)方法總結

瀏覽器兼容 3 CSS重設(reset)方法總結   在當今網頁設計/開發實踐中,使用CSS來爲語義化的(X)HTML標記添加樣式風格是重要的關鍵。在設計師們的夢想中都存在着這樣的一個完美世界:所有的瀏覽器都能夠理解和適用多有CSS規則,

原创 CSS3 速查

CSS3 速查   1.新的邊框屬性 屬性 描述 CSS border-image 設置所有 border-image-* 屬性的簡寫屬性。 3 border-radius 設置所有四個 border-*-r

原创 瀏覽器兼容 1 概要

瀏覽器兼容 1 概要 轉載自:CSS3與頁面佈局學習總結(八)——瀏覽器兼容與前端性能優化 1.1、概要 世界上沒有任何一個瀏覽器是一樣的,同樣的代碼在不一樣的瀏覽器上運行就存在兼容性問題。不同瀏覽器其內核亦不盡相同,相同內核的版

原创 瀏覽器兼容 4 CSS hack

瀏覽器兼容 4 CSS hack 使用hacker可以把瀏覽器分爲3類:IE6;IE7;其他(IE8 chrome ff safari opera等) ◆IE6認識的hacker是下劃線_和星號* ◆IE7認識的hacker是星號*比如

原创 jQuery 8 關於Jquery 的scroll事件(轉載)

jQuery 8 關於Jquery 的scroll事件(轉載)   寫法: $(window).scroll(function () {})(推薦)或 $(document).scroll(function () {}) 今天做一個隨

原创 Bootstrap源碼解讀1 下拉菜單

Bootstrap源碼解讀1 下拉菜單 轉載自:Bootstrap源碼解讀下拉菜單(4)   這篇文章主要源碼解讀了Bootstrap下拉菜單,介紹了Bootstrap各式各樣的下拉菜單,具有一定的參考價值,感興趣的小夥伴們可以參考一下

原创 Bootstrap HTML編碼規範

Bootstrap HTML編碼規範  即HTML5編碼規範 1語法 用兩個空格來代替製表符(tab) -- 這是唯一能保證在所有環境下獲得一致展現的方法。 嵌套元素應當縮進一次(即兩個空格)。 對於屬性的定義,確保全部使用雙引號,絕不要

原创 Bootstrap 自帶組件

Bootstrap 自帶組件   插件概覽 在前面《佈局組件》章節中所討論到的組件僅僅是個開始。 Bootstrap 自帶 12 種 jQuery 插件,擴展了功能,可以給站點添加更多的互動。 利用Bootstrap數據API,大部分的插

原创 Bootstrap 組件

Bootstrap 組件   1.字體圖標 Bootstrap3與Bootstrap2的最大差異在於使用了font文件來替代圖片,用於顯示圖標,這些font圖片稱爲Glyphicons--象形文字圖標。 可以使用<i>或<span>標籤來

原创 AJAX 1 入門

AJAX 1 入門 前端AJAX只寫: 點擊某處運行函數loadXMLDoc(), 函數包括髮送請求,接收響應。每個請求對應的服務器端地址url相同或不同。 至於響應是什麼樣的,是後端服務器的事。   1.AJAX = Asynchron

原创 jQuery 7 關於css操作

jQuery 7 關於css操作   jQuery的css增加修改操作與js的style原理上相同,都是在html文檔中添加style=""屬性。 由於style的優先級大於外部樣式表.css,會優先執行。   下面是一個例子 實現功能: