Web前端最全Vue实现书籍购物车_h5 vue3书籍购物车(2)，2024年最新面试必问10大问题回答面试常问问题

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

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

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

![在这里插入图片描述](https://img-blog.csdnimg.cn/75f4a1cea8bf47f18f8b713214c37d80.png#pic_center)


#### main.js文件

const app = new Vue({
el: ‘#app’,
data: {
books: [
{
id: 1,
name: ‘《JavaScript百炼成仙》’,
date: ‘2020-09’,
price: 128.00,
count: 1
},
{
id: 2,
name: ‘《Spring Boot+Vue全栈开发实战》’,
date: ‘2021-02’,
price: 89.00,
count: 1
},
{
id: 3,
name: ‘《Python Django Web 从入门到项目实战》’,
date: ‘2021-09’,
price: 128.00,
count: 1
},
{
id: 4,
name: ‘《Prometheus云原生监控 运维与开发实战》’,
date: ‘2020-06’,
price: 89.00,
count: 1
},
{
id: 5,
name: ‘《Kubernetes进阶实战》’,
date: ‘2021-03’,
price: 149.00,
count: 1
},
]
},
methods: {
// getFinalPrice(price) {
// return ‘￥’ + price.toFixed(2)
// }
decrement(index) {
// console.log(‘decrement’,index);
this.books[index].count–
},
increment(index) {
//console.log(‘increment’,index);
this.books[index].count++
},
removeHandle(index) {
this.books.splice(index, 1)
},
},
computed: {
totalPrice() {
let totalPrice = 0
for (let i = 0; i < this.books.length; i++) {
totalPrice += this.books[i].price * this.books[i].count
}
return totalPrice
}
},

filters: {
showPrice(price) {
return ‘￥’ + price.toFixed(2)
}
}
})

![在这里插入图片描述](https://img-blog.csdnimg.cn/672f6a765f3e4877ad906d1d5885f681.png#pic_center)


#### style.css文件

table{
border: 1px solid #e9e9e9;
border-collapse: collapse;
border-spacing: 0;
}

th, td {
padding: 8px 16px;
border: 1px solid #e9e9e9;
text-align: left;
}

th {
background-color: #f7f7f7;
color: #5c6b77;
font-weight: 600;
}

#### 效果展示

**ES6**

*   列举常用的ES6特性：

*   箭头函数需要注意哪些地方？

*   let、const、var

*   拓展：var方式定义的变量有什么样的bug？

*   Set数据结构

*   拓展：数组去重的方法

*   箭头函数this的指向。

*   手写ES6 class继承。

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

![](https://img-blog.csdnimg.cn/img_convert/aac1740e50faadb9a6a7a5b97f9ccba8.png)



**微信小程序**

*   简单描述一下微信小程序的相关文件类型?

*   你是怎么封装微信小程序的数据请求？

*   有哪些参数传值的方法？

*   你使用过哪些方法，来提高微信小程序的应用速度？

*   小程序和原生App哪个好？

*   简述微信小程序原理？

*   分析微信小程序的优劣势

*   怎么解决小程序的异步请求问题？



![](https://img-blog.csdnimg.cn/img_convert/60b1dbe5c76e264468aa993416a9a031.png)



**其他知识点面试**

*   webpack的原理

*   webpack的loader和plugin的区别？

*   怎么使用webpack对项目进行优化?

*   防抖、节流

*   浏览器的缓存机制

*   描述一下二叉树, 并说明二叉树的几种遍历方式?

*   项目类问题

*   笔试编程题：



![](https://img-blog.csdnimg.cn/img_convert/aec12fc95e5722b9f2f1f22eeb5e67bd.png)



#### 最后



技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。