地球炒蛋
全栈 · 3年经验 · 大连赛道科技有限公司
0
累计接单
0
用户评价
0
被收藏
技术能力
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开发。
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
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
立即沟通
