snandy

JavaScript目录菜单滚动反显组件的实现

摘要： JavaScript目录菜单滚动反显组件，有以下两个特点每个导航菜单项(nav)对应页面一个内容区域(content)滚动页面到特定内容区域(content)时，对应的菜单会自动切换，一般会添加一个高亮样式这个功能可以很方便的提醒用户目前所浏览的位置，有时目录菜单还会设计为滚动时一直固定在指定位置。... 阅读全文

posted @ 2014-10-10 08:15 snandy 阅读(4415) 评论(3) 推荐(8)

IE6/7/8不支持jQuery创建非闭合格式的链接A

摘要：代码如下使用 $('') 方式创建一个jQuery对象，然后添加到div里，Firefox/Chrome/Safari/Opera/IE9+都能看见添加的链接a。唯独IE6，7，8里不行。开始以为是1.6.4版本的bug（坚信这样的写法没问题），后换1.7.0，1.7.2，1.8... 阅读全文

posted @ 2014-10-09 20:23 snandy 阅读(1649) 评论(1) 推荐(0)

JavaScript吸顶灯的实现

摘要：吸顶灯是各站点常用的一个功能，它有两个特性向下滚动到div位置时，该div一直固定在页面的顶部向上滚动到div原有位置时，div又恢复到文档中的原位置div可能是一个“分类菜单”，也可能是一个“文章导航”。如也有可能是一个购物 “账单信息”实现思路如下div初始居普通文档流中给window添加scr... 阅读全文

posted @ 2014-10-08 14:29 snandy 阅读(8401) 评论(12) 推荐(12)

Safari5及以下版本不支持Date的横杠字符串格式

摘要： Date构造器有多种方式创建方式一、new Date()// 当天var date = new Date() 二、new Date(value)// value 为一个整数var date = new Date(1411616202925)var year = date.getFullYear() ... 阅读全文

posted @ 2014-09-25 13:02 snandy 阅读(3704) 评论(1) 推荐(1)

Tip和菜单的实现方式

摘要： Tip和菜单有类似的功能，即鼠标光标移上去的时候显示指定元素，鼠标光标离开的时候隐藏该元素。如下示例1：下拉菜单(鼠标移动到“客户服务”上时出现，离开则隐藏)示例2：水平菜单(鼠标移动到“餐饮美食”出现，离开则隐藏)示例3：Tip示例(鼠标移动到“更换”出现，离开则隐藏)从交互角度讲很简单，移上去显... 阅读全文

posted @ 2014-09-16 15:49 snandy 阅读(5516) 评论(0) 推荐(3)

跨域iframe的高度自适应

摘要： 1. 跨子域的iframe高度自适应2. 完全跨域的iframe高度自适应同域的我们可以轻松的做到1. 父页面通过iframe的contentDocument或document属性访问到文档对象，进而可以取得页面的高度，通过此高度值赋值给iframe tag。2. 子页面可以通过parent访问到父... 阅读全文

posted @ 2014-08-12 07:35 snandy 阅读(38723) 评论(24) 推荐(16)

同域iframe的高度自适应

摘要：引子父页面里控制子页面子页面里控制父页面一、引子我们先看一个示例，有两个页面，1.html通过iframe嵌入2.html，两个页面都是同域的1.html 1.html 2.html，很多P元素将高度撑高一些 2.html 这是一个i... 阅读全文

posted @ 2014-08-11 07:33 snandy 阅读(17127) 评论(16) 推荐(10)

JavaScript中判断为整数的多种方式

摘要：之前记录过JavaScript中判断为数字类型的多种方式，这篇看看如何判断为整数类型（Integer）。JavaScript中不区分整数和浮点数，所有数字内部都采用64位浮点格式表示，和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。方式一、使用取余运算符判断任何... 阅读全文

posted @ 2014-07-07 07:46 snandy 阅读(62884) 评论(8) 推荐(12)

仅IE6/7中添加checked为true的input到DOM中为false

摘要： HTML INPUT元素有个checked属性，多数情况type为radio和checkbox。当创建一个input，checked属性赋值为true，添加到DOM文档中，当再次取checked属性时，IE6、7竟然是false。测试如下var div = document.createElemen... 阅读全文

posted @ 2014-06-21 22:18 snandy 阅读(1766) 评论(1) 推荐(1)

Less里css表达式的写法

摘要：项目中用的grunt-contrib-less，写了以下less代码.mapfix{ position: fixed; top:10px; width: 430px; z-index: 100; background: #fff; -position:absolute; -top:ex... 阅读全文

posted @ 2014-06-17 11:48 snandy 阅读(4518) 评论(1) 推荐(1)

IE6-9中tbody的innerHTML不能赋值bug

摘要： IE6-IE9中tbody的innerHTML不能赋值，重现代码如下 IE6-IE9中tbody的innerHTML不能复制bug aaa ... 阅读全文

posted @ 2014-06-04 07:38 snandy 阅读(3995) 评论(1) 推荐(4)

matchesSelector及低版本IE中对该方法的实现

摘要： matchesSelector用来匹配dom元素是否匹配某css selector。它为一些高级方法的实现提供了基础支持，比如事件代理，parent, closest等。W3C在2006年就提出了该方法草案，Firefox和Safari相继实现，比如目前除IE6-IE8，Firefox/Chro... 阅读全文

posted @ 2014-06-03 07:38 snandy 阅读(3944) 评论(4) 推荐(3)

JavaScript日期组件的实现

摘要：旅游频道的开发中需要定义各种日期组件，有的是基本的日期选择，这个基本日期只包含如下功能左右翻（月）点击天回填到输入域点击“今天”，回填今天的日期到输入域点击“关闭”，日期控件关闭有的同时显示两个月的日期有的包含一些业务信息，比如机票搜索结果页的低价日历。这个比上面的要复杂一些每天的日期格子里含有价格... 阅读全文

posted @ 2014-05-26 07:29 snandy 阅读(12692) 评论(14) 推荐(6)

IE6/7/8中parseInt第一个参数为非法八进制字符串且第二个参数不传时返回值为0

摘要： JavaScript中数字有十进制、八进制、十六进制。以"0"开头的是八进制，"0x"或"0X"开头的是十六进制。parseInt用来把字符串转换成整型数字，它接受两个参数，第一个参数为字符串，第二个为数字基数如8,10,16。parseInt(string, radix)当第二个参数不传时默认为1... 阅读全文

posted @ 2014-05-14 16:34 snandy 阅读(2703) 评论(2) 推荐(2)

子程序设计原则

摘要：子程序（routines）是为实现一个特定功能而编写的一个可被调用的方法（method）、函数（function）或过程（procedure）。如Java中的方法，C++里的函数。现代编程语言如Java、C++、VB、JavaScript、Ruby等都同时支持函数和过程。一般认为函数指具有返回值的子... 阅读全文

posted @ 2014-05-10 14:54 snandy 阅读(3134) 评论(1) 推荐(2)

仅IE6中链接A的href为javascript协议时不能在当前页面跳转

摘要：切页面时有时用链接A来替代按钮，这样做有几个好处鼠标放上时默认有手状效果（不用添加cursor:pointer）可以添加低版本IE都支持的伪类如果点击时页面要整体刷新，即跳转，这时IE6则不尽人意，如下SinaSohuIE6中点击链接无法跳转，其它浏览器都可以。解决方法是改成锚点，SinaSohu如... 阅读全文

posted @ 2014-05-05 06:52 snandy 阅读(1929) 评论(3) 推荐(0)

JavaScript获取图片的原始尺寸

摘要：页面里的img元素，想要获取它的原始尺寸，以宽度为例可能首先想到的就是width，如下这里使用的getWH方法是之前文章里提到的。这时候获取的宽度和图片的原始尺寸是一样的。如果给img加上了width属性，这种方式就不行了，比如图片实际宽度是690，设置了width为400，这时按上面的方式获取则返... 阅读全文

posted @ 2014-05-04 07:20 snandy 阅读(69291) 评论(8) 推荐(10)

JavaScript判断图片是否加载完成的三种方式

摘要：有时需要获取图片的尺寸，这需要在图片加载完成以后才可以。有三种方式实现，下面一一介绍。一、load事件 img - load event loading... 测试，所有浏览器都显示出了“loaded”，说明所有浏览器都支持img的load事件。二、readystatechange事件 ... 阅读全文

posted @ 2014-05-03 17:00 snandy 阅读(119058) 评论(4) 推荐(11)

Mac OS X 快捷键

摘要：启动快捷键按下按键或组合键，直到所需的功能出现（例如，在启动过程中按住 Option 直到出现“启动管理程序”，或按住 Shift 直到出现“安全启动”）。提示：如果启动功能未起作用，而您使用的是第三方键盘，请连接 Apple 键盘，然后再试一次。按键或组合键功能Option 显示所有可引导宗卷... 阅读全文

posted @ 2014-05-02 16:51 snandy 阅读(1843) 评论(0) 推荐(1)

IE6-8中Date不支持toISOString方法

摘要： Date.prototype.toISOString方法是在ES5里添加的，ES3文档中没有，如下这个方法在IE6/7/8中不支持，可按下面方式修复下if (!Date.prototype.toISOString) { Date.prototype.toISOString = function... 阅读全文

posted @ 2014-04-25 18:11 snandy 阅读(1642) 评论(0) 推荐(0)

正则表达式中括号的多义性

摘要：中括号在正则中称为字符组(Character class)，有的书翻译为字符类，还有的翻译成字符集。我觉得字符组更好点，毕竟class在计算机属于中代表面向对象里的“类”。顾名思义，字符组为一组字符，它表示在一个位置里可能出现的多种字符。注意这里强调只匹配一个位置哦。简单字符组范围字符组组合字符组排... 阅读全文

posted @ 2014-04-14 08:01 snandy 阅读(24119) 评论(4) 推荐(5)

摘要：小括号在正则表达式这有以下意义限定量词作用的范围限定多选结构的范围为反向引用捕获文本分组捕获只分组不捕获前瞻一、限定量词作用的范围var reg1 = /(Matz)?/; // 0或1个Matzvar reg2 = /(Matz)+/; // 1个以上Matzvar reg3 = /(Matz)*/; // 0或多个Matz 二、限定多选结构的范围var reg = /(Matz|Eich)/reg.test('Matz') // => truereg.test('Eich') // => truereg.test('John') 阅读全文

posted @ 2014-04-08 07:09 snandy 阅读(13575) 评论(2) 推荐(7)