天边、浅吟

摘要： 虽然和大家在一起学习各浏览器的Hack的写法，但我还是要说“Hack对于一位专业的前端攻程师来说并不是一样很好的东西，我力求处理浏览器兼容，尽量不使用Hack写法来处理，除非实在没有办法的情况下，再加以使用。”下面我们先来简单的了解一下什么是CSS Hack。Hack是针对不同的浏览器去写不同的CS... 阅读全文

摘要： 一、碎碎念~前言我们都用过jQuery的CSS()方法，其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭吃的人来讲，晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说，简单了解一些JS库底层实现对自己的学习很有帮助。可能... 阅读全文

摘要： document.body.clientWidth获取body元素对象的内容可视区域的宽度，即clientWidth=width+padding，不包括滚动条。document.body.clientHeight获取body元素对象的内容可视区域的高度，即clientHeight=height+pa... 阅读全文

摘要： x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。screenX:相对于用户屏幕。演示代码： Click here to ... 阅读全文

摘要： Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS... 阅读全文

摘要： 说到JavaScript中的正则表达式，JavaScript程序员尤其是新手都会有这么一个印象：难！为什么这么说，先上一个例子：regexp = /[a-z0-9!$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](... 阅读全文

摘要： 常见浏览器兼容性问题与解决方案1、不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异较大。碰到频率:100%解决方案：CSS里加一行*{margin:0;padding:0;}备注：这个是最常见的也是最易解决... 阅读全文

摘要： 当我想要完美的使用:nth-child或者:nth-of-type的时候有点儿头晕。你越理解它们，就能写出越好的CSS规则！在这些简单的”秘方”(实际上是表达式)中我将重复的使用一个简单的列表并随即选择数字。但是很明显很容易改变它们以获得类似的选择器。:nth-child规定属于其父元素的第二个子元素的每个 p 的背景色：p:nth-child(2){background:#ff0000;}只选择第五个元素li:nth-child(5){color: green;}要选择第一个元素，你可以使用:first-child，或者我相信你也可以改下上面的例子来实现。选择除了前面的五个之外的所有元素如果 阅读全文

摘要： 55 下面说下innerHTML，outerHTML，innerText的用法：如下的js代码：如果用innerHTML的话！就会弹出 55如果用outerHTML的话！就会弹出 55 如果用innerText的话！就会弹出55这样就很清楚的看出了这三个的用法和特点：innerHTML会选中除了id="box"以外的所有里面的节点和元素；outerHTML会选中连带本身的所有的节点和元素；innerText会选中元素里面的内容。代表将id="box"里面的所有元素替换成5,所以执行完上面的js代码之后，html中是这样的： 5打开网页会显... 阅读全文

摘要： 1.alert();"弹框提示" 2.confirm();“确认信息”3.prompt();"输入信息" 阅读全文