Oxygen Music

2019.04.24 更新朋友界面,同网易云朋友栏目,更多内容虚登录, 2019.04.25 优化朋友栏目,增加验证码登录功能,

OxygenMusic

Oxygen Music基于vue.js的音乐播放器,资源来至网易云音乐Demo:https://yun.yang143.cn本项目为移动端项目,pc端按F12调为手机模式查看,推荐使用手机查看,扫一扫二维码即可体验目标功能[x] 音乐播放、暂停 -- 完成[x] 播放列表、添加到播放列表、清空播放列表 -- 完成[x] 榜单 -- 完成[x] 歌手Top100、歌手详情页面 -- 完成[x] 搜索单曲、歌手、专辑 -- 完成[x] 热门搜索、搜索历史记录 -- 完成[x] 首页推荐(歌曲、歌单) -- 完成[x] 歌单 -- 完成[x] 我的收藏(歌单,歌手) -- 完成[x] 最近播放 -- 完成[ ] 歌词[ ] 搜索结果分类显示[ ] 切换播放模式[ ] 喜欢音乐[ ] 发现页面[ ] 侧边弹窗功能特性本项目所有数据来源网易云音乐,使用开源项目(NeteaseCloudMusicApi 网易云音乐 NodeJS 版 API)网易云音乐16个音乐排行榜网易新歌速递网易精选歌单,最新歌单本地收藏歌单,歌手,随时查看本地存储最近播放,最大存储99首,超过自动删除最早播放的歌曲搜...

Vue-wechat(2018/12/10)

Vue+axios+muse-ui+vue-lazyloaddemo: https://blog.yang143.cn/视频演示: https://yun.yang143.cn/s/tf59vamvGithub: https://github.com/Jonathan143/vue-wechat主要特性界面布局大致模仿微信聊天页面,自动回复调用一言API聊天页面聊天记录采用 localstorage 存储;我的栏目里的相册里的图片均来自干货集中营,调用干货集中营API;使用vue-lazyload插件,实现图片懒加载;朋友圈顶部封面为必应每日美图,每日动态更换;...更新时间2018/12/10 修复聊天界面小bug,添加时间显示,1分钟间隔,超过1分钟发消息,动态添加时间模块,时间当前发消息时间;2018/12/09 更新,支持聊天回复,聊天回复调用一言api接口,聊天记录采用localstorage存储;2018/11/28 上传至 github2018/11/08 初建项目效果图鸣谢Vue.jsaxiosvue-lazyloadsassMuse-uihitokoto - ...

Vue项目(一)

项目地址vue做的是手机端,电脑请F12切换手机模式访问基于vue+axios+vuex+Vant组件库瞎jb乱写的,好多功能没有实现,布局看心情...功能看心情...(也没啥功能...)演示视频地址(可在线预览)https://yun.yang143.cn/s/dd98ywad新闻和相册里的默认分类是都是静态资源,相册里的美图(福利)调用的是干货集中营的api

vue.js学习(一)

vue.js渐进式JavaScript 框架基本指令v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-prev-cloakv-oncev-text详细:更新元素的 textContent。如果要更新部分的 textContent ,需要使用 {{ Mustache }} 插值。示例: {{msg}}v-html详细:更新元素的 innerHTML 。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。示例:``v-show用法:根据表达式之真假值,切换元素的 display CSS 属性。当条件变化时该指令触发过渡效果。示例:Hello!v-if用法:根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是 ,将提出它的内容作为条件块。当条件变化时该指令触发过渡效果。示例:在字符串模板中,比如 Handlebars,我们得像这样写一个条件块: {{#if ok}} Yes...