wind皮皮-CSDN博客

转载 css控制鼠标点击事件（pointer-events）

pointer-events 是CSS3的一个属性，支持的值非常多，其中大部分都是和SVG有关。对于前端日常开发而言，只要了解 none 这个值就已经够我们玩一段时间了。pointer-events: none;意思就是让鼠标事件失效（链接、点击等事件）。常用场合：获取验证码给 a 标签定义一个 id=”btn”，然后通过 JS 控制 a 标签，点击之后模拟发送验证码，并让 a 标签添加一个定义好的 disable 样式。最后设置2秒内不能再点击发送二维码请求。可以看到上图效果。第一次点击“

2020-06-08 09:17:36 3720

转载 JavaScript字符串操作总结

字符方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>字符方法</title> </head> <body> <script type="text/javascript"> /* charAt方法和charCodeAt方法都接收一个参数，基于0的字符

2020-05-27 23:18:04 228

转载 JavaScript中的数组和字符串

一、JavaScript中的数组1.JavaScript中的数组是什么数组指的是数据的有序列表，每种语言基本上都有数组这个概念，但是JavaScript的数组跟别的语言的数组很不同：数组长度可以动态改变同一个数组中可以存储不同的数据类型数据的有序集合每个数组都有一个length属性，表示的是数组中元素的个数JavaScript数组从本质上讲是一个Array对象2.如何创建数组1 var s1 = ["123", "666", "333"] // 字面量2 var s

2020-05-21 21:30:55 517

原创 JS练习四：滚动改变背景颜色

简单的滚动改变背景颜色效果HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>滑动改变背景颜色效果</title> <link rel="

2020-05-18 23:53:00 1296

转载 Cookie、Session实现“记住登录状态”的原理

进行自动化测试时，发现公司中所有的功能测试用例必须基于一个前提：用户已登录的情况下才能测试。基于这种情况，有2种解决方案：1)为所有的testcase添加testng中依赖关系，使其依赖于“登录”这一条用例执行；2)利用网页的cookie记住登录状态，无需再执行一遍登录的测试用例。在设计测试用例时，有一条原则，就是每个testcase之间尽可能是相互独立的，不要存在过多的依赖关系。遵循这条原则，我们选择使用第二种方法，来解决上述问题。本文主要阐述了cookie、session记住登录状态的实现原理，方便我

2020-05-18 10:19:32 1171

转载绝对定位和相对定位详解

一：绝对定位position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-index属性来控制这些层的对方顺序。#box_relative {position: absolute;left: 30px;top: 20px;}二：相对定位position: relative

2020-05-14 17:33:39 14866

原创 JS练习三：炫酷渐变进度条效果滚动条（不兼容火狐浏览器）

炫酷渐变进度条效果滚动条制作页面起始，将原来浏览器自带的滚动条宽度设为0不显示滚动滚动条，显示动态渐变滚动条效果滚动条高度随着页面浏览的进度变化代码：css+html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

2020-05-14 01:23:44 481

原创 JS练习二：放大镜效果的实现

简单放大镜效果的实现鼠标放在小图上时，在小图上显示遮罩层和右边放大效果的图片，根据鼠标的移动，可查看想要放大的部位。代码实现：HTML+CSS<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>放大镜效果</title> <style>

2020-05-11 20:58:27 263

转载 CSS中的position属性

在html中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示CSS中Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。◆position:static　无定位该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值。◆position:absolute　绝对定

2020-05-11 00:41:07 179

langyixuan的博客