overflow与underflow

最新推荐文章于 2022-07-20 14:38:41 发布
最新推荐文章于 2022-07-20 14:38:41 发布
阅读量484 收藏
点赞数
文章标签： c/c++ 测试

是新近的firefox浏览器中支持overflow, underflow这两个事件,当某一元素的大小超出父元素的显示范围就会触发overflow事件,如果从超出显示再变回不超出的状态则触发underflow事件.


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>测试用例 by 司徒正美</title>
    </head>
    <body >
        <div id="wrapper">
            <div id="child"></div>
        </div>
        <br/>
        <label><input type="checkbox" id="toggle" checked/> Overflow</label>

        <style>
            #wrapper {
                width: 300px;
                height: 300px;
                background: blue;
                overflow: hidden;
            }

            #child {
                width: 200px;
                height: 200px;
            
                background: yellow;
            }
        </style>

        <script>
            var wrapper = document.getElementById("wrapper"),
                    child = document.getElementById("child"),
                    toggle = document.getElementById("toggle");

            wrapper.addEventListener("overflow", function(event) {
                console.log(event);
            }, false);

            wrapper.addEventListener("underflow", function(event) {
                console.log(event);
            }, false);



            toggle.addEventListener("change", function(event) {
                if (event.target.checked) {
                    child.style.width = "400px";
                    child.style.height = "400px";
                } else {
                    child.style.width = "200px";
                    child.style.height = "200px";
                }

            }, false);
        </script>
    </body>
</html>
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>测试用例 by 司徒正美</title> </head> <body > <div id="wrapper"> <div id="child"></div> </div> <br/> <label><input type="checkbox" id="toggle" checked/> Overflow</label> <style> #wrapper { width: 300px; height: 300px; background: blue; overflow: hidden; } #child { width: 200px; height: 200px; background: yellow; } </style> <script> var wrapper = document.getElementById("wrapper"), child = document.getElementById("child"), toggle = document.getElementById("toggle"); wrapper.addEventListener("overflow", function(event) { console.log(event); }, false); wrapper.addEventListener("underflow", function(event) { console.log(event); }, false); toggle.addEventListener("change", function(event) { if (event.target.checked) { child.style.width = "400px"; child.style.height = "400px"; } else { child.style.width = "200px"; child.style.height = "200px"; } }, false); </script> </body> </html>

运行代码

如果是webkit系统的浏览器,则用overflowchanged这个事件代替

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>测试用例 by 司徒正美</title> </head> <body > <div id="wrapper"> <div id="child"></div> </div> <br/> <label><input type="checkbox" id="toggle" checked/> Overflow</label> <style> #wrapper { width: 300px; height: 300px; background: blue; overflow: hidden; } #child { width: 200px; height: 200px; background: yellow; } </style> <script> var wrapper = document.getElementById("wrapper"), child = document.getElementById("child"), toggle = document.getElementById("toggle"); wrapper.addEventListener("overflowchanged", function(event) { var overflow = event.verticalOverflow || event.horizontalOverflow var type = overflow ? "overflow" : "underflow" delete event.type event.type = type console.log(event) }, false); toggle.addEventListener("change", function(event) { if (event.target.checked) { child.style.width = "400px"; child.style.height = "400px"; } else { child.style.width = "200px"; child.style.height = "200px"; } }, false); </script> </body> </html>

运行代码

对于不支持的浏览器,那只能轮询判定是否存在滚动条了,可以看这里

weixin_33843409
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
深度学习之数值计算 （一）overflow and underflow
u012631977的博客
09-06 5753
前言：本系列文章，来自Yoshua Bengio大神的《deep learning》，深度学习已经应用了一段时间，打算学习下理论知识，这样才能有突破。        在数字计算机上执行连续数学的基本困难在于，我们需要用有限的(bit)位数来表示无限的实数。这就意味着，当我们在计算机中去表示这些实数时，几乎所有的实数都会发生近似误差。大多数情况，这些是取整误差(rounding error
Stack-over-underflow:使用2020 Stack Overflow开发人员调查的Stack Overflow使用情况和社区分析
04-10
使用2020 Stack Overflow开发人员调查的Stack Overflow使用情况和社区分析此处 目录 安装 除了Python的Anaconda发行版之外，没有任何必要的库可以在此处运行代码。 使用Python版本3. *，该代码应该可以正常运行。 ...
underflow 、overflow 下溢和上溢
weixin_34237596的博客
09-19 1425
在strtoull函数返回值中，就提到上溢和下溢的问题，现在把这俩个概念拿出来涨涨见识！ 上溢  Overflow 是当一个超长的数据进入到缓冲区时，超出部分被写入上级缓冲区，上级缓冲区存放的可能是数据、上一条指令的指针，或者是其他程序的输出内容，这些内容都被覆盖或者破坏掉。可见一小部分数据或者一套指令的溢出就可能导致一个程序或者操作系统崩溃。   下溢 underflow 与之...
overflow and underflow
u013978386的博客
04-25 385
Carry is used for unsigned math, Overflow is used for signed math. Adding two numbers with different signs cannot overflow. An overflow can only happen when two numbers with the same sign produce a
Overflow and Underflow
weixin_33800593的博客
02-18 181
Overflow is said to occur when the number that one gets as a result of some arithmetic operation on two n-bit binary numbers (signed or unsigned) is larger in magnitude than the largest number one can...
stack-underflow:功能丰富的“堆栈溢出”（QnA站点）克隆。 用w MERN堆栈+ GraphQL制成
05-03
堆栈下溢| SOF克隆| MERN图 使用MERN + GraphQL制作的Fullstack 克隆（QnA站点） 演示版 内置使用 前端 前端框架 Client-状态管理库，用于使用GraphQL管理本地和远程数据 用于用户状态，吐司通知，主题等。...
SPARC结构与实时内核的移植
02-03
- **Inputs寄存器和Local寄存器保存区**：用于保存Overflow或Underflow Trap发生时的寄存器值。 - **Hidden Parameter传递区**：用于传递不可见参数。 - **Entry Parameters区**：存储调用者传递给被调用者的参数。 ...
Matlab实现算术编码（arithmetic coding）演示下溢问题
11-11
在Matlab中实现算术编码，需要注意的一个关键问题是下溢（underflow），这在处理低概率事件时尤其常见。 在算术编码过程中，我们维护两个边界值：`high_value`和`low_value`，它们代表当前编码区域的上限和下限。这...
软件技术基础-栈结构(与“队列”有关文档共38张).pptx
11-13
if(stack->top == MAXNUM - 1) error("Stack Overflow"); stack->data[++stack->top] = new_one; } elemtype pop(stack_type *stack){ if(stack->top ) error("Stack Underflow"); elemtype out = stack->data...
类型的Overflow与underflow
u011723812的博客
08-26 9526
Overflow：值超过了该类型所能表示的最大值 Underflow:值低于该类型所能表示的最小值 例如： short int  val=32767；//short是两个字节，最高位是符号位 //val=0111,1111,1111,1111 //加一 发生overflow （overflow 后结果：-32768） //最高所能表示的数值是32767，此时如果加1，发生o
浅谈上溢overflow和下溢underflow
weixin_46838605的博客
04-26 6618
目录一、为什么会出现overflow和underflow？二、解决方法 一、为什么会出现overflow和underflow？ 计算机只能使用有限的bit来描述数字，因此当被描述的数字需要超多的bit位，而计算机的bit位不够时，计算机就不能准确地表示这些数字。 例如，因为计算机没有足够的bit位，所以不能描述一个极小的数 1×10−100001×10^{-10000}1×10−10000 ，计算机会认为这个数是0 。这种误把一个极小的数看作 0 的现象叫做underflow。 计算机也不能描述一个极大的数
SPARC寄存器窗口上溢(overflow)和下溢分析(underflow)
云计算?
05-12 303
今天在复习sparc体系结构的相关知识时，发现自己对寄存器窗口的上溢和下溢处理代码有点理不清了，特此记录一下，SPARC体系结构相关知识参见《http://www.sics.se/~psm/sparcstack.html》一文，这里仅分析上溢和下溢的处理函数。 1 上溢陷阱(Overflow Trap)处理函数 /* a SAVE instruction caused a t...
有效防止softmax计算时上溢出（overflow）和下溢出（underflow）的方法
爱CV
07-20 2018
实数在计算机内用二进制表示，所以不是一个精确值，当数值过小的时候，被四舍五入为0，这就是下溢出。此时如果对这个数再做某些运算（例如除以它）就会出问题。反之，当数值过大的时候，情况就变成了上溢出。.........
数值计算中的overflow and underflow
Ashinhuang的博客
12-18 676
数值计算中的overflow and underflow 以softmax为例 实数在计算机内用二进制标识，所以不是一个精确值，当数值过小的时候，被四舍五入为0，这就是下溢出，而指数函数容易出现无穷大数而导致溢出错误，如e100=2.6881171418161356e+43，e1000=inf，这些无穷大无法进行除法运算，就出现OverflowError错误，这是因为计算机能够处理的“数”必须在4字节或者8字节的有限数值范围内。 下溢：当接近零的数被四舍五入为零时发生下溢。 上溢：大量级的数被近似为无穷时发
overflow、overflow-x、overflow-y初识
sh0109的博客
05-10 1577
一、overflow overflow 属性规定当前内容溢出元素框时会如何处理。 支持情况：所有浏览器都支持overflow属性。 序号 overflow的值 描述 1 visible 默认值，内容不会被修剪，会呈现在元素框之外。没有滚动条。 2 hidden 内容会被修剪，并且溢出内容是不可见的。不会出现滚动条。 3 scroll
java overflow_如何处理JAVA WatchService Overflow事件？
weixin_39908758的博客
02-16 450
我想使用JAVA检测文件的创建和修改.我正在使用JDK 7提供的WatchService API.因此,当在给定实例上创建多个文件时,监视服务可以处理一个级别,然后生成和OVERFLOW事件.示例代码部分如下所示.当有和溢出事件被抛出以检测所有文件的创建时,最适合处理这种情况的方法是什么？for (WatchEvent> event : key.pollEvents()) {WatchEve...
IP核之FIFO
热门推荐
qq_40039676的博客
01-03 1万+
部分转载~ FIFO：First Input First Output，即先入先出队列，在计算机中，先进先出队列是一种传统的按序执行方法，先进入的指令先完成并引退，跟着才执行第二条指令。 主要功能包括： (1)数据的缓冲。如果数据的写入速率高，但间隔大，且会有突发；读出速率小，但相对均匀。则通过设置相应深度的FIFO，可以起到数据暂存的功能，且能够使后续处理流程平滑，避免前级突发时，后级来不及处理而丢弃数据。 (2)时钟域的隔离。对于不同时钟域的数据传递，则数据可以通过FIFO进行隔离，避免跨时钟域的数据传
基于ieee754的浮点数加法怎么判断overflow和underflow
最新发布
03-28
IEEE 754浮点数规范定义了多种浮点数的类型，包括正无穷大、负无穷大、NaN等。当进行浮点数加法时，可能会出现overflow和underflow的情况。以下是判断overflow和underflow的方法： 1. overflow：当浮点数的结果大于规定的最大值时，就会出现overflow的情况。IEEE 754浮点数规范规定了每个浮点数类型的最大值，因此可以比较计算结果和最大值的大小关系来判断是否出现overflow。对于单精度浮点数，最大值为3.4028235e+38，对于双精度浮点数，最大值为1.7976931348623157e+308。 2. underflow：当浮点数的结果小于规定的最小值时，就会出现underflow的情况。IEEE 754浮点数规范规定了每个浮点数类型的最小值，因此可以比较计算结果和最小值的大小关系来判断是否出现underflow。对于单精度浮点数，最小值为1.1754944e-38，对于双精度浮点数，最小值为2.2250738585072014e-308。 需要注意的是，当出现overflow和underflow时，计算结果可能会被舍入为正无穷大或负无穷大，这也是IEEE 754浮点数规范中定义的一种浮点数类型。因此，在判断overflow和underflow时，需要先判断计算结果是否为正无穷大或负无穷大。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值