首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
Vue音乐项目笔记(四)(搜索页面提取重写)
】的更多相关文章
Vue音乐项目笔记(四)(搜索页面提取重写)
1.如何通过betterScroll组件实现上拉刷新 https://blog.csdn.net/weixin_40814356/article/details/80478440 2.搜索页面跳转单曲页面 https://blog.csdn.net/weixin_40814356/article/details/80484183 3. 搜索页面边界情况的处理 https://blog.csdn.net/weixin_40814356/article/details/80490841 当没有搜索结…
Vue音乐项目笔记(二)
1. Vuex https://blog.csdn.net/weixin_40814356/article/details/80347366 编写: 然后,在main.js中引入 在组件中改变state的状态 调用如下: 这样就成功拿到数据了. 2.如何为betterScroll向上滚动的时候添加一个layer https://blog.csdn.net/weixin_40814356/article/details/80361460 3. 如何创建一个js中的prefix https:/…
Vue音乐项目笔记(一)
看到一位小可爱的手记,这里记录一下自己需要注意的地方的链接 1.手写轮播图(上) https://blog.csdn.net/weixin_40814356/article/details/80298115 遇到的问题:上面这样写完后.slide-item的class名字不能添加上,什么原因. 在这里的问题我反复看了一下,具体的意思如下. 这样,就解决了. 然后呢,通过betterscroll来让图片轮播: 2. 下 https://blog.csdn.net/weixin_40814356/a…
Vue音乐项目笔记(五)
1.搜索列表的点击删除.删除全部的交互事件 https://blog.csdn.net/weixin_40814356/article/details/80496097 seach组件中放search-box基本组件 就是输入框部分 和搜索历史组件search-list a. 点击选中的搜索框 删除一条的实现 因为搜索历史条目在search-list中 search-list向外传删除事件 deleteOne (item) { this.$emit('deleteOne', item) } s…
Vue音乐项目笔记(三)
1. 音乐播放前进后退的实现 https://blog.csdn.net/weixin_40814356/article/details/80379606 2. 音乐进度条实现(单独一个组件) https://blog.csdn.net/weixin_40814356/article/details/80387804 思想: a. 播放进度条样式 定义高但是不定义宽度. 父组件computed: 当音乐不断变化的时候 它与总时间有个不断变化的百分比 子组件接收的时候 watch它的变化 不…
【音乐App】—— Vue-music 项目学习笔记:搜索页面开发
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 搜索歌手歌曲 搜索历史保存 一.搜索页面布局 search-Box组件开发 <div class="search-box"> <i class="icon-search"></i> <input class="box" v-model…
vue 自学项目笔记
感觉小青推荐的学习网课, 利用vue 仿制一个去哪网, 学习的东西很多, 在食用之前,需要先确保js 和css 过关 js https://www.bilibili.com/video/av30099487 140 集大礼包, 22小时 es6 https://www.bilibili.com/video/av47304735 台湾小姐姐的es 6 声音很好听 4 小时 阮一峰的 es 6 教程 http://es6.ruanyifeng.com/ css3+html https…
从无到有构建vue实战项目(四)
六.webpack的安装和配置 为了快速构建vue项目,webpack是一个必不可少的工具,我们先来安装它,附上官网地址:https://www.webpackjs.com/ 要安装最新版本或特定版本,请运行以下命令之一: npm install --save-dev webpack npm install --save-dev webpack@<version> 如果你使用 webpack 4+ 版本,你还需要安装 CLI: npm install --save-dev webpack-cl…
Vue.js-04:第四章 - 页面元素样式的设定
一.前言 前端开发中有三大件:HTML.CSS.JavaScript,在前面的学习中,不管是学习 Vue 的指令系统还是 Vue 的事件修饰符,主要还是针对的是我们在前端开发中的 JavaScript 这一块,而在实际的开发中必定会需要涉及到对于页面布局的设计.即使你采用的是使用第三方的 UI 组件,当我们实际开发中时,还是需要自己写一些样式去满足自己的需求,如何实现在 Vue 中对元素设置样式则是本章学习的重点 学习系列目录地址:https://www.cnblogs.com/danvic71…
[Vue音乐项目] 第一节 环境搭建
1.Node安装 登录官网,下载最新版本并安装: 在我的电脑内,执行以下操作:右键->属性->高级->环境变量->系统变量->path 查看是否有node的安装路径,没有的话添加上node的安装路径: 开始->运行->cmd 输入node -v ,出现类似v10.15.3的字样说明安装成功. 2.vue-cli安装 打开cmd命令行,输入npm install vue-cli -g,等待安装完成: 完成后,输入 vue -V,出现类似2.9.6的字样表明安装成功.…