[感想]信息时代的信息是有时效性的,今天是确确实实感受到了.互联网资料虽然丰富,但是质量不一,还有大量的跟风雷同,很多人都是随手拷贝过来,根本没有实践.以前端为例,这两年浏览器的迅猛发展,造成很多原有知识的失效.但是网上还是大量充斥了以前失效的解决方案.我觉得,我们应本着实践精神,对任何问题的解决方案进行实际测试.须知:纸上得来终觉浅,绝知此事要躬行. 今天遇到一个关于透明度的问题. 大家都知道在css3中增加的新属性opacity——不透明度的设定. 使用了opacity的元素,它的不透明度会…

css3的Sizing Box-sizing是css3的box属性之一,遵循css的boxmodel原理,css中box model是分为两种,第一种是w3c的标准模型,另一种是ie的传统模型,他们相同之处都是对元素极端的模型,具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系. w3c的标准box model 外盒尺寸计算(元素控件尺寸) Element空间高度 = content height +padding+border+margin El…

为了减少重复代码的编写,我们需要创建POM的父子结构,然后在POM中申明一些配置供子POM继承,以实现"一处申明,多处使用的"目的.以之前的模块中的结构为基础,在account-aggregator下创建一个account-parent的子目录,然后在该子目录下创建除account-aggregator模块之外的模块的父模块.为此在该子目录下创建一个pom.xml文件如下: <?xml version="1.0" encoding="UTF-8&qu…

在大多数情况下我们在设置元素的 border 和 padding 并不希望改变元素的 width,height值,这个时候我们就可以为该元素设置 box-sizing:border-box;. 我不希望每次都重写一遍,而是希望他是继承而来的,那么我们可以使用如下代码: html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } 这样的好处在于他不会覆盖其他组件的 box-sizing 值,又无需为每…

3种方法1.在父元素事件的function中加if(event.target==this){ }2.子元素事件function最后加event.stopPropgation():// 阻止事件冒泡3.简单点,直接在子元素事件function最后加return false:// 阻止事件冒泡和默认操作…

<a> <b></b> </a> $("a").click(...); 这种绑定的话,b也会响应一次事件,如何只对a元素绑定事件,而不对子元素绑定呢?即b被click之后自己并不触发回调函数,而是把事件传递给a. 我现在的做法是:直接在a上写 <a onclick="xxx"></a> ,这样b就不会把自己作为event.target触发回调了. --- 更新 ----大家可能对我的意思有误解,…

非常简单,子元素上添加如下代码即可 $('a').click(function(e){ e.stopPropagation(); }); 老版本为event,现在用e就行…

$('.box').on('click', function (e) { if(e.target == this) { console.log(e.target) } })…

Instead of using opacity, set a background-color with rgba, where 'a' is the level of transparency. So instead of: background-color: rgb(0,0,255); opacity: 0.5; use background-color: rgba(0,0,255,0.5);…

HTML中的坐标系及其在MouseEvent和元素中的应用 HTML有四个坐标系统: Screen, Page,Client和offset, 用于描述DOM元素的Box尺寸和MouseEvent中的位置. screen: 屏幕坐标系,(screenX,screenX), 屏幕的左上角是(0,0), 它与窗口无关, 无论浏览器的窗口如何移动和缩放,screen坐标系的原点始终在显示屏的左上角,W和H也不变. Screen坐标的最大范围是screen.width, screen.height, **…