很高兴能回答您这个问题，以下偶为大家分享，偶个人对这个问题的看法与想法，希望偶的分享能给大家带来帮助，也希望大家能够喜欢偶的分享。
作为一个从业16周年的IT老兵，见证了互联网Web应用一步步发展至今。从最简单的静态Html网页，到动态数据库驱动的网页，再到现在百花齐放的前后台Web应用框架，Web技术栈变得越来越丰富，丰富到刚入行的朋友都无从下手。但是万变不离其踪，偶建议想入门前端的Web开发者从基本的Web原理开始，掌握Html，熟悉CSS+Div布局，熟练使用javascript、DOM操作，进阶学习JQuery，最后再了解下Bootstrap布局框架和流行的前端框架（比如Vue或者React等），基本就算是入门了。当然这些东西都得循序渐进，绝不是一日之功。
Web交互原理了解Web的原理称不上一种技能，但是作为Web应用开发者，如果连这点都不知道就有点说不过去了。而且理解这个原理，就会清晰的理解前后台如何交互。
Web交互的原理其实并不复杂，大家请求一个网页，其实就是通过输入网址，浏览器向网站服务器发起HTTP请求，网站响应请求，同样也通过HTTP方式回复浏览器Html网页或者应用数据。其中Web服务器关于动态数据处理的部分就是后端，而作为浏览器展示和交互的部分就是前端了。
经典前端入门组合HTML+CSS+DIV严格的来说，上述的技术栈首先是Html语言，它是一种用于创建网页的标准标记语言。原则上，只需要使用Html语言，就可以做网页而不依赖与其他技术，不过现在没有人这么使用。
然后再来看看DIV+CSS，DIV+CSS是网站的基本布局技术，其实比较早的网站是使用表格（table）来布局的，在后来的XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位和风格展示。作为前端开发人员，需要网页展示出各种效果，DIV+CSS技术是必不可少的。
javascript、DOM、jQuery这三种技术其实起到的作用是相同的，都是为了动态操作Html元素以实现各种效果。它们三者是顺序发展的产物。
JS(javascript)，是一种可以插入到html中的轻量级编程脚本语言。在一个html中将js代码放在script标签中即可使用。js在html中主要的作用就是用来给网页增加动态功能的，放置功能函数。
DOM定义了所有 HTML 元素的对象和属性，以及访问它们的方法。可以把其看作为一个API，利用里面的方法可以对html元素进行访问、删除、修改、增加以及添加事件。
jQuery是一种js框架，也可以是一个js的函数库，并含有许多插件(不是一门语言)。jQuery的优点是比较简单，用起来很方便，对于DOM操作不需要写那么复杂的函数名称和方法。
前端框架三驾马车前端技术发展比较迅速，尤其是这几年，各种新框架层出不穷。用框架的好处就是很多东西框架已经帮你考虑好，只要按照框架个格式操作就可以，缺点就是你得学习去理解，但个人觉得这个学习是值得的，有轮子干嘛不用呢。现在前端框架主流的大概就三种，Angular、React、Vue，三者的设计模式其实差不多，都是基于MVVM的。个人感觉Vue相对要简单些，而且目前势头比较好，文档比较齐全（中文的噢），更新什么都比较快，顺便提下它还是中国人（大神尤雨溪 ）写的。建议学习前端框架首选Vue。
以上介绍的仅仅是Web前端技术的一个基本脉络，还有很多旁支末节的前端技术，都提出来又会搞得新手无所适从，建议大家可以从主线出发，等到梳理清楚后再顺藤摸瓜，那也就不会再有疑惑了。
在以上的分享关于这个问题的解答都是个人的意见与建议，偶希望偶分享的这个问题的解答能够帮助到大家。
在这里同时也希望大家能够喜欢偶的分享，大家如果有更好的关于这个问题的解答，还望分享评论出来共同讨论这话题。
偶最后在这里，祝大家每天开开心心工作快快乐乐生活，健康生活每一天，家和万事兴，年年发大财，生意兴隆，谢谢！
ie8 css透明，css注入工具，css鼠标停留样式，css3清浮动，css文字n行省略，css文字与图片左右间距，css3 弹跳变形