1.背景介紹
在講解知識之前，先了解一下：庫、插件、框架 和 組件分別是什么？
庫：一系列預先定義好的數據結構和函數的集合，程序員通過使用這些數據結構和函數實現功能。例如jQuery.js是一個javascript庫，封裝了大量開發中常用的一些函數。
插件:不依賴業務數據，可配置開關隨時上線下線，一般為第三方服務(一般依賴于某些庫或者框架)
框架：也是一系列預先定義好的數據結構和函數，一般用于作為一個軟件的骨架，但程序真正的功能還需要由開發者實現。框架和庫的最大區別在于“控制反轉”，當你使用一個庫，你會調用庫中的代碼，而當你使用一個框架，框架會調用你的代碼，框架和庫是一個有交叉的概念。如下圖
組件:一般是指軟件系統的一部分，承擔了特定的職責，可以獨立于整個系統進行開發和測試，一個良好設計的組件應該可以在不同的軟件系統中被使用(可復用)。例如V8引擎是Chrome瀏覽器的一部分，負責運行javascript代碼，這里V8引擎就可以視為一個組件。V8引擎同時也是Node.js的javascript解釋器，這體現了組件的可復用性。
2.知識剖析
目前流行的前端框架
更多框架信息點我
舉個例子：
技能樹官網
框架：Angular,
庫：jQuery,
插件：懶加載（oclazyload） ?百度富文本插件（UEditor）
組件:Angular中的自定義指令。
再舉個例子：
Bootstrap點我
Bootstrap是一個HTML，CSS框架，官網提供了大量無數可復用的組件，包括字體圖標、下拉菜單、導航、警告框、彈出框等功能。并且集成了很多插件。
3.常見問題
如何使用一個框架或插件？
4.解決方案
先看官方API
再看官方demo
改動demo理解，各個配置參數的作用
自己寫個demo
將插件加入項目中使用
5.編碼實戰
如何使用Vue.js
6.擴展思考
如何選擇適合項目的插件？
答案請參考視頻
7.參考文獻
8.更多討論
如何寫出屬于自己的組件庫？
請參考視頻
今天的分享就到這里啦，歡迎大家點贊、轉發、留言、拍磚~
下期預告：強制緩存和協商緩存，不見不散~
