参考前台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变换、动画、无预解算器等。 JS是学什么的？写一个静态页面达到动态效果需要JavaScript技术。JavaScript可以给网页添加各种动态功能，给客户带来更流畅、更美观的浏览效果。 学习JavaScript核心语法、客户界面交互、函数表达式、原生函数封装、JavaScript内置对象、数组和排序算法、数学和随机算法、dom树、JavaScript特效、浏览器兼容解决方案、Cookie解析和应用、正则表达式和形式验证、构造函数、Ajax原理分析和实现、异步区分和实现、Ajax前端数据交互、jQuery简介、jQuery选择器、jQuery CSS操作、jQuery html文档解析、jQuery事件、jQuery动画、jQuery插件操作、jQuery扩展 jQueryHtml+CSS的内容是前台最基础的知识，用来实现页面效果。Html+CSS的内容并不能让你在学习完JavaScript知识点后就能胜任JavaScript编程，需要进一步学习才能开发前台。 前台的学习建议是第一:基础要硬。首先学习html5，css，javascript的基础知识。学习渠道很多，就不多说了，比如其他几个优秀的博客。 不过我觉得看书还是很有必要的，可以节省很多时间。常见的javascript书籍，比如《javascript高级编程》，是每个前台工程师的必备书籍。边阅读边了解少量的js基础知识，基本上已经很全面了。有时间的话可以看少量的js性能和设计器模式相关的书籍，在实践中会用到。 5 html5 2:框架要熟悉。1.框架的基础也差不多了，所以你也要写少量的静态页面，包括少量的样式，js的介绍等等。 之后直接学习了框架，框架的学习其实是循序渐进的。首先我可以看少量的视频(效率低)，或者博客等。，并构建一个开发react/vue的框架。事实上，所有这些框架都有脚手架。如果开始的话，可以用脚手架搭建，然后有时间可以尝试自己搭建。 Vue技能2。在框架入口环境没有问题后，可以尝试编写一个简单的todomvc，包括少量的添加、删除、检查、显示等基本功能，可以结合少量的ui组件。如果是react，还应该了解生命周期的使用，钩子的使用，redux状态的传递，接口的调用等等。 3.熟练使用可以让一个项目变得简单，更熟练地掌握它。同时，在这个阶段，你还得看一看源代码。比如虚拟dom的常用原理，相信前台的朋友都知道一些。 面试问题系列我目前从事前台开发工作。如果你现在想学习前台开发技术，并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙:前:42137后:4697。 有少部分初学者，转行者，初学者在自学前台。还有少量我整理的前台书籍PDF等。对文章内容感兴趣的可以点击这里获取~第三，你有了基本功之后，就要开始学习如何部署，如何优化，打包，部署，前台上线。同时你要了解webpack的打包原理。 总之是一个从无到有，从搭建到部署的过程，中间要学的东西很多，我暂时了解这么多。前台的朋友可以参考一下，找到自己的学习方法。