九格宫抽奖相信大家都玩过，今天就用 JavaScript 写个九宫格抽奖玩玩。让中奖不再是梦！ 1.预览效果 image 效果图为屏幕录制软件生成，以至于出现滚动不连贯。实际运行中不会出现不连贯的滚动效果 2.完整代码 代码可直接复制运行查 ...

首先看看官方释义： image.png @media mediatype and|not|only (media feature) { CSS-Code; } mediatype 指的是媒体类型，也就是说获取到的设备类型。 以下是c ...

点击按键全屏显示，esc退出全屏显示 <meta name="viewport" content= ...

前言 该部分为书籍 深入理解ES6 第九章(JS的类)笔记 ES5 中的仿类结构 在 ES5 中与类最接近的是: 创建一个构造器, 然后将方法指派到该构造器的原型上, 这种方式通常被称为创建一个自定义类型 function PersonTy ...

html中标签有很多，每一种标签都有着不同的用处，下面这篇文章给大家总结html常用的标签，每一种标签都会跟随一个例子，话不多说，让我们来看看具体内容。我的学习交流群web前端学习交流群字体标签，用于展示效果中修饰文字样式<fo ...

如果想让一个控件能有点击效果，那么该控件的所有父控件，及父控件以上的父控件，还有该控件本身，userInteractionEnabled 一定要为YES；而该控件的子控件userInteractionEnabled 不管是YES还是NO都不 ...

1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移1 ...

1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-alig ...

在网页制作中，元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前 ...

使用组件的原因: 提高代码可复用性 组件的使用方法 全局注册 HTML: JS: Vue.component(' ...