前期准备 1.建立文件结构。然后分成资源和提供两个文件夹。一个存入本地使用，一个存入外部引入（Grid布局和normalize css在外部)再分别放入图片/css/js之类的 image.png 2.通过link使用文间结构中的css i ...

像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下： mm, cm, in: 毫米（Millimeters），厘米（centimeters），英寸（ ...

parallax.jpg 引言 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果。 其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色 ...

主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果 效果 GIF.gif HTML代码 <div class="face fron ...

小白优选-> 创建cli项目：新增图形化界面创建项目； vue ui 回车；懂中文都看得懂了，按步骤往下走就完成了； 下面是一些小结 1.如果不习惯代码检查，最好不安装什么代码检查插件，写代码会把你逼疯，打个log都很麻烦，安装过程注意 ...

内容：计算属性、过滤器、过渡动画、组件 生命周期、vue-cli脚手架和组件传值 一、计算属性 1.基本使用 computed，当我们的页面上需要频繁地进行数据运算时，我们需要用到计算属性。 (1)计算属性的变量名可以不在data ...

内容：轮播图、热歌榜、推荐页和热歌榜、歌曲播放功能 一、轮播图 接口地址： ​ localhost:3000/banner?type=1 插件： ​ vue-awesome-swiper 1.安装 npm install vue-a ...

内容：歌曲播放页面、搜索页面、stylus、vuex 一、歌曲播放页 1.获取歌曲播放地址 https://music.163.com/song/media/outer/url?id=歌曲编号.mp3 2.获取歌曲信息 接口地址： http ...

什么是sticky footer布局？ 一般指手机页面中，当内容高度撑不满一屏时，页脚紧贴屏幕底部；当内容高度超过一屏时，页脚紧随其后。 方法一：flex弹性盒子布局 父容器container的display为flex，并规定项目排列顺序是 ...

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