一、shadow domhtml
影子dom,即在瀏覽器中不能看到其內部結構的dom組件。好比HTML5中的video標籤,只須要寫以下兩行就能夠建立一個播放器,而且在每一個瀏覽器中樣式不一樣。webpack
<video controls=""> <source src="https://mdn.mozillademos.org/files/2587/AudioTest%20(1).ogg" type="audio/ogg"> </video>
並且咱們沒法更改它的樣式,shadow dom提供了很好的樣式隔離。因此咱們可使用shadow dom來封裝web組件。(AngularJS與之的聯繫?)web
詳細的文章參見使用shadow dom封裝web 組件瀏覽器
二、Web Componentsdom
直譯就是Web組件,而且是封裝好的,具備獨立功能的,不會對其餘dom元素形成干擾而且也不會被其餘dom元素干擾的web組件。ide
詳細的文章參見Web Components 是什麼?它爲何對咱們這麼重要?ui
三、Fluxspa
詳細的文章參見理解Flux設計
四、webpackhtm
五、fis
六、ES5/ES6/ES2015
ES5指的是在2009年發佈的ECMAScript 5.0版本。
ES6是2015 年 6 月正式發佈的ECMAScript 6版本,也稱爲ES2015。
ECMAScript是經過ECMA-262標準化的腳本程序設計語言,ECMA-262標準會被編輯和更新,所以會出現不少版本。
JavaScript、JScript、ActionScript等是ECMA-262標準的實現和擴展。