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:/…
1. 音乐播放前进后退的实现   https://blog.csdn.net/weixin_40814356/article/details/80379606 2. 音乐进度条实现(单独一个组件) https://blog.csdn.net/weixin_40814356/article/details/80387804 思想: a. 播放进度条样式  定义高但是不定义宽度. 父组件computed: 当音乐不断变化的时候 它与总时间有个不断变化的百分比 子组件接收的时候 watch它的变化 不…
看到一位小可爱的手记,这里记录一下自己需要注意的地方的链接 1.手写轮播图(上) https://blog.csdn.net/weixin_40814356/article/details/80298115 遇到的问题:上面这样写完后.slide-item的class名字不能添加上,什么原因. 在这里的问题我反复看了一下,具体的意思如下. 这样,就解决了. 然后呢,通过betterscroll来让图片轮播: 2. 下 https://blog.csdn.net/weixin_40814356/a…
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…
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 仿制一个去哪网, 学习的东西很多, 在食用之前,需要先确保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…
在项目开发的过程中,因为无法和后台的数据做交互,所以我们可以自建一个假数据文件(如data.json)到项目文件夹中,这样我们就可以模仿后台的数据进行开发.但是,如何在一个vue.js 项目中引入本地的json文件呢,下面就将步骤贴出来.(此时项目是由webpack打包而成). 整个项目是由webpack打包而成.具体项目结构如下: 1:打包好的文件在此,http://pan.baidu.com/s/1c2EEeAG 2:我们找到bulid>dev-server.js,然后打开 3:在里面加入这…
二.vue项目的初步搭建 该项目我采用了当下最流行的vue ui框架---element-ui,首先用vue-cli构建一个vue项目: vue create education 然后会出现一系列配置选项,此时一直回车就好: 然后进入项目文件夹,输入: npm run serve 出现以上情况,则说明运行成功,此时,在浏览器打开链接http://localhost:8080/,会看到如下界面: 然后安装element-ui(一定要在该项目根目录下安装): npm i element-ui -s…
vue-router详解 原文链接:www.jianshu.com 一.前言 要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用<a></a>标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题 vue-router 二.vue-router是什么 这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器.再通俗的说,vue-router就是WebApp的链接路径管…
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的字样表明安装成功.…