原创 作用域與作用域鏈

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

2018-09-04 06:04:22 2

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

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

2018-09-04 06:04:22

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

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

2018-09-04 06:04:21 4

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

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

2018-09-04 06:04:21

原创 常見的瀏覽器內核類型

一. Webkit內核：1.Safari瀏覽器Safari,蘋果計算機的操作系統Mac OS中瀏覽器，2003年，用來取代之前的Internet Explorer for Mac2.ChromeChrome

2018-09-04 06:04:21

原创 判斷JS數據類型

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

2018-09-04 06:04:21

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

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

2018-09-04 06:04:21

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

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

2018-09-04 06:04:20

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

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

2018-09-04 06:04:20

原创 超鏈接a標籤另一個常被使用的功能：錨點（name和#）

（1）超鏈接用的最多，但是超鏈接中錨點也是被用的較多的一個功能。——先需要被跳轉到的地方放一個錨點。錨點其實也是一個a標籤，只是這個a標籤沒有href屬性，只有name屬性，這個name屬性就是它的標識，別人要跳轉過來，就是按照這個標識。

2018-09-04 06:04:20

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

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

2018-09-04 06:04:20

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

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

2018-09-04 06:04:20 2