15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 【Web前端】基础三剑客是什么?怎么学?详细知识分享!!

【Web前端】基础三剑客是什么?怎么学?详细知识分享!!

时间:2023-10-01 22:42:02 | 来源:网站运营

时间:2023-10-01 22:42:02 来源:网站运营

【Web前端】基础三剑客是什么?怎么学?详细知识分享!!:Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML、CSS、JavaScript。除此之外还要学习数据可视化、Vue、React、Angular相关框架,熟练运用框架提升开发效率,提升稳定性。

HTML、CSS、JS三大部分都起什么作用?

HTML内容层,它的作用是表示一个HTML标签在页面里是个什么角色;CSS样式层,它的作用是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示;JS行为层,它的作用是当用户触发某些行为时,会给内容和样式带来什么样的改变。

HTML5+CSS3学什么?

主要是学习一些页面样式布局的内容,分为PC端网页布局和WebAPP网页布局两个方向,其中包括常见块级标签及特点、常见内联块及特点、表格常用属性、表单域常用属性、表单元素常用属性、CSS基础语法、选择器、文字样式、盒模型、CSS背景技巧、浏览器兼容、CSS hack、CSS高级技巧、BFC规范、网页开发规划及流程、CSS3编码规划、2D与3D变换、animation 动画、预处理器Less、Flex布局等内容。

JS学什么?

编写一个静态页面,实现动态效果的话就要用到JavaScript技术,JavaScript可以为网页添加各式各样的动态功能,为用户带来更流畅美观的浏览效果。

主要学习JavaScript核心语法、用户与界面交互、函数表达式、原生函数封装、JavaScript内置对象、数组与排序算法、Math与随机算法、DOM树、JavaScript特效、浏览器兼容处理、Cookie原理解析及应用、正则表达式及表单验证、构造函数、Ajax原理分析及实现、同步异步区别及实现、Ajax前后台数据交互、jQuery简介、jQuery选择器、jQuery CSS操作、jQuery html文档处理、jQuery事件、jQuery动画、jQuery插件操作、jQuery扩展、递归算法、Jquery Ajax等。

Html+CSS的内容用以实现页面效果,是前端最基础的知识,Html+CSS这部分的内容,学习了JavaScript知识点后还不能让你胜任JavaScript编程工作,所以在有了相关的基础之后还需要进一步学习才能做好前端开发。

由于篇幅限制,展示了部分内容截图,需要完整文档资料的,可以点击下方卡片免费获取↓↓↓

前端学习建议

第一:基础要硬

首先,学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

第二:框架要熟

1.框架搭建

基础差不多,那你应该也会写一些静态的页面了,包括一些样式,js的引入等等。那之后,我是直接学习了框架,框架的学习其实也是一步一步来,首先,可以看一些视频(效率低),或者博客等等,上手搭建一个开发react/vue等框架,其实这些框架都有脚手架,如果刚开始,可以使用脚手架来搭建,之后有时间可以自己尝试着搭建。

2.框架入门

环境没什么问题后,就可以尝试写一个简单的todomvc,包括一些增删查显示等基本的功能,可以结合一些ui组件,效率更高,如果是react,也要了解生命周期的使用,钩子的使用,再到redux状态传输,再到接口的调用等等。

3.熟练使用

可以简单做一个项目,更加熟练的掌握,同时,这个阶段有精力,也要去看一下源码,例如,常见的虚拟dom的原理,相信前端的小伙伴都知道些。

[面试题系列]

由于篇幅限制,展示了部分内容截图,需要完整文档资料的,可以点击下方卡片免费获取↓↓↓

第三:基本技能具备后

当你差不多都了解后,其实,就要开始学习部署,前端怎么优化,打包,部署,上线的,同时,要了解webpack的打包原理。

总之,是一个从无到有的过程,从搭建到部署,中间的学习的东西很多,我暂时也就了解这么多,前端小伙伴可以参考,找到适合自己的学习方式。



关键词:详细,知识,基础

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭