之前和一个朋友聊天。她告诉我，他们公司的两个实习生是同级别招的，但是一个月就变了很多。其中一名实习生进步很快，对方进步缓慢，工作状态一天比一天差。后来，她分析说，主要差距在于兴趣。如果你有兴趣学习和工作，你会很开心，当然你也会进步很快。大家学习前端也是如此。了解这个领域，培养学习兴趣尤为重要，这意味着你在前端能走多远。路要一步步走，饭要一口一口吃。接下来小编就为大家梳理一下前端的学习路线。初级阶段1.Photoshop初学者图像处理基础知识，图像处理基础知识，分辨率，图像色彩模式，常用图像文件格式。2.互联网基本原理互联网基本原理，服务器、浏览器、HTTP请求的概念。3、HTML编程工具介绍，HTML介绍。HTML语义标签，p标签和h系列标签。4.CSS基础与进阶技巧CSS介绍、选择器。文字属性，颜色属性。5、静态网站制作项目的搜索引擎优化概念，页面SEO常用技巧，学习制作有风格的页面。iconfont字体图标。一些常用的CSS高级技术，如负边距、压线技术、推拉门、栏目自立技术。学习比较复杂的布局网站，banner条幅和大背景等流行的网站制作方式。中级6.JavaScript基本语句、执行顺序、词法结构、标识符、关键字、变量、常量、alert语句和控制台。值和变量、数字、文本、布尔值、null和undefined。表达式和运算符，运算符概述。7.JavaScriptDOM编程事件和事件处理概述、事件和事件名称、常见事件、事件处理器调用、DOM事件模型、事件流、事件对象、注册和移除事件。文档对象的公共属性、方法和事件以及输出数据。8、jQuery页面效果jQuery对象和DOM对象、jQ选择器、CSS操作、设置和获取HTML、文本和值。9.JavaScript高级命名空间、对象扩展、数组化、主流框架引入的机制-domReady、无冲突处理。语言模块、字符串扩展与修复、数组扩展与修复、值扩展与修复、函数扩展与修复、日期扩展与修复、浏览器嗅探与特征检测、浏览器判断、事件支持检测、样式支持检测。类工厂，JavaScript对类的支持，各种类工厂的实现。10、HTML5与CSS3概述HTML5、HTML5新特性、HTML5组织、HTML5构成、HTML5页面特性、HTML基础、HTML5全局属性、其他HTML5功能、HTML5元素分类。实战HTML5表单，新增input输入法。11.移动网络和响应式页面视口、缩放、分辨率、原始分辨率、设备像素比、dppx和dpi、元视口。百分比布局，流式布局，CSS3新流盒模型。12.JavaScript面向对象的对象创建、属性的查询和设置、属性的删除、属性的检测、属性的枚举、属性的getter和setter、属性的属性、对象的三属性、序列化对象、对象方法。类和模块、类和原型、类和构造函数、类扩展、类和类型、子类。原型、实例化与原型、对象实例化、通过构造函数判断对象、继承与原型链、构造函数与原型对象、构造函数、原型对象、[[Prototype]]属性、在构造函数中使用原型对象、改变Prototype对象、构建的原型对象-在对象中。13、服务器知识与PHP入门-后台语言和前端语言的区别。熟悉PHP，PHP语言的优势，PHP5的新特性，PHP的发展趋势，PHP的应用领域。14.AjaxAjax概述及Ajax初体验，Ajax技术介绍，XMLHttpRequest对象详解，数据的动态加载与显示，XMLHttpRequest对象概述，方法，属性，发送请求，GET和POST请求，操作周期，使用JSON响应，Ajax实用程序包封装。15.Canvas和手游Canvas绘图，基础知识，了解canvas坐标系，获取canvas环境上下文，了解路径，路径操作API，画线，画矩形，画圆弧，画贝塞尔曲线，线条属性，线条颜色，填充，绘图状态。后期会涉及高级阶段。前端的学习过程是一个从“难”到“简单”，再从“简单”到“难”的过程。上半场是入门的过程，下半场是成为高手的过程。简而言之，前端学习只有八个字：明确方向，以兴趣为导向。最后，前端学习是一条漫漫长路。我们要学习的不仅仅是表面的技术，还要深入底层去理解下面的原理。只有这样，才能提高我们的竞争力。在当今激烈的竞争中立足于世界。千里之行，始于足下。愿你我互相鼓励。金三银四马上就要来了，这里给大家一个小红包，以下是我业余整理的一些面试题，包括HTML、CSS、JavaScript、服务器和网络、Vue、浏览器、react等.,共657页PDF。HTML图片中的title和alt有什么区别？Html5有哪些新特性，去掉了哪些元素？浏览器如何管理和加载Html5的离线存储资源？什么是内联元素？什么是块级元素？什么是空（void）元素？在label上设置canvas的宽高和设置style的宽高有什么区别？浏览器如何管理和加载HTML5离线存储资源？CSSChapterCSS中link和@import的区别：positionabsolute和fixed共同点和区别：BFC清除浮动的几种方式有什么用css3新伪类-伪元素IE盒模型，W3C盒模型显示：inline-block什么时候不显示间隙？内联元素在float:left之后会变成块级元素吗？JavaScript章节中js的各种位置，如clientHeight、scrollHeight、offsetHeight，以及scrollTop、offsetTop、clientTop的区别？js拖拽功能的实现js的异步加载js防抖的方法无法绕过的闭包说说你对scopechainJavaScriptprototype、prototypechain的理解？有什么特点？请解释一下什么是事件委托/eventdelegationJavascript如何实现继承？Vuevue中键值的作用为什么Vue组件中的数据一定要是函数呢？vuex的State特性是什么？介绍一下Vue的响应式系统computed和watch的区别。介绍一下Vue的生命周期。为什么组件的数据必须是函数？数据流是什么样的？如何管理使用相同状态的多个组件？React-Redux与React组件的连接。什么是Redux中间件？它接受几个参数。redux请求中间件是如何处理并发的？React-Router的动态加载模块如何配置？修改为什么要用virtualdom？浏览器跨表通信浏览器架构浏览器下事件循环（EventLoop）从输入url到显示过程重绘和回流存储WebWorkerV8垃圾回收机制内存泄漏回流（reflow）和重绘（repaint）优化如何减少重绘和回流？一个页面从输入URL到页面加载显示的过程中发生了什么？升ocalStorage与sessionStorage与cookie的区别总结更多面试题及答案可以【点我】免费阅读下载~
