关键字:vh
  • CSS单位之间的关系
    像素 (px) 是一种绝对单位(absolute units), 因为无论其他相关的设置怎么变化,像素指定的值是不会变化的。其他的绝对单位如下: mm, cm, in: 毫米(Millimeters),厘米(centimeters),英寸( ...
  • 滚动视差让你不相信“眼见为实”
    parallax.jpg 引言 视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果。 其实,这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色 ...
  • 使用纯CSS代码实现3D旋转效果
    主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果 效果 GIF.gif HTML代码 <div class="face fron ...
  • vuecli3后台管理项目小结
    小白优选-> 创建cli项目:新增图形化界面创建项目; vue ui 回车;懂中文都看得懂了,按步骤往下走就完成了; 下面是一些小结 1.如果不习惯代码检查,最好不安装什么代码检查插件,写代码会把你逼疯,打个log都很麻烦,安装过程注意 ...
  • VUE第二天学习
    内容:计算属性、过滤器、过渡动画、组件 生命周期、vue-cli脚手架和组件传值 一、计算属性 1.基本使用 computed,当我们的页面上需要频繁地进行数据运算时,我们需要用到计算属性。 (1)计算属性的变量名可以不在data ...
  • VUE第六天学习
    内容:轮播图、热歌榜、推荐页和热歌榜、歌曲播放功能 一、轮播图 接口地址: ​ localhost:3000/banner?type=1 插件: ​ vue-awesome-swiper 1.安装 npm install vue-a ...
  • VUE第七天学习
    内容:歌曲播放页面、搜索页面、stylus、vuex 一、歌曲播放页 1.获取歌曲播放地址 https://music.163.com/song/media/outer/url?id=歌曲编号.mp3 2.获取歌曲信息 接口地址: http ...
  • css sticky footer经典布局
    什么是sticky footer布局? 一般指手机页面中,当内容高度撑不满一屏时,页脚紧贴屏幕底部;当内容高度超过一屏时,页脚紧随其后。 方法一:flex弹性盒子布局 父容器container的display为flex,并规定项目排列顺序是 ...
  • 17个场景,带你入门CSS布局
    CSS 布局本质就是控制元素的位置和大小。比如这样的布局:元素宽960px,水平居中。宽960px是大小。水平居中是位置。又如这样的布局:两个元素在一行,左侧元素固定宽200px,右侧元素撑满剩余空间。固定宽200px,撑满剩余空间是大小。 ...
  • React基础知识点开发井字游戏
    我们一起用 React 开发一个井字棋(tic-tac-toe)。游戏规则,在九宫格内输入棋子“X”或“O”,首先在纵向、横向或斜方向上三个同一棋子连成一线为胜出。 通过这个简单的棋盘游戏我们学习下面这些知识点; 环境搭建 create-r ...

暂无数据