Vue实现购物车Demo,前端开发做什么

27 阅读3分钟

总结

三套“算法宝典”

28天读完349页,这份阿里面试通关手册,助我闯进字节跳动

算法刷题LeetCode中文版(为例)

人与人存在很大的不同,我们都拥有各自的目标,在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人,但是我深刻知道自己想要的是一年比一年有进步。

最后,我想说的是,无论你现在什么年龄,位于什么城市,拥有什么背景或学历,跟你比较的人永远都是你自己,所以明年的你看看与今年的你是否有差距,不想做咸鱼的人,只能用尽全力去跳跃。祝愿,明年的你会更好!

由于篇幅有限,下篇的面试技术攻克篇只能够展示出部分的面试题,详细完整版以及答案解析,有需要的可以关注

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

Vue实现购物车Demo

源码在:gitee.com/jimmyxuexue…

效果图:

在这里插入图片描述

因为考虑到了文件大小的原因,所以我在写这个Demo的时候是使用CDN的方式来写的,文件的空间会比较小一点儿。

页面我是分成了一个父组件,两个子组件,主要是刚复习到组件方面的内容,所以作为一个练手的Demo来学习,连个组件分别是课程列表组件,和我的购物车组件。

知识点:

兄弟组件之间的传值 – 兄弟组件有共同的父组件,所以兄弟组件之间要传值可先将值传递给父组件,父组件再传递给另外一个子组件,这样就算完成了兄弟组件之间的传值。

父组件给子组件传值通过 – 在子组件标签上自定义属性的方式来进行传值,子组件种再通过props来接收这个自定义属性名就可以获取到这个值

子组件给父组件传值 – 子组件通过this.$emit('事件名',值)的方式自定义一个事件,再在子组件标签上暴露出这个方法,父组件在methods里面接收这个方法的值就做到了接收值

在这里插入图片描述

这种确认框是通过ja自带的一个API,如果我们点了确定,结果是布尔值,我们点了确定结果就是true,这个API是window.confirm('确定要删除吗')

最后

前端CSS面试题文档,JavaScript面试题文档,Vue面试题文档,大厂面试题文档

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