前端介绍

 

一、Web前端开发

1. Web：即web系统，指以网站形式呈现出来，用户通过浏览器访问（电商网站、综合门户网站、管理系统等）
2. 前端：即网页上为用户呈现的部分，用户可以接触到

•   后端：与数据库交互的部分，完成数据存取（后端查找数据，返回给前端）

•   网站架构 → 网页美工 → 前端开发

•   开发：编写代码

 

二、前端视觉和交互领域

1. 前端技术支持范围：

网页、网站、移动端H5小游戏、特效、大数据可视化、VR虚拟现实等

     2. 前端工程师工作领域：

金融理财、居家生活、聊天社交、旅行交通、摄影摄像、体育运动、图书阅读、新闻资讯、学习教育、医疗健康、娱乐消遣、购物消费、机关政府、银行学习

     3. 前端工程师工作范围：

产品前期开发，后期发展维护、更新、升级

 

三、前端工程使用工具

• HTML：定义网页的内容
• CSS：规定网页的布局
• JavaScript（简称“JS”）：对网页行为进行编程

2. 需要了解学习的内容：

jQuery、网络、CSS3、H5、es6、webpack4.0、git、小程序、升级模式、VUE、VUEX、VUE源码、React、Node.js、MongoDB数据库等。

3. 使用的编辑器：

1. Sublime Text（初学使用：轻量、快捷、简单、易上手）
2. Visual Studio Code（支持系统多、开发效率块、打开速度慢）

• 关于Visual Studio Code：
• 支持系统：Windows，OS X和LINUX系统；内置JavaScript，TypeScript和Node.js
• 开发效率：丰富的插件生态系统提高开发效率，快捷键非常多
• 打开速度：打开速度没有Sublime快，一般适用于较大项目

 

四、HTML基础标签

 

1. hypertext markup language —— 超文本编辑语言
2. html：有一对对的标签组成，每对标签都有特殊的功能
3. ：根标签，一个HTML文件，只能有一对标签

 

• 根标签中必须要有的两个标签：和
• 标签：为浏览器编辑，设计浏览器特性，用户看不到，思想类
• 标签：展现给浏览者（用户）看的，用户看得到的，皮肤类