原创 CSS浮動(float,clear)通俗講解(二)

       經過上邊的學習,可以看出:元素浮動之前,也就是在標準流中,是豎向排列的,而浮動之後可以理解爲橫向排列。       清除浮動可以理解爲打破橫向排列。       清除浮動的關鍵字是clear,官方定義如下:        語法

原创 超級實用的CSS佈局方案之多列布局(一)

多列布局 定寬+自適應 1)使用float+overflow (1)原理、用法原理:通過將左邊框脫離文本流,設置右邊規定當內容溢出元素框時發生的事情以達到多列布局。用法:先將左框設置爲float:left、width、margin-left

原创 超級實用的CSS佈局方案之多列布局(三)

不定寬+自適應 1)使用float+overflow (1)原理、用法原理:這種情況與兩列定寬查不多。用法:先將左框設置爲float:left、margin-right,再設置右框overflow: hidden,最後設置左框中的內容wid

原创 超級實用的CSS佈局方案之多列布局(二)

兩列定寬+一列自適應 (1)原理、用法 原理:這種情況與兩列定寬查不多。 用法:先將左、中框設置爲float:left、width、margin-right,再設置右框overflow:hidden。 (2)代碼實例 <div clas

原创 CSS浮動(float,clear)通俗講解(一)

寫在前面的話: 由於CSS內容比較多,小編沒有精力從頭到尾講一遍,只能有針對性的講解。 如果讀者理解CSS盒子模型,但對於浮動不理解,那麼這篇文章可以幫助你。 本文以div元素佈局爲例。 教程開始: 首先要知道,

原创 作用域與作用域鏈

1、作用域 所謂作用域就是:變量在聲明它們的函數體以及這個函數體嵌套的任意函數體內都是有定義的。 function scope(){var foo = "global";if(window.getComputedStyle){var a =

原创 判斷JS數據類型

判斷JS數據類型的4種方法 在 ECMAScript 規範中,共定義了 7 種數據類型,分爲 基本類型 和 引用類型 兩大類,如下所示: 基本類型:String、Number、Boolean、Symbol、Undefined、Null 引

原创 超級實用的CSS佈局方案之水平垂直居中

1)使用absolute+transform (1)原理、用法原理:將水平居中時的absolute+transform和垂直居中時的absolute+transform相結合。詳見:水平居中的3)和垂直居中的2)。見水平居中的3)和垂直居中

原创 web前端--10個妨礙進步的學習方式(二)

4.太早接觸複雜項目 這個情況,比較普遍,無論是在學校或者是現在的培訓機構。很多學習前端的人,基礎沒打牢,就在那裏揚言要做一個大項目,我聽到的有的人想做知乎,有的人想做世紀佳緣等等一些偉大的目標!但是全部人都是連網站的業務流程和邏輯都沒弄

原创 作用域與作用域鏈

1、作用域 所謂作用域就是:變量在聲明它們的函數體以及這個函數體嵌套的任意函數體內都是有定義的。 function scope(){var foo = "global";if(window.getComputedStyle){var a =

原创 web前端--10個妨礙進步的學習方式(二)

4.太早接觸複雜項目 這個情況,比較普遍,無論是在學校或者是現在的培訓機構。很多學習前端的人,基礎沒打牢,就在那裏揚言要做一個大項目,我聽到的有的人想做知乎,有的人想做世紀佳緣等等一些偉大的目標!但是全部人都是連網站的業務流程和邏輯都沒弄

原创 web前端:10個妨礙進步的學習方式(一)

1.前言 從事web前端的人很多,每個人的學習方式,學習習慣基本不會一模一樣!關於web前端(或者直接互聯網),大家都知道,是做到老,學到老的一個行業。之前寫文章的時候,我說過很多學習的方式和建議。今天換一下,說一下我個人不建議的學習方式,

原创 CSS浮動(float,clear)通俗講解(二)

       經過上邊的學習,可以看出:元素浮動之前,也就是在標準流中,是豎向排列的,而浮動之後可以理解爲橫向排列。       清除浮動可以理解爲打破橫向排列。       清除浮動的關鍵字是clear,官方定義如下:        語法

原创 判斷JS數據類型

判斷JS數據類型的4種方法 在 ECMAScript 規範中,共定義了 7 種數據類型,分爲 基本類型 和 引用類型 兩大類,如下所示: 基本類型:String、Number、Boolean、Symbol、Undefined、Null 引

原创 CSS浮動(float,clear)通俗講解(一)

寫在前面的話: 由於CSS內容比較多,小編沒有精力從頭到尾講一遍,只能有針對性的講解。 如果讀者理解CSS盒子模型,但對於浮動不理解,那麼這篇文章可以幫助你。 本文以div元素佈局爲例。 教程開始: 首先要知道,