技术沉淀转型学习笔记总结(二)：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标签

 

02_CSS样式总结

03_JavaScript 脚本语言

04_JQuery是JS函数工具库

05_BootStrap移动优先前端组件库