一:鼠标尺寸类样式都要事件对象的配合Tip:注意与浏览器及元素尺寸分开,鼠标类尺寸样式都是X,Y,浏览器及元素的各项尺寸时Height,Width1:检测相对于浏览器的位置:event.clientX/event.clientYclient:整个浏览器的可视区域,当点击鼠标的时候,鼠标事件发生的位置距离浏览器可视区域的左边和上边的距离clientX:鼠标事件发生的位置距离浏览器可视区域的左边的距离
分类:
编程语言 时间:
2020-01-16 11:03:23
阅读次数:
88
玻璃窗今天我们要实现的是雨滴效果,不过实现雨滴前,我们先把毛玻璃的效果弄出来,没有玻璃窗,雨都进屋了,还有啥好敲打的。<divclass=‘window‘></div>.window{position:absolute;width:100vw;height:100vh;background:url("https://cn.bing.com//th?id=OHR.Parrot
分类:
Web程序 时间:
2020-01-16 10:21:45
阅读次数:
161
width是定义元素内容区的宽度;height是定义元素在内容区的高度.在内容区外面可以增加内边距(padding)、边框(border)和外边距(margin),这样的话就成了我们常说的盒子模型,后期内容中会给大家讲到这些,在行内非替换元素会忽略width这个属性,也就是我们不定义这个元素的时候,默认值为auto,由内容将其撑开。绝对单位1.像素px(pixels),在web上,像素px是典型的
分类:
Web程序 时间:
2020-01-16 01:17:54
阅读次数:
147
垂直居中,在CSS中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法,是的,你没有看错,::after和::before也可以实现居中。1、flex大家的第一反应,可能就是flex了。因为它的写法够简单直观,兼容性也没什么问题。是手机端居中方式的首选。<
分类:
Web程序 时间:
2020-01-16 01:00:21
阅读次数:
110
IT行业中的企业特点是都属于知识密集型企业,这种企业的核心竞争力与员工的知识和技能密切相关。如果你在企业中扮演的是工程师的角色的话,那么你的核心竞争力就是IT相关的知识与技能的储备情况。而众所周知,IT行业是一个大量产生新知识的地方,就拿Web前端举例,短短的5,6年时间,Web前端已经经历了数次变 ...
分类:
其他好文 时间:
2020-01-12 09:42:42
阅读次数:
74
很web前端都想写一个自己的轮子,可是开始动手的时候你总会遇到各种问题,为此特别写篇文章,帮助大家。 ...
分类:
其他好文 时间:
2020-01-10 20:19:52
阅读次数:
97
刚学习前端,然后一直很迷惑为什么要清除浮动,然后百度了一下因为使用浮动,如果父级没有高度定义,那么就会导致父级高度崩塌。然后我还是很迷,那就定义高度不就好了。然后我就发现实际运用中,如果你做的一个内容,是需要随着你填写的东西,来扩充的,这个时候就需要了(正常情况下,不使用浮动的话,高度是会自适应的, ...
分类:
Web程序 时间:
2020-01-10 11:03:59
阅读次数:
96
1、大厂前端开发高频面试题库 http://www.imooc.com/article/290715?block_id=tuijian_wz 2、大厂前端经典面试问题精选(头条) https://www.php.cn/toutiao-415514.html 3、web前端大厂10道经典面试题汇总(含 ...
分类:
其他好文 时间:
2020-01-08 23:09:57
阅读次数:
103
颜色如果我们相给页面设置颜色可以采用多种方法进行设置:一、命名颜色假设在设置页面的颜色时觉得一部分很小的颜色集中就足够了,就可以直接给定颜色的名称。CSS称这些有名称的颜色为命名颜色。命名颜色的关键字有限,css定义了17个标准色:浅绿色,黑色,蓝色,紫红色,灰色,橙色,绿色,石灰,栗色,海军,橄榄,紫,红,银,蓝绿色,白色和黄色。有的时候也许使用其他颜色值,并不在标准颜色之内的颜色也可以使用,它
分类:
Web程序 时间:
2020-01-06 23:19:59
阅读次数:
180
事件冒泡IE的事件流叫做事件冒泡。顾名思义当事件发生后,事件就开始从里向外传播,查看下方代码:<htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body><divid="myDiv"></div>
分类:
编程语言 时间:
2020-01-06 23:12:20
阅读次数:
97