下面给大家讲解一下前端需要掌握哪些技术和学习路线，Web前端基础知识：
一．前端相关概念建立
浏览器的概念介绍： 浏览器的作用、工作方式HTTP协议： 协议产生的原因、作用、及内容
页面加载流程：当用户打开浏览器，输入地址栏并按下回车之后发生的事情
二．html-css-JS基础-jquery
HTML及HTML5：理解浏览器如何解析HTML、基本的语法规则、不同标签的使用方式、嵌套方式CSS：理解层叠式样式表的语法规则、各种盒模型及常用布局
CSS3：伪类、新选择器及高级盒模型
JavaScript：理解JS的作用、运行规则、语法规则、数据类型、判定、循环、对象、数组、函数、日期、正则、异常
jQuery：$函数、选择器、常用方法、链式调用、项目实战
三．JS进阶-面向对象-H5新特性
dom：理解DOM的作用及使用规则JS进阶：快捷属性和尺寸、浏览器检测、事件流程
面向对象：构造函数、原型、继承
H5新特性：多线程、事件推送、前端存储、canvas、历史记录等
四．设计模式-AJAX-NodeJS-数据库
设计模式：单例模式、工厂模式、闭包类、MVC思想、MVVM等AJAX：AJAX优缺点、异步请求、字符串模板、跨域
NodeJS：Node服务器的相关知识、接口、文件操作、Express框架
数据库：数据的概念、分类、使用Node操作数据库、MongoDB数据库
五．工程化-CSS预编译-ES2015-小程序
工程化：Gulp使用、webpack使用CSS预编译：Less使用、Sass使用
ES2016：块级作用域、新的定义变量关键字、新的方法拓展、字符串模板与插值、新的数据结构、新的编程方式、类、继承、模块化
小程序 ：小程序注册、介绍、组件、api、开发跨平台通用程序
前端开发，脱离菜鸟层次的二个关键点
我个人吧，一直认为学习前端技术是比较简单的事情，只要你真的是一步一个脚印的在前进，那你自然会有相应的结果可以收获。这里面包含二个关键点，一，脚踏实地；二，不断努力。
前端开发，如何写出优秀js代码
前端开发如何写出优秀js代码，什么样的javascript代码才是最优秀的的呢？我总结的大概分为三点：性能好，简单优雅，通俗易懂，这篇文章就将围绕这这3点来说明。
解读前端热更新原理
热更新：浏览器的网页通过websocket协议与服务器建立起一个长连接，当服务器的css/js/html进行了修改的时候，服务器会向前端发送一个更新的消息，如果是css或者html发生了改变，网页执行js直接操作dom，局部刷新，如果是js发生了改变，只好刷新整个页面。
你不知道的前端SDK开发技巧
作为一个SDK，我们的目标是让使用者能够减少查看文档的时间，所以我们需要提供一些类型的检查和智能提示，一般我们的做法是提供JsDoc，大部分编辑器可以提供快捷生成JsDoc的方式，另一种做法是使用Flow或者TypeScript
Web前端体系的脉络结构
Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。
关于前端数据&逻辑的思考
这里我是基于典型的MVC模型，那么为了将现有代码重构为理想的模型，我需要做以下几步：拆分组件，逻辑处理，抽象、聚合数据
什么是前端? web1.0、web2.0时代的网页制作,前端开发都有哪些内容等
前端基础-什么是前端:一、 web1.0时代的网页制作,二、 web2.0时代的前端开发,三、 Web前端能做什么？四、 为什么要学习前端开发,五、 前端开发都有哪些内容,六、 开发环境
web前端的一些不为人知的冷知识点_html篇整理
web前端HTML篇冷知识点——这是一篇关于前端的技巧使用，或许你做前端很多年了，但是下面的这些你可能闻所未闻。现在这里给大家整理出来，分享给前端的小伙伴们。
web前端的一些不为人知的冷知识点_CSS篇整理
CSS篇整理：关于CSS的恶作剧、简单的文字模糊效果、垂直居中、多重边框、实时编辑CSS、创建长宽比固定的元素、CSS中也可以做简单运算
web前端的一些不为人知的冷知识点_Js篇整理
Js篇整理：生成随机字符串、整数的操作、重写原生浏览器方法以实现新功能、关于console的恶作剧、万物皆对象、If语句的变形、禁止别人以iframe加载你的页面、console.table
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!