传统的前端：切图-标签和样式-实现效果
H5时代的前端：
一、需要各端的兼容开发
二、可以用于APP开发和移动站点的开发
三、Ajax+服务器端技术开发
四、高级设计模式和框架（MVC）
五、自动化工作流（Grunt）
Grunt：是一套前端自动化工具， 一般用于：压缩文件， 合并文件，简单语法检查
六、网站安全、SEO（搜索引擎优化）、测试、源代码管理、团队合作
七、HTML5游戏
操作系统的设置： 系统调整为最佳性能
文件夹的显示设置
任务栏的设置
操作系统快捷键：win键和各种键的组合使用可以
使我们在使用电脑的时候带来许多的方便
常用的编辑快捷键：Alt和Ctrl键和许多键的组合
让我们在编辑中的效率大大的提高
三、前端常用三个编译器
Sublime
下载地址：
安装插件：使用Ctrl+shift+p打开命令面板
输入install然后回车
根据自己的需要安装相应的插件
常用的快捷键：输入html：5 然后按Tab键，便把自动生成htm标签
Ctrl+/：注释
Ctrl+shift+v：粘贴并保持缩进
Ctrl+shift+d：复制当前行
Ctrl+shift+↑：向上移动，↓同样道理
Ctrl+f/h：查找/查找和替换
shift+鼠标右键：选中多行同时编辑
Atom
下载地址：
软件的使用和插件的安装：单击file（文件）然后单击settings（设置）里面的
install里面安装所需的插件，可以在thems里面设置
主题。在settings里面设置一些页面的设置，在
keybindings 里面设置编辑快捷键，不建议修改
Webstorm
在网上找了半天都找到官网的下载地址T_T丶
其余使用和sublime、Atom一样，所以没有太多的介绍
区别：
Sublime：需要第三方的包
Atom：集成度很好
Webstorm ：大项目建议使用Webstorm
四 、浏览器和网页的运行原理
浏览器：
帮助用户浏览网页的软件，主流的几大浏览器和他们的内核
IE（IE浏览器）：trident
Safari（ios浏览器）：webkit
Firefox（火狐浏览器）：gecko
chrome（谷歌浏览器）Opera（欧朋浏览器）：blik
网页运行原理：
用户请求→浏览器封装HTTP请求→DNS解析→发送请求Request→服务器接受请求→处理请求→返回响应报文→渲染页面呈现
五、关于网页的一些知识
Internet： 因特网互联网可以实现全球信息互联的网络
www：万维网(world wide web)，他是提供网站相关服务，人们可以万维网服务进行网上聊天，网上冲浪，购物，搜索资料，查看天气，查看新闻，交友聊天
W3C：万维网联盟，是web技术领域最具有权威和影响力的国际中立性技术标准机构
Web：Web（互联网总称）泛指网络、互联网技术领域。表现为三种形式：超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）
DNS：（Domain Name System，域名系统），域名和IP地址相互映射的一个分布式数据库，使得用户可以使用简单易记的域名去访问网站
Http：超文本传输协议（HyperText Transfer Protocol，HTTP）是www浏览器（客户机）和服务器之间的应用层通讯协议。Http是用于分布式协作超媒体信息系统的快速实用协议，是通用的、无状态的、面向对象的协议，WWW是以超文本（HyperText）为基础的。超文本是一种开放的阅读信息方式，可以根据阅读者的喜好有选择的阅读信息。只要单机了某一个超连接。HTTP便开始工作。WWW客户机通过HTTP与WWW服务器建立连接。新建连接后，客户机发出服务或者需求信息的请求（还包括一些地址信息和补充信息）传递给服务器。服务器处理请求，返回岁请求的的信息或者返回一个响应指出不能答复或者请求，其中包括影响客户的要求、提供信息和服务，以及一些记录状态的信息www上的客户端接受服务器返回的应答信息并通过浏览器显示在显示屏上，然后客户端和服务器自动关闭连接。如果在上述过程中某一步出现错误，则产生错误信息返回到客户端由显示屏输出。但对于用户来说，这些过程是由HTTP自己完成的，用户要做的只有用鼠标单击，然后等待信息输出到用户的显示屏上。HTTP协议是基于TCP/IP的协议，它不仅需要保证正确的传送超文本文档，还必须能够确定传送文档中的哪一部分以及那部分内容首先显示等。其他WWW服务（如FTP、Telnet和Gopher）同样必须利用HTTP。