shiny_bender

摘要： 返回顶部的快捷按钮在web页面中普遍存在，不过有些的实现不理想，滚动条是瞬间滚到页面顶部，过程不平滑而影响效果。在这里列举实现返回顶部的几个方法。1、使用锚点页面顶部的元素设置id值，返回顶部由a标签实现，a标签的href值为之前页面顶部元素的id值。代码如下：1 2 足够使container出现滚动条的内容3 4 返回顶部View Code利用浏览器a标签的锚点功能，可以很容易实现返回顶部，不过滚动条滚动过程中并不平滑。2、使用DOM的scrollIntoView方法绑定返回顶部按钮的点击事件，事件回调函数中调用页面顶部元素的scrollIntoView方法。代码如下：1 //绑定返回... 阅读全文

摘要： 抽屉菜单在手机native应用中很常见。比如酷狗手机版的界面：左侧为操作菜单，默认不显示。需要时向左滑动界面，操作菜单将从侧边缓缓展示出来，不需要时向右滑动界面，操作菜单又将隐藏在侧边而不会占位置，操作菜单这种缓入缓出用户体验非常不错。这里采用css3实现抽屉菜单效果。以下代码以及实例请在基于webkit手机浏览器下访问。html代码如下：1 2 3 4 View Code样式代码如下: 1 .container{ 2 position: relative; 3 height: 300px; 4 overflow-x: hidden; 5 } ... 阅读全文

摘要： 使用CSS预处理器需要注意事项 阅读全文

摘要： 在css中，有多种形式表示颜色值，比如同一个红色，可用十六进制：#FF0000，或RGB:rgb(255,0,0)，或颜色关键字:red等表示。在符合W3C标准的浏览器下，通过函数getComputedStyle()会返回RGB/RGBA形式的颜色值，但在IE9以下浏览器，由于不支持该函数，必须自行实现颜色值的转换。这里举例大神DE的实现。function toHex(color) { var body = createPopup().document.body, range = body.createTextRange(); body.style.color = colo... 阅读全文

摘要： 精简代码实现遍历DOM节点 阅读全文

摘要： execScript与eval的区别 阅读全文

摘要： 今朝在技术群里，碰到有人问这样一个问题：使用正则去掉字符串中相邻的重复字符，比如字符串"ddssssaaaadkslsls"，去除相邻重复字符后，结果为"dsadksls"。仔细琢磨后，我的实现是这样的：1 'ddssssaaaadkslsls'.replace(/(\w+?)(?:\1+)/g, '$1');//运行结果为dsadksls这里涉及到正则表达式的知识点有：分组、反向引用、非捕获分组(貌似是这样称呼)、懒惰匹配、全局模式。对于具体知识点描述，本文不会在此赘述，有兴趣的客官可以翻阅。如上题算是较简单字符串处理功 阅读全文

摘要： Function.constructor === Function;//?!! 阅读全文

摘要： 实现img包含在某容量时居中显示 阅读全文

摘要： 《JavaScript patterns》读书笔记 阅读全文