本系列文章是为了记录学习中的知识点,便于后期自己观看。如果有需要的同学请登录慕课网,找到Vue 2.0 高级实战-开发移动端音乐WebApp进行观看,传送门。 一:使用vue-cli脚手架搭建: 1:为了确保你的node版本在4.*以上,输入 node -v 查看本机node版本,低于4请更新 ...
本系列文章是为了记录学习中的知识点,便于后期自己观看。如果有需要的同学请登录慕课网,找到Vue . 高级实战 开发移动端音乐WebApp进行观看,传送门。 完成后的页面状态以及项目结构如下: 一:页面入口 header组件的编写 :编写app.vue src文件夹下 : 从完成图我们可以发现,页面的骨架分为三块区域: header 头部标题 tab 切换按钮 router view 路由切换的容器 ...
2017-07-27 11:27 1 1978 推荐指数:
本系列文章是为了记录学习中的知识点,便于后期自己观看。如果有需要的同学请登录慕课网,找到Vue 2.0 高级实战-开发移动端音乐WebApp进行观看,传送门。 一:使用vue-cli脚手架搭建: 1:为了确保你的node版本在4.*以上,输入 node -v 查看本机node版本,低于4请更新 ...
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。 一、歌手页面布局与设计 需求:联系人列表形式、左右联动的滚动 ...
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。 上一篇总结了项目概述、项目准备、页面骨架搭建。这一篇重点梳理推荐页面开发。项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。 一、页面简介 ...
1.页面骨架开发 1.1组件拆分 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分 ...
1、vue语法--页面和逻辑编写; 2、vue风格指南; 3、遵照ES6标准; 4、vue插件使用和管理--npm install xxx -save,package.json,npm init; 5、vue单文件组件编写和使用(常用模块可提取出来写成单文件组件进行复用)--父子组件传参 ...
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。 播放暂停 前进后退 ...
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。 歌单及详情页 排行榜及详情页 ...
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。 歌曲列表 收藏歌曲 ...