1.1块级元素 & 行内元素 & 行内块级元素 元素除了自己的盒模型外还有自己的分类。从元素的布局特性来分，主要可以分为三类元素：块级元素，行内元素，行内块级元素。 接下来看下他们的定义： 块级元素：display属性取block、tabl ...

关于专题【vue开发音乐App】 本篇记录vue项目在初始化阶段推荐配置的基础样式结构，例如reset重置样式、基础样式、公用图标、公共的颜色/字体变量等。这些基础样式（结构）将为后续开发带来极大的便利，使代码语义明确、条理清晰、易于维护。 ...

关于专题【vue开发音乐App】 将一些涉及DOM操作的方法封装成dom.js，培养组件化开发的习惯和思维，良好的封装有利于代码维护和效率提升。 一、常见的DOM操作 addClass(el, className)：为元素el添加名为cla ...

关于专题【vue开发音乐App】 轮播图属于基础组件，所以归纳到src/base/slide里面，新建slide.vue 一、html部分 ...

关于专题【vue开发音乐App】 开发页面时，如果想让某个区域支持滚动（或者需要监听滚动事件），一般会使用better-scroll——一款重点解决移动端（已支持 PC）各种滚动场景需求的插件，作者依然是黄轶老师，具体使用方法和例子可查看官 ...

关于专题【vue开发音乐App】 对于多图页面，如果一次性加载所有图片可能会因为网络拥堵造成页面卡顿，用户体验不佳。我们可以采用懒加载的方法解决这个问题，使用第三方插件——vue-lazyload 。页面渲染时先加载首屏的图片，其他图片等到 ...

关于专题【vue开发音乐App】 页面成功加载数据之前给用户展示一个loading动画（提示正在加载）可以增强用户体验，下面将该功能封装成自定义组件，便于日后开发调用。loading属于基础组件，所以归纳在src/base/loading下 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

关于专题【vue开发音乐App】 Vuex是一个专为Vue.js应用程序开发的状态管理模式。 它可以轻而易举地处理多个页面或多个组件共享一个状态（数据）的情况，包括： 多个视图依赖于同一状态 来自不同视图的行为需要变更同一状态 Vuex的更 ...

关于专题【vue开发音乐App】 本篇介绍底部快捷控件的环形进度条的实现方法：通过svg绘制两个环，线条模糊的环作为背景、线条明亮的环根据传入的百分比绘制相应长度（即进度）。该组件同样属于基础组件，在src/base/progress-ci ...