`

小小div,引来大问题

 
阅读更多

前天一天,确实没干别的,整整在找一个bug。最后发现是div引起的。虽然用了一天的时间,但是让我收获很大。总结一下几点:

1:标签要开关成对。看到这句话,相信任何一个人对认为只是幼儿园级别的问题。可是,我就是倒在了这个问题上。原来项目是work的,又来了一个新的需求,因为不是很大的变动,所以由我来该 。后来和一个同事改好了,测试了一下,没问题,能够正常运行了,可是过了一点,产品过来说,其他部分不work了。但是想可能是我改坏的。然后调试了一下,github认为是我的那次修改引起的。于是乎看修改(这个项目不小)。随后看源码竟然是多了一个</div> ,因为这个div会提前关掉某个div,所以导致项目的部分不work了。当时心想,小东西,竟然其了这么大的问题。

2:这次错误是因为div块,没有弄好造成的。这个比较麻烦,需要看代码,这里不说了。几年下吧。

3:这是我认为最重要的一条。就是在修改代码的时候要测试一下这个bug有没有对其他的功能造成影响。其实这也很难弄,尤其是项目大了以后,但是以后尽量还是注意一下和自己修改的地方比较近的地方。

 

 

 

分享到:
评论

相关推荐

    DIV可移动 可实现任意拖动放大缩小

    9. **性能优化**:为了避免频繁的DOM操作导致的性能问题,可以使用`requestAnimationFrame`来优化动画效果,确保在浏览器重绘之前更新div的位置和大小。 在提供的压缩包文件`div_MoveAndLashen.txt`中,很可能是...

    Div放大效果

    Div放大效果的javascript源码

    新Div拖动调整大小实例

    选中复选框(可移动、可调整大小)后,打开的DIV具有移动/调整大小的功能(此时移动/调整大小快捷键可使用); 反之,不可移动/调整大小(此时移动/调整大小快捷键无效) 单选框默认居中打开选中,无论有无保存DIV位置和...

    拖拽+拖拽改变div大小

    至于“暂无兼容性问题”,这可能意味着此实现方案已经在主流浏览器中经过了测试,能够良好运行。但需要注意的是,尽管HTML5的`draggable`属性在现代浏览器中支持度较高,对于一些旧版浏览器或者非桌面设备,可能需要...

    dragresize 可让用户调整页面DIV的大小和位置

    在网页设计和开发中,有时候我们需要提供用户交互式的界面元素,比如允许用户自定义调整页面上的某些区域(如DIV)的大小和位置。这能够增强用户的体验,让他们根据自己的需求来定制视图。"dragresize"就是这样一个...

    js控制六个div的大小变化

    var divs = document.querySelectorAll('#div1, #div2, #div3, #div4, #div5, #div6'); for (var i = 0; i ; i++) { var div = divs[i]; setTimeout(function() { div.style.width = '200px'; // 增大宽度 ...

    div弹出层 定位问题的 处理

    下面我们将详细探讨`div`弹出层定位问题的处理方法。 首先,让我们理解`div`的基本概念。`div`是HTML中的一个块级元素,它本身没有特定的样式,但可以作为容器来容纳其他HTML元素,并通过CSS进行样式定义。在实现弹...

    外部DIV如何强制宽度不被内部DIV撑开

    其中,`hidden`和`auto`尤其适用于解决本问题。 #### `overflow: hidden` 将外部`&lt;div&gt;`的`overflow`属性设置为`hidden`可以隐藏超出该`&lt;div&gt;`边界的内容,从而防止内部元素撑开外部`&lt;div&gt;`的宽度。这意味着,如果...

    DIV层拖动的实现,可改变大小.

    DIV层拖动和改变大小的实现 在Web开发中,DIV层拖动和改变大小是非常常见的交互方式。通过使用JavaScript和CSS,可以实现DIV层的拖动和改变大小的功能。本文将对DIV层拖动和改变大小的实现进行详细的介绍。 一、...

    js拖动div并拖动DIV的大小

    mousemove事件可能会非常频繁地触发,为了避免性能问题,可以使用防抖(debounce)或节流(throttle)技术来限制处理函数的执行频率。 10. **浏览器兼容性**: 不同浏览器对事件处理和DOM操作的支持可能存在差异,...

    可拖动div边框改变大小的方法

    可拖动div边框改变大小的方法,jquery拖拽改变div大小效果,。。。。。。。。。。。。。。。。。。。。。。。。。

    移动div+改变div大小+右键添加新的div+div只能在一个范围的。。JQ+js+html源码。。

    在网页设计和开发中,`div`元素是一个非常基础且重要的组成部分,用于组织和布局页面内容。本项目涉及的核心知识点是使用JavaScript(JQ和原生JS)与HTML来实现`div`元素的动态交互功能,包括移动、大小调整、右键...

    html5 div图片放大插件手机端图片放大预览效果

    html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果

    div+css例子 div+css例子

    div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...

    css+div 经典问题

    2. CSS Grid和Flexbox:这两种现代布局系统都广泛地使用div元素,Grid适用于二维网格布局,Flexbox则适用于一维布局,两者极大地简化了复杂网页布局的设计。 3. 分割屏幕布局:利用div和CSS,可以轻松实现左右或...

    Div拖动/调整大小实例

    Div拖动/调整大小实例 教你迅速的掌握如何写js 可以用鼠标控制div大小和位置 Div拖动/调整大小实例 教你迅速的掌握如何写js 可以用鼠标控制div大小和位置

    Clk_Div.rar_FPGA时钟分频_clk div IP_clk_div_clk_div ip 参数_clk_div 参数

    在实际应用中,时钟分频器的使用不仅限于简单的频率转换,还可能涉及到时钟同步、时钟恢复、抖动抑制等复杂问题。因此,对于FPGA工程师来说,掌握clk_div IP核的使用和参数配置是提升设计能力的重要一环。通过深入...

    图片超出div大小,自动调整

    图片超出div大小,自动调整,谷歌ie8、10测试通过,其他的没试应该都好使。。。

    鼠标移动到div上显示制定信息或者div(自适应显示位置)

    在网页设计中,有时我们需要实现一个功能:当用户将鼠标悬停在某个div元素上时,显示特定的信息或另一个div。这个功能可以增强用户体验,帮助用户更好地理解和操作页面。本教程将详细介绍如何实现这一功能,并确保...

    拖动div的四个拐角改变其大小

    总之,通过利用jQuery UI库中的Resizable和Draggable插件,我们可以轻松地实现在Web页面上拖动div的四个角来改变其大小的功能,同时也能方便地拖动div在限制范围内移动,极大地增强了用户的交互体验。

Global site tag (gtag.js) - Google Analytics