苹果的retina屏幕（视网膜屏幕）为什么看起来那么爽？因为它的分辨率极高，可以达到眼睛几乎看不出来的地步。举个例子，一个1像素的点，普通屏幕会用1个像素格去表示，而retina屏幕则不是，iPhone5/6/7/8等机型会用4个像素格（2 ...

上篇我们讲解了不同类型元素的特点，我们可以随意的排列组合他们来达到我们想要的效果。但是他们都是基于一个二维平面的，如果我们想在布局中有遮挡，重叠之类的更丰富效果，我们就需要使用到定位和浮动的相关知识。 1.文档流 文档流就是按照页面元素书写 ...

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

一、安装依赖 cnpm i file-saver xlsx -S 二、引入依赖 在需要导出Excel的页面（如user.vue）引入file-saver和xlsx： import FileSaver from 'file-saver' im ...

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

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

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

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...

什么是BFC BFC意为Block Formatting Context，是一个独立的盒子，对外界不会有影响，当然外界也不会对盒子内部产生影响。 BFC能够解决的问题 解决margin穿透的问题 解决margin重叠问题 解决div塌陷问题 ...

前言 flex 是常用的 css3 布局方式，可以用少量的代码高效的实现各种页面布局，是一个基础的但是必须会的基本技能，在面试中经常会用到。 例如，最基本的让你实现元素的水平／垂直居中，或在这个基础上延伸出更多其他复杂一些的问题。 下面我们 ...