1.前端的概念
1.1 前端的定义
对于网站来说,通常是指网站的前台部分,包括网站的表现层和结构层(通俗点就是用户可以看到的部分)。总结一下,浏览器、APP、应用程序的界面展现和用户交互就是前端
1.2 前端的作用
前端工程师通过前端技术完成界面设计,界面制作,用户交互,网站维护、网站优化等等。
通俗点讲,可以设计、制作网页,给网页加上各种各样的特效和功能。
2. 前端的分类
2.1 前端设计和前端架构
2.1.1 HTML结构语言:超文本标记语言
通过各种标记符号(标签)来代表网页中的内容元素、将网页中的内容结构化。
特点:通过浏览器来解析、文件名为html或htm
2.1.2 CSS样式语言(样式表):实现表现与结构分离的样式设计语言
控制网页的视觉表现及简单交互。通过浏览器来解析,文件名为css
2.1.3 JavaScript 被设计用来向 HTML 页面添加交互行为
JavaScript 是一种脚本语言,由数行可执行计算机代码组成,通常被直接嵌入 HTML 页面
2.2 前端开发分类
web前端开发
web前端开发包括pc端开发、移动端开发(微信公众号开发、混合H5开发、小程序开发、小游戏开发)
客户端开发
客户端开发也叫app开发。
客户端开发指移动端开发,包括Android开发和ios开发。
// 请求
import axios from 'axios'
// create an axios instance 创建axios实例
const instance = axios.create({
baseURL: 'http://192.168.3.6:8082', // api 的 base_url
withCredentials: false//跨域时使用凭证,默认带上cookies
// timeout: 2000, // request timeout 设置请求超时时间
})
// 添加请求拦截器,在请求头中加token
instance.interceptors.request.use(
config => {
//判断token是否存在
if (localStorage.getItem('token')) {
// 在请求头中添加token
config.headers.token = localStorage.getItem('token');
}
return config;
},
error => {
return Promise.reject(error);
});
export default instance