技術沉澱轉型學習筆記總結(二)：Java企業開發WEB前端基礎知識梳理

1、企業開發Web前端基礎。

在最近的半個月的學習中，重新梳理了下最新的前端架構體系，目前對于體系中和企業開發相關的最火的前端架構有MVVM架構(vue.js、react、AngularJS)，但是對于企業開發目前來說HTML+CSS+JAVASCRIPT仍然是必須掌握的基礎，再加上目前企業應用或者SAAS應用中可能用的較多的Bootstrap(移動端自适應架構)、jQuery，無疑都是必須掌握的基礎。

2、網絡課程學習Jquery和Bootstrap

以前上學的時候學習過一段時間的 HTML+CSS+JAVASCRIPT，但是沒有系統化的思考、也沒有體系化的思考，在這次學習過程中，系統的以前的知識把做了一些結構化的思考，順着結構化的思考，對知識做了重新的梳理。

在整個的學習過程中，感謝騰訊課堂中提供的免費課程資訊：

Bootstrap

https://ke.qq.com/course/252589?taid=1629789765229229

JQuery

https://ke.qq.com/course/373476?taid=3018859498287844

系統化的學習bootstrap，雖然沒有跟着一起做練習，但是也做了一些總結和思考。

3、系統化思考前端知識體系和原理：

整個web前端的學習過程中，問過自己很多的問題。

3.1、前端的頁面中的元素的分類？塊元素和行内元素的定義和差別？

3.2、前端的頁面元素JS互動資訊的原理？

3.3、前端的頁面元素的展示原理？

3.4、頁面元素中的樣式的屬性分類有哪些？

3.5、Ajax的HTML的底層原理？

3.6、CSS樣式中的盒子模型是什麼？CSS屬性選擇器有哪些？

3.7、BootStrap中的栅格系統的底層原理是什麼？

3.8、JAVASCRIPT中的BOM模型和DOM模型是什麼，有什麼差別？windows對象和dom對象的差別？有哪些常用的JS事件？調用的方法如何？浏覽器核心的核心組成是什麼？浏覽器核心是如何處理JS任務響應，和頁面前端資訊是如何展示的？

3.9、Jquery對于JS的封裝的特性有哪些？如何進行選擇器的封裝、事件的進一步封裝、dom對象查找和操作封裝、AJAX的封裝、jQuery對象和DOM對象是如何轉化的？有哪些動畫的函數，以及特點？

3.10、jQuery插件庫生态如何？有哪些常用的JQ的插件？

當然還有其他的問題，就不一一贅述了。

跟随上面的問題，重新通過網際網路資訊的搜尋，以及個人曆史經驗的重新整理，做了腦圖的整理:

把企業應用開發的WEB前端基礎(HTML+CSS+JAVASCRIPT+JQUERY+BOOTSTRAP)進行腦圖整理，對于整個知識體系有了一個重新的認知)

4、後記：

企業應用開發的WEB前端基礎(HTML+CSS+JAVASCRIPT+JQUERY+BOOTSTRAP)，初步的知識體系梳理肯定是不夠，還需要在後續的工作中不斷的聯系和實踐提升，同時對于自己的知識體系中，對于H5、CSS3、小程式、react、vue.js、AngularJS、node.js等還要進行進一步的提升，擴充自己前端的知識體系。

後續的實踐任務和學習任務仍需要進一步努力。

企業應用開發的WEB前端基礎(HTML+CSS+JAVASCRIPT+JQUERY+BOOTSTRAP)進行腦圖整理：圖檔資訊量較大，僅供參考

01_HTML标簽