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

技术沉淀转型学习笔记总结(二):Java企业开发WEB前端基础知识梳理_第1张图片

 

02_CSS样式总结

03_JavaScript 脚本语言

04_JQuery是JS函数工具库

05_BootStrap移动优先前端组件库

技术沉淀转型学习笔记总结(二):Java企业开发WEB前端基础知识梳理_第2张图片

你可能感兴趣的:(Web前端,Web后端,JAVA企业开发,脑图,结构化思考,系统化思考)