ToB企服应用市场:ToB评测及商务社交产业平台

标题: 2024年vue的学习之路（Axios 根本使用），移动前端开发前景 [打印本页]

---

作者: 星球的眼睛    时间: 前天 23:34
标题: 2024年vue的学习之路（Axios 根本使用），移动前端开发前景
总结

为了资助大家更好温习重点知识、更高效的预备面试，特别整理了《前端工程师面试手册》电子稿文件。
内容包罗html，css，JavaScript，ES6，盘算机网络，欣赏器，工程化，模块化，Node.js，框架，数据布局，性能优化，项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的标题，涵盖了初中级前端技术点。

前端面试题汇总

开源分享：【大厂前端面试题剖析+核心总结学习条记+真实项目实战+最新讲解视频】
JavaScript

性能

linux

在页面中发送异步请求，并获取数据在页面渲染
3、本质

实现页面局部更新 ajax
4、在vue中官方建议用axios发送ajax

5、axios的特性

• 从欣赏器中创建XMLHTTPRequests
  
• 从node.js创建http请求
  
• 支持Promise API
  
• 拦截请求数据 和响应
  
• 转换请求数据和响应数据
  
• 取消请求
  
• 自动转换JSON数据
  
• 客户端支持防御XSRF
  

二、axios使用方式
==============================================================================
1、从axios官网下载axios

中文网站:https://www.kancloud.cn/yunye/axios/234845
安装: https://unpkg.com/axios/dist/axios.min.js
2、将文件放入项目标webapp中

<script src="js/axios.min.js"></script>
3、在页面中引用

4、发送异步请求

• url?xxx
  
• rest请求【GET,POST,DELETE,PATCH】
  

5、预备一个SpringBoot的控制层与axios举行交互

• 实体类
  

public class User {
private Integer id;
private String username;

• 控制层
  

/**

• @author 王恒杰
  
• @date 2021/12/16 16:25
  
• @Description:
  

*/
@Controller
@CrossOrigin //设置当前控制器支持全部域访问 解决跨域问题
public class UserAction {
@RequestMapping(“test1”)
@ResponseBody
public String test1(Integer id,String username){
System.out.println(“test1”);
System.out.println(“id:”+id);
System.out.println(“username:”+username);
return “test1 response”+id+username;
}
}
6、 GET方式的请求

axios.get(“http://localhost:8080/aa/test1?id=1&username=whj”)
.then(function (response) {
console.log(response.data)
})
.catch(function (err) {
console.log(err)
})
7、POST方式请求

• 前台传的数据是json
  

//发送POST方式请求
axios.post(“http://localhost:8080/aa/test2”,{
id:2,
username:“王恒杰”
}).then(function (response) {
console.log(response.data);
}).catch(function (err) {
console.log(err)
})

• **留意： post吸收数据时，需要在参数上添加 ** requestBody
  

8. axios并发请求

   并发请求: 将多个请求在同一时刻发送到后端服务接口,末了在集中处理每个请求的响应效果
  function getUserAccount() {
return axios.get(‘/user/12345’);
}
function getUserPermissions() {
return axios.get(‘/user/12345/permissions’);
}
axios.all([getUserAccount(), getUserPermissions()])
.then(axios.spread(function (acct, perms) {
// 两个请求如今都实行完成
}));
9.自定义设置对象发送请求

//自定义设置对象发送请求(创建实例 发送异步请求) 【企业开发必背】
var instaus = axios.create({
baseURL:“http://localhost:8080/aa/”,
// timeout: 5000 //设置响应超时时间 假如高出了5000秒报非常
这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、欣赏器面试题、数据布局与算法。全部整理在下方文档中，共计111道
HTML

• HTML5有哪些新特性？
  
• Doctype作⽤? 严格模式与稠浊模式如何区分？它们有何意义?
  
• 如何实现欣赏器内多个标签页之间的通讯？
  
• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？
  
• 简述⼀下src与href的区别？
  
• cookies,sessionStorage,localStorage 的区别？
  
• HTML5 的离线储存的使用和原理？
  
• 怎样处理 移动端 1px 被 渲染成 2px 问题？
  
• iframe 的优缺点？
  
• Canvas 和 SVG 图形的区别是什么？
  

JavaScript

开源分享：【大厂前端面试题剖析+核心总结学习条记+真实项目实战+最新讲解视频】

• 问：0.1 + 0.2 === 0.3 嘛？为什么？
  
• JS 数据类型
  
• 写代码：实现函数可以大概深度克隆根本类型
  
• 变乱流
  
• 变乱是如何实现的？
  
• new 一个函数发生了什么
  
• 什么是作用域？
  
• JS 隐式转换，显示转换
  
• 了解 this 嘛，bind，call，apply 具体指什么
  
• 手写 bind、apply、call
  
• setTimeout(fn, 0)多久才实行，Event Loop
  
• 手写题：Promise 原理
  
• 说一下原型链和原型链的继承吧
  
• 数组可以大概调用的函数有那些？
  
• PWA使用过吗？serviceWorker的使用原理是啥？
  
• ES6 之前使用 prototype 实现继承
  
• 箭头函数和平凡函数有啥区别？箭头函数能当构造函数吗？
  
• 变乱循环机制 （Event Loop）
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4