Vue 之 qs,面试心得体会

62 阅读2分钟

结束

一次完整的面试流程就是这样啦,小编综合了腾讯的面试题做了一份前端面试题PDF文档,里面有面试题的详细解析,分享给小伙伴们,有没有需要的小伙伴们都去领取!

开源分享:docs.qq.com/doc/DSmRnRG…




如上面代码所示,输出结果如下:



![在这里插入图片描述](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/b853f7b4e12c42659d12a952e67082ad~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1771929939&x-signature=6l68TAs2qRhgHyQF55ueSOS%2BoFg%3D)  

2\. qs.stringify()将对象 序列化成URL的形式,以&进行拼接



const Qs = require('qs');

let obj= {

 method: "query_sql_dataset_data",

 projectId: "85",

 appToken: "7d22e38e-5717-11e7-907b-a6006ad3dba0",

 datasetId: " 12564701"

};

Qs.stringify(obj);

console.log(Qs.stringify(obj));




如上面代码所示,输出结果如下:



![在这里插入图片描述](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/292782684b9e4bab854eb1b35061899f~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1771929939&x-signature=zn3JjlVQr%2BLPzmXHdNLQ57bL5WA%3D)



那么当我们需要传递数组的时候,我们就可以通过下面方式进行处理:  

默认情况下,它们给出明确的索引,如下代码:



qs.stringify({ a: ['b', 'c', 'd'] });

// 'a[0]=b&a[1]=c&a[2]=d'




也可以进行重写这种默认方式为false



qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false });

// 'a=b&a=c&a=d'




当然,也可以通过arrayFormat 选项进行格式化输出,如下代码所示:



qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })

// 'a[0]=b&a[1]=c'

qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })

// 'a[]=b&a[]=c'

qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })

// 'a=b&a=c'




在这里需要注意的是,JSON中同样存在stringify方法,但是两者之间的区别是很明显的,如下所示:





## Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
![](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/9dcf619cc54b43e28c6f2ecffa4b1575~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1771929939&x-signature=TUl%2FdSGCqs%2FymW9yFOyEK2ZrcGs%3D)

**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**