原创 【代碼】單用float 實現三列布局

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>三列自適應</title>     <style>         *{  

原创 聖盃佈局與雙飛翼佈局

聖盃佈局與雙飛翼佈局 聖盃佈局與雙飛翼佈局的共同點 三欄佈局;主要內容寫在前面,最先載入,但佈局位於非最前兩側定寬,分別位於中間主體兩側(外),中間流式(自動寬度) 佈局原理 三欄全部採用浮動(float: left);HTML

原创 css 代碼規範

1 前言 CSS 作爲網頁樣式的描述語言,一直有着廣泛的應用。本文檔的目標是使 CSS 代碼風格保持一致,容易被理解和被維護。 雖然本文檔是針對 CSS 設計的,但是在使用各種 CSS 的預編譯器(如 less、sass、sty

原创 HTML 元素分類概述

基礎元素 基礎元素是HTML文檔的根基。基礎元素在每一個網頁的源代碼裏都能見到,位置在文檔首行doctype 聲明的下方。doctype 表明了該頁面正在使用哪種版本的 (X)HTML。包含網頁內容的元素是放置在開始標籤 <

原创 【代碼】完美運動框架

//運動框架(完美版) //獲取非行間樣式 function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]

原创 HTML 代碼規範

1 前言 HTML 作爲描述網頁結構的超文本標記語言,一直有着廣泛的應用。本文檔的目標是使 HTML 代碼風格保持一致,容易被理解和被維護。 2 代碼風格 2.1 縮進與換行 [強制] 使用 4 個空格做爲一個縮進層級,不允許使

原创 CSS 定位詳解

當在這一個頁面上實現佈局和定位有幾種不同的技術。使用哪種技術,很大程序上取決於內容和目標頁面,因爲有很多技術比別人的更牛。 例如,浮動可以讓頁面元素並排顯示,而且還可以製作一個乾淨的佈局。然而,有時候需要一些嚴格的定位,這時需要使用其

原创 盒子模型之margin重疊深度分析

文章來源:http://blog.csdn.net/flyokzt/article/details/46454655 你對CSS的margin邊界疊加的概念是否瞭解,這裏和大家分享一下,當一個元素出現在另一個元素上面時,第一個元素的底

原创 《JavaScript 高程》筆記——chapter1/2 簡介

  JavaScript是一種專爲網頁交互而設計的腳本語言,由下列三個不同的部分組成: 核心(ECMAScript),由ECMA-262定義,提供核

原创 《JavaScript高級程序設計》筆記——正則表達式

如果說這是一篇關於正則表達式的小結,我更願意把它當做一個手冊。 RegExp 三大方法 本文的RegExp採用直接量語法表示:/pattern/attributes。attributes有三個選擇,i、m和g,m(多行匹配)不常用直

原创 js多個庫衝突的解決辦法

        當一個項目中引入多個第三方庫的時候,由於沒有命名空間的約束(命名空間就好比同一個目錄下的文件夾一樣,名字相同就會產生衝突),庫與庫之間發生衝突在所難免。         那麼,既然有衝突的問題,爲什麼要使用多個庫呢?原因是

原创 解決fullPage.js中每屏未鋪滿的方法

轉自: https://zzliux.cn/article/55 前言 用fullPage寫某首頁的時候準備使用一個動畫特效,原先把要進入的內容放在可視區域之外,然後在載入完成後通過js把定位進來,然而只要寫了定位在可視區域之外就

原创 transform rotate獲取方法

如果你曾想通過下面這條語獲取transform的值 $(objName).css('transform'); 很遺憾,獲取到的是如下一個矩陣 matrix(a,b,c,d,e,f) 看到這個矩陣,很多人都懵了,但是真想獲取rotate

原创 JavaScript核心原理(一)執行環境、執行環境棧、變量對象、活動對象

前言 之前在閱讀《Javascript高級程序設計》「4.2執行環境及作用域的」時候,對相關的概念理解得並不是非常的透徹,只是懂了大概的意思。後來在看到「閉包」這一節時書中再一次提到了相關的概念,並且這些是充分理解閉包的必要背景

原创 正則表達式

轉載自:《JavaScript欲速則不達—正則表達式》| html5jscss 正則表達式是一個威力巨大的處理字符串的工具,能夠高效、神奇得完成對字符串的操作。相比較簡單的字符串比較、查找、替換,正則表達式提供了更加強大的處理能力。