小怪兽0214

2022年5月20日

职业素养

摘要: 职业素养课5.9日: 1.制作团队海报以及队名、口号、组歌的确定: 队名:梦之队 口号:不要等待机会,而要创造机会 梦之队意义:现在的我们正处于风华正茂的时期,每个人对有对梦想的追求。要以梦为马,不负韶华,不要给青春留遗憾。 组歌:追梦赤子心 2.如何与AI竞争: 高互动,高情商,高直觉 3.晨会要 阅读全文

posted @ 2022-05-20 16:50 小怪兽0214 阅读(142) 评论(0) 推荐(0) 编辑

2022年5月12日

vue 项目安装 通过终端创建Vue项目教程

摘要: vue 项目安装终端安装 环境要求: 安装有 Node.js、 vue、 vue-cli 。 查看nodejs版本和npm版本,在命令行中输入: node -v npm -v npm更新到最新的版本 npm install -g npm 淘宝 NPM 镜像,大家都知道国内直接使用npm 的官方镜像是 阅读全文

posted @ 2022-05-12 10:32 小怪兽0214 阅读(162) 评论(0) 推荐(0) 编辑

2022年5月11日

vue生命周期

摘要: 随着对 vue 的不断了解,会越来越发现它生命周期的重要性,只有了解了它的生命周期,才能在开发项目的时候在逻辑上的很好的判断什么时候该发生什么事件,即很好的控制页面。 一、什么是 vue 生命周期Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、 阅读全文

posted @ 2022-05-11 17:09 小怪兽0214 阅读(76) 评论(0) 推荐(0) 编辑

vue组合api及store状态管理库

摘要: vue3合成API——setup() 作用:之前vue对象规定了我们必须把某一类数据放到某一个个结构,这样在一定程度上对我们的代码进行了强制的分离。在vue3中我们引入setup()合成API语法,它可以将某些数据关联的内容整合到一个部分,即使setup()中的内容越来越多,也会围绕着大而不乱的形式 阅读全文

posted @ 2022-05-11 15:37 小怪兽0214 阅读(448) 评论(0) 推荐(0) 编辑

动态路由的传参

摘要: 动态路由 定义:我们经常需要把某种模式匹配到的所有路由,全部映射到同个组件,例如,我们一个User组件,对于所有id个不同的用户,都需要这个组件来渲染 //动态路由设置 {path:'/user/:id/:name/:age',component:User} <router-link to="/us 阅读全文

posted @ 2022-05-11 15:35 小怪兽0214 阅读(510) 评论(0) 推荐(0) 编辑

实现网易云项目登录页面效果

摘要: 1.新建总页面views / Me.vue , Login.vue 2.在 router/ index.js中联系其 与 App.vue 3.在 topNav.vue 中给"我的"加点击连接,跳转到 Me 页面 topNav.vue中 <span class="navBtn" @click="$ro 阅读全文

posted @ 2022-05-11 15:32 小怪兽0214 阅读(467) 评论(0) 推荐(0) 编辑

实现网易云项目播放上一首,下一首切换功能

摘要: 1.先找上一曲和下一曲的按钮,给他添加单击事件 1,-1当前接收到的信息 <svg class="icon" aria-hidden="true" @click="goplay(-1)"> <use xlink:href="#icon-shangyishoushangyige"></use> </s 阅读全文

posted @ 2022-05-11 15:31 小怪兽0214 阅读(463) 评论(0) 推荐(0) 编辑

2022年5月10日

实现网易云项目中点击底下的歌曲播放头像,会显示歌单详情

摘要: 一.点击底下的歌曲播放头像,会显示歌单详情 1.新建playMusic组件 2.在playcontroller引入组件,注册及使用 3.默认歌单详情不显示 <playMusic v-show="show"></playMusic> data() { return { paused: true, sh 阅读全文

posted @ 2022-05-10 21:32 小怪兽0214 阅读(226) 评论(0) 推荐(0) 编辑

实现网易云项目 底部音乐播放什么歌曲就显示对应该歌单的图片

摘要: 一.实现动态效果:底下音乐播放的什么图片就对应显示该歌单的图片 store/index.js <div class="left"> <img :src="playlist[playCurrentIndex].al.picUrl" alt=""> <div class="content">{{ pla 阅读全文

posted @ 2022-05-10 21:31 小怪兽0214 阅读(123) 评论(0) 推荐(0) 编辑

实现网易云项目播放音乐功能

摘要: 1.在compontents下创建playcontroller.vue <template> <div class="playController"> <div class="left"> <img src="https://p1.music.126.net/R-Eg1aZcut8jKYM6UP5f 阅读全文

posted @ 2022-05-10 21:29 小怪兽0214 阅读(191) 评论(0) 推荐(0) 编辑

导航