A. web前端开发学习路线
第一阶段：
HTMLCSS:
HTML进阶、CSS进阶、divcss布局、HTMLcss整站开发、
JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效：
常见特效、例如：tab、导航、整页滚竖斗动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
JQuery：基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、陪纤陪变形、JQueryUI组件基本使用。
第二阶段：
HTML5和移动Web开发
HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas.
CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发：
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段：
HTTP服务和AJAX编程
WEB服务器基础：
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础：
PHP基础语法、使用PHP处理简单的GET或者POST请求、
AJAX上篇：
Ajax简介和异步的概念、Ajax框架的封装、对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇：
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段：
面向对象进阶
面向对象终极篇：
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征：
继承性、多态性、封装性、接口。
设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式芦蠢、装饰者模式、适配器模式、面向切面编程。
第五阶段：
封装一个属于自己的框架
框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充：
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段：
模块化组件开发
面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程：
AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段：
主流的流行框架
Web开发工作流：
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架：
Angular.js、Backbone.js、Knockout/Ember。
常用库：
React.js、Vue.js、Zepto.js。
第八阶段：
HTML5原生移动应用开发
Cordova：
WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
Ionic：
Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
ReactNative：
ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5：
HTML5中国产业联盟、环境、HBuilder开发工具、MUI框架、H5开发和部署。
第九阶段：
Node.js全栈开发：
快速入门：
Node.js发展、生态圈、Io.js、Linux/Windows/OSX环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端。
Web开发基础：
HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
快速开发框架：
Express简介MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
希望对您有所帮助！~
B. 怎么在移动端调试web前端
真机调试，假如是iOS的，在设置选项里可以勾选开发者工具，方便调试。
还可以通过chrome、火狐的模拟，以及下一个安卓、苹果模拟器。
还可以搭建weinre，（具体教程请自行网络。
C. WEB前端学习路线图
您好，web前端的学习路线包括以下8个阶段：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程、JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
希望可以对你有帮助！
D. Web前端开发所需要的知识技能及学习路径
Web前端开发所需要的知识技能及学习路径。1.HTML5CSS3JavaScript。
Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。HTML5新增的技术大部分需要结合JS学习。
每个人学习进度可能不同，这个阶段主要是多纳烂仿站，熟悉基础，试试用CSS写响应式页面，了解JS深入性的知识，比如原型链、闭包、设计模式等需要更多的积累，逐渐理解并实践掌握。
2.JQueryBootStrapAjaxJson。
jQuery是JS的一个应用库，能够提升原生JS开发效率。Bootstrap则是响应式框架，更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互，不刷新页面就能更新数据，比如地图应用等。Json是一种数据格式，被广泛应用在各大编程语言中。
jQuery和bootstrap会简化很多编写的代码量，用着不亦乐乎，但对于基础还不是很扎实的人建议还是少用。Ajax和json通常用于和后端交互，在实际业务中也经常用到。
3.Git/SVN。
版本管理工具，主要用于团队开发时避免文件冲突，也可回档。前端推荐学习Git。
4.NodejsMysql/MongoDB(可选)。
运行在服务器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各个网站去下载资源包。数据库的学习可以选择MongoDB或者MySQL，前者与Nodejs的契合度更好，不过现在大多数网站都是PHPMysql的组合，如果有学PHP的打算的话，可以先学习Mysql。
5.ECMAScript6。
JavaScript的语言标准。ES6中加入了很多新的概念，也弥补了之前版本中JS的很多缺陷，越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了，目前实际项目中考虑到兼容性，ES6是需要通过Babel将其编译为ES5来部署的。
6.Angular/React/Vue。
前端三大框架，各自也有着各自的生态系统，根据需求自行选择学习。目前企业需求量最大的仍然是Angular，但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进，工具和框架的更新比翻书还快，建议学习还是看文档比较好。学习过程中也会遇到很多用到各种构建工具的时候。
7.其他常用工具。
这个一样是根据需求自行选择学习。比较常用的现在有Webpack，可以将多个不同编程风格的文件打包，比如ES6/AMD/CMD之类的模块化都能识别并编译成浏览器能运行的文件。Sass/Less，CSS预编译框架，可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具，可以自动化对代码进行压缩合并等工作。
8.其他后端编程语言。
目前市场对前端基本都要求会一门后端语言，PHP/JAVA/Nodejs/Python等。
学习编程重要的还是实践，多敲代码，多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也可以自己搭建一个技术博客，往github上传几个开源项目，这些都是不错的加分点。
第六学习web前端，你不能不知道的技巧。1、不要让对未来的忧虑干扰你现在的学习，有些JavaScript初学者会问刚开始要学习哪种框架，但是如果你还没能熟练使用原生JavaScript，你就不应该问这种问题。因为你会花很多时间研究各种框架而得不到进步。走出这个指尘陷阱的一个方法是制定一个学习路径图。
2、不要让自信骗你进入持续遗忘的陷阱，快速理解一个概念会是JavaScript进步的最大阻碍，下面我将解释。当你遇到一个知识点，而你好像理解了，你很可能抑制不住内心跳到下一个知识点的冲动。但是，很快你会到达一个节点，在这个节点你发现自己已经忘了前面所学，于是你需要回过头复习，你快速瞟了一下之前所学然后又继续学习新的知识。但是现在，你忘记了其他东西。你一直重复这种继续-回顾-继续-回顾模式直到你发现自己完全迷失。你开始沮丧，想要休息，然后当你开始重振旗鼓，却发现自己已经忘掉所有。
幸运的是，我们有两个应对上述问题的方法：
1、一次只学一样东西
2、做练习-实际上是敲代码
当你学习一个新的概念，你要将它实践洞逗漏出来，练习它，与它和善相处，甚至能够将它与其他概念联系到一起。当你学习一个示例，最重要的是你要自己将代码敲出来，这样能帮助你吸收它。另外，一次只学一个东西能够帮助你巩固所学，因为记忆更少的东西更容易。
这个过程看起来貌似比阅读然后快速跳到下一个知识点要花费更长的时间，但是实际上它所花的时间更少，因为这样你就不需要频繁复习之前所学。我在好几个场合后才艰难的领悟到这个道理。
3、思考的更慢你将学得更快.。这一条听起来违反直觉，所以下面我将用一个故事来解释。我的一个朋友又一次对JavaScript的一个特性感到困惑。我让他将他知道的解释给我听，然后告诉我哪儿让他困惑。当它向我解释代码，我发现他在跳步。“等会儿！”我说道。“慢慢来，然后将这些一步步解释给我听。”我的朋友直接将整个代码的功能总结给我听。我再次让他暂停。“你还是在跳步。再解释一次，这次我需要你一步步将每一行代码发生了什么解释给我听。”这一次，我的朋友能够更好的解释代码是如何运行的。关键在于他花时间去理解每一行代码而不是试图一下理解所有。
在这样这种案例中，思考的更慢实际上让你学得更快。大家都知道学习不能急于求成，学会坚持就已经超过85%的人了。
E. web前端学习路径分享，一起来看看！
1.WEB前端快速入门
在本阶段，我们需要掌握 HTML 与 CSS 基础，当然，也包含 H5 和 C3 的新特性。这个部分内容非常简单，而且非常容易掌握。相信你也更愿意学习这个部分，毕竟他可以让你最直观的感受到前端的魅力。为了锻炼大家写代码，可以根据你喜欢的站点去实现效果。这一阶段是非常重要的基础阶段，所谓基础就是可能这个阶段我们的学习的内容，可以让我们开发出来绚丽网站站点，但是功能丰富却暂时做不到。
为了完成更绚丽的站点，我们需要掌握常见特效的实现，利用 css3 和 h5 的新特性实现动画，布局，雪碧图，滑动门，tab 切换等特效。并且掌握基础的站点优化内容。例如 sprite 等。虽然我们还不能完成更多交互内容，但是我们会学习到很多的知识模型和理论，而这些知识模型和理论是我们后期工作和学习的基石。扎实的基础有了，我们才能走的更稳更快。
2.JavaScript 基础与深入解析
JavaScript 语言非常重要，可以说学习前端本质就是学习“JavaScript”编程。后面学全部都是基于JavaScript 的。JavaScript 语言可以让网页元素具备动态效果，让体验度更加流畅。在本阶段中，我们主要学习基础 JavaScript 语法与深入解析 JavaScript，包含 DOM 操作同时也涵盖了面向对象和设计模式，课程也涵盖了兼容性处理和数据解析。希望大家在本阶段可以熟练掌握这些知识点。
3.jQuery 应用与项目开发
jQuery 是一个快速、简洁的 JavaScript 框架，jQuery 设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装 JavaScript常用的功能代码，提供一种简便的 JavaScript 设式，优化 HTML 文档操作、事件处理、动画设计和 Ajax交互。在本阶段，我们注重讲解如何更好的应用 jQuery 以及他的设计方式，同时也包含jQuery 扩展内容。
4.PHP、数据库编程与设计
后端服务器工程师需要了解前端的基本知识，同样，前端工程师也必须了解服务器端编程的基本内容。我们可以不精通，但必须知道整体的流程。作为一名前端开发工程师，会一门后端语言是必然的。希望本阶段的内容能帮助你快速掌握前后端交互数据。通过学习 PHP，前端工程师也能称为“全栈工程师”。既能做前端开发，也能做后端服务器开发。
以上就是青藤小编关于web前端学习路径的相关内容分享，希望对大家有所帮助，想要了解更多相关内容，欢迎大家及时关注哦!
F. 怎么在移动端调试web前端
具体调试步骤如下：,
用 Chrome 模拟 UA、屏幕尺寸 和 触摸特性，完成第一阶段的开发和调试。
但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。
面对这类没有调试工具的浏览器，weinre 也是一个可行的解决方案。
如果只是对JavaScript的异常进行跟踪，自己敲几行代码也可以勉强处理一下。
引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对 JavaScript 代码进行跟踪和定位。
其中大致的实现原理，是通过对 window.onerror 进行一个全局的异常监听，把捕获到的异常发送到指定的接口。
G. Web前端是什么
对于很多刚接触IT的小伙伴们来说，web前端是什么还不太了解，也不知道前端需要学习哪些技术。这篇关于Web前端的介绍能帮助小伙伴们细致了解一下~
那么，Web学习完之后可以做什么呢？
1、网站制作
这个是学习Web技术从事最多的领域，网站制作就是网站通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一些工作的总和。
2、小程序开发
随着微信用户的日益增加、其中各式的小程序也深受用户的喜爱，对于Web前端开发人员来说也是一个不错的选择。
3、APP开发
APP开发通常指手机上的应用软件或手机客户端。近年来发展趋势不断的上升，未来前景广阔，也是Web前端开发人员不错的就业方向。
随着互联网发展越来越多元，Web前端人员的就业路径也越来越多。未来，Web前端人员的需求量也是越来越大。
H. 怎么在移动端调试web前端
移动端的测试特别简单，通过改变视窗大小（也就是缩放你的浏览器）即可测试。
iphone+ safari 可以直接用satari开发工具调试。chrome+android也有类似的工具组合