學習的道路就是要不斷的總結概括，好記性不如爛筆頭，so，下面將 po 出我收集的 9 張 javascript 相關的思惟導圖（非原創）。javascript
思惟導圖小tips：php
思惟導圖又叫心智圖，是表達發射性思惟的有效的圖形思惟工具 ，它簡單卻又極其有效，是一種革命性的思惟工具。思惟導圖運用圖文並重的技巧，把各級主題的關係用相互隸屬與相關的層級圖表現出來，把主題關鍵詞與圖像、顏色等創建記憶連接，思惟導圖充分運用左右腦的機能，利用記憶、閱讀、思惟的規律，協助人們在科學與藝術、邏輯與想象之間平衡發展，從而開啓人類大腦的無限潛能。思惟導圖所以具備人類思惟的強大功能。html
分別歸類爲：java
- javascript變量
- javascript運算符
- javascript數組
- javascript流程語句
- javascript字符串函數
- javascript函數基礎
- javascript基礎DOM操做
- 文檔對象模型DOM
- javascript正則表達式
可以認真看完就是一次對javascript的回顧與提高，能夠很好的檢驗基礎。程序員
javascript變量正則表達式
javascript運算符 chrome
javascript數組 數組
javascript流程語句
javascript字符串函數 瀏覽器
javascript函數基礎
javascript基礎DOM操做 app
DOM對象
BOM瀏覽器對象模型
javascript正則表達式
是的，沒有高深的知識，沒有進階的技巧。
只是，萬丈高樓平地起；只是，千里之行始於足下；只是，千里長提潰於蟻穴。
能把簡單的作好就是不簡單，你能走多遠，不是在於你有多聰明，而是取決於你有多勤奮，共勉。
附上網盤原圖下載地址：戳我可下載喲。
不能把關鍵字、保留字、true、false和null用做標識符。
js中的關鍵字可用於表示控制語句的開始或結束，或者用於執行特定操做等。按照規則，關鍵字也是語言保留的，不能用做標識符。如下就是ECMAScription的所有關鍵字：
break、else、new、var、 case、 finally 、 return、 void 、 catch 、for 、switch 、 while 、 continue、 function 、this 、 with 、default 、 if 、 throw 、 delete 、 in 、 try 、do 、 instranceof、 typeof
ECMA還描述了另一組不能用做標識符的保留字。儘管保留字在這門語言中尚未任何特定的用途，但它們有可能未來被用做關鍵字。下面是ECMA第3版定義的所有保留字：
abstract 、 enum 、int 、 short 、 boolean 、export 、interface、 static、 byte 、extends 、 long 、 super 、 char 、 final 、native 、synchronized 、 class 、float 、 package 、throws 、 const 、goto 、private 、transient 、 debugger 、 implements 、protected 、 volatile 、 double 、import 、public
在代碼中使用關鍵字做爲標識符在大多數瀏覽器中都會卻是「Identifier Expected」（缺乏標識符）錯誤。而使用保留字可能不會致使一樣的錯誤，這要視具體的瀏覽器而定。通常來講，最好不要使用關鍵字和保留字做爲標識符，一遍與ECMAScript將來的版本保持兼容。
本文摘自 《JavaScripti 高級程序員設計（第2版）》
What‘s FC？
必定不是KFC，FC的全稱是：Formatting Contexts，是W3C CSS2.1規範中的一個概念。它是頁面中的一塊渲染區域，而且有一套渲染規則，它決定了其子元素將如何定位，以及和其餘元素的關係和相互做用。
BFC
BFC(Block Formatting Contexts)直譯爲"塊級格式化上下文"。Block Formatting Contexts就是頁面上的一個隔離的渲染區域，容器裏面的子元素不會在佈局上影響到外面的元素，反之也是如此。如何產生BFC？
float的值不爲none。
overflow的值不爲visible。
position的值不爲relative和static。
display的值爲table-cell, table-caption, inline-block中的任何一個。
那BFC通常有什麼用呢？好比常見的多欄佈局，結合塊級別元素浮動，裏面的元素則是在一個相對隔離的環境裏運行。
IFC
IFC(Inline Formatting Contexts)直譯爲"內聯格式化上下文"，IFC的line box（線框）高度由其包含行內元素中最高的實際高度計算而來（不受到豎直方向的padding/margin影響)
IFC中的line box通常左右都貼緊整個IFC，可是會由於float元素而擾亂。float元素會位於IFC與與line box之間，使得line box寬度縮短。 同個ifc下的多個line box高度會不一樣。 IFC中時不可能有塊級元素的，當插入塊級元素時（如p中插入div）會產生兩個匿名塊與div分隔開，即產生兩個IFC，每一個IFC對外表現爲塊級元素，與div垂直排列。
那麼IFC通常有什麼用呢？
水平居中：當一個塊要在環境中水平居中時，設置其爲inline-block則會在外層產生IFC，經過text-align則可使其水平居中。
垂直居中：建立一個IFC，用其中一個元素撐開父元素的高度，而後設置其vertical-align:middle，其餘行內元素則能夠在此父元素下垂直居中。
GFC
GFC(GridLayout Formatting Contexts)直譯爲"網格佈局格式化上下文"，當爲一個元素設置display值爲grid的時候，此元素將會得到一個獨立的渲染區域，咱們能夠經過在網格容器（grid container）上定義網格定義行（grid definition rows）和網格定義列（grid definition columns）屬性各在網格項目（grid item）上定義網格行（grid row）和網格列（grid columns）爲每個網格項目（grid item）定義位置和空間。
那麼GFC有什麼用呢，和table又有什麼區別呢？首先一樣是一個二維的表格，但GridLayout會有更加豐富的屬性來控制行列，控制對齊以及更爲精細的渲染語義和控制。
FFC
FFC(Flex Formatting Contexts)直譯爲"自適應格式化上下文"，display值爲flex或者inline-flex的元素將會生成自適應容器（flex container），惋惜這個牛逼的屬性只有谷歌和火狐支持，不過在移動端也足夠了，至少safari和chrome仍是OK的，畢竟這倆在移動端纔是王道。
Flex Box 由伸縮容器和伸縮項目組成。經過設置元素的 display 屬性爲 flex 或 inline-flex 能夠獲得一個伸縮容器。設置爲 flex 的容器被渲染爲一個塊級元素，而設置爲 inline-flex 的容器則渲染爲一個行內元素。
伸縮容器中的每個子元素都是一個伸縮項目。伸縮項目能夠是任意數量的。伸縮容器外和伸縮項目內的一切元素都不受影響。簡單地說，Flexbox 定義了伸縮容器內伸縮項目該如何佈局。