可见域:即可以被显示出来的区域,由起高度大小决定,包括所有内边距、滚动条(被滚动出去的内容)和边框大小。 网页可见域宽(不包括边框):document.body.clientWidth 包括内容和内边距,整个文档宽度,即使被卷出去挡住的 网页可见域高(不包括边框):document.body.cli ...
分类:
Web程序 时间:
2020-05-05 10:43:55
阅读次数:
65
型号 屏幕宽高(window.screen.width) 微信浏览器(window.innerWidth) 三星s7edge - 360*568 三星note8 412*846 412*726 iphone X 375*812 375*724 ...
分类:
移动开发 时间:
2020-05-05 10:27:31
阅读次数:
142
出现这种情况的原因,echarts图表默认占用盒子的100%,所以,modal处于隐藏状态下时,宽高为0,此时echarts折线图会使用自身默认的宽100Px和高100px; 解决方案: 首先我们要了解模态框的一个事件:shown.bs.modal 此事件在模态框已经显示出来(并且同时在CSS过渡效 ...
分类:
其他好文 时间:
2020-05-04 17:44:21
阅读次数:
131
HTML5提供了众多的好处,标准的图形化接口就是其一。HTML5 canvas可以画出很多图元,例如,方形、圆形或多边形等基本图形。但是直接使用canvas可能会痛苦,所以会借用一个叫作Paper.js的图形库间接使用canvas。 1.在html中引入样式文件(定义图形的宽高和边框等样式),jqu ...
分类:
其他好文 时间:
2020-05-04 15:36:57
阅读次数:
75
怪异盒模型 box-sizing:content-box 标准盒模型 总宽/高度=width+左右/上下padding+左右/上下border box-sizing:border-box 怪异盒模型(IE盒模型) 总宽/高度=width(包含padding和border) 弹性盒 特点:1、在弹性盒 ...
分类:
Web程序 时间:
2020-05-04 15:34:51
阅读次数:
89
碰撞检测 刚才回答了一个H5游戏的问答。心血来潮,就想写写碰撞检测,废话不多说,直接怼。 矩形和矩形的碰撞检测 现有rect1 = {x:0,y:0,w:5,h:5};rect2 = {x:10,y:10,w:5,h:5};。矩形我们一般拥有的都是左上角点的XY以及他的宽高WH。碰撞当然就是我中有你 ...
分类:
其他好文 时间:
2020-05-04 00:42:24
阅读次数:
63
做项目时,UI设计的字体10px,看效果图时发现字体仍然蛮大,改变12px时字体还是那么大,改变到14px时,字体变大了,发现规律,才知道原来浏览器为了让用户字体看的清楚,最小设置为12px。怎么办?设计就是10px? 最终实现的效果图如下: 百度时,各位网上大神说利用transform: scal ...
分类:
其他好文 时间:
2020-05-02 09:33:56
阅读次数:
152
Imagelab-0-QT label显示 opencv 图像opencvc++qtimagelab 开始之前这其实也是opencv 处理图像的系列, 只是想我们在进一步复杂化我们的代码之前, 每次给出代码我们都要给出很多, 然后窗口的显示上也有很多不必要的东西, 我们为了后面进行更好的算法效果以及... ...
分类:
其他好文 时间:
2020-04-29 15:14:17
阅读次数:
68
企查查登陆验证使用的阿里系的滑动验证码,主要检查的是 内置属性、鼠标在页面中的事件、浏览器可见性中的宽高(canvas绘制)、滑动过程中坐标轴的变化等信息。 使用puppeteer能很好的模拟页面中的事件,但是在进行测试企查查登陆时,需要浏览器的可见性,而且与分辨率也有一定的关系,需要设置浏览器和系 ...
分类:
其他好文 时间:
2020-04-28 00:18:52
阅读次数:
204
我的博客原文地址:原文地址 如果文章对您有帮助,您的star是对我最好的鼓励~ 简要介绍:前端开发中,静态网页通常需要适应不同分辨率的设备,常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发,分析了px在移动端布局中的不足,接着介绍了几种不同的自适应解决方案。 px和 ...
分类:
其他好文 时间:
2020-04-27 09:56:49
阅读次数:
73