摘要: 今天来说说vh,vw,vmin,vmax,这些css3中定义的尺寸单位,能在css中解析原始包含块的宽高信息,用途还是有些的.根据css3标准的定义,这些v系列的尺寸全称为viewport-percentage length, 顾名思义,它们定义了相对于原始包含块的百分比尺寸。当原始包含块的尺寸改变时,你用这些单位定义的尺寸也会相应地改变。当根元素的overflow为auto时,则看作原始包含块没... 阅读全文
posted @ 2015-06-21 21:51 rubyisapm 阅读(998) 评论(0) 推荐(0) 编辑
摘要: 写在前面:本文案例除特别指明,默认基于chrome mac版。你可能想:闭包么难道还有浏览器差异么?!嘿嘿,你且看来: 按我的理解,闭包就是可以在函数外面访问其内部变量的一种方式。因为大家都知道,javascript执行时遵循一个隐式的作用域链,查询变量的值时将沿作用域链一路向上查找。先看看常规方法和闭包的不同: var i='global';var func=function(){ cons... 阅读全文
posted @ 2015-06-21 21:40 rubyisapm 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 写在前面:本文中所有测试实例皆基于mac版chrome, firefox及safari。 同步请求 同步请求,其实也就是告诉js引擎:你先把我这个处理了再做别的事情!所以同步无需等,在send()之后直接往responseText中拿数据就好。 function req() { var xhr = new XMLHttpRequest(); xhr.open('get', './data.... 阅读全文
posted @ 2015-06-21 21:37 rubyisapm 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 原文链接:http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-overview DOM2事件模型概览 DOM2事件模型旨在两个方面的设计。 第一,设计可加入事件处理的原始事件系统,通过树结构来描述事件流,给每个事件提供基本的上下文信息。另外,规范为用户交互控制和文档变化通知提供标准事件模型,包含... 阅读全文
posted @ 2015-05-05 17:38 rubyisapm 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 写在前面:在学习XMLHttpRequest对象时碰到的一个问题,发现jquery的http请求会自动处理响应内容,变为开发者想要的数据,下面来看看吧: 实验案例: var xhr=new XMLHttpRequest();xhr.onreadystatechange=function(e){ console.log(e); if(xhr.readyState==4 && xhr.st... 阅读全文
posted @ 2015-04-09 22:52 rubyisapm 阅读(5333) 评论(0) 推荐(0) 编辑
摘要: 先抛出问题:我们如何使用JS脚本来发起一个http请求? 首先应该请楚,我们在使用浏览器浏览网页时,其实是浏览器帮我们发起一个又一个请求,唰唰唰~想象一下,当输入地址按下回车开始(其实在webkit的实现中,当我们输入地址时,浏览器已经在开始做地址匹配,DNS预查了..),一个GET请求便发起了,经过一系列的解析最终到达服务器(其中过程网上有很多版本,包括从键盘按下开始解释,这个不是我们现在的重点... 阅读全文
posted @ 2015-04-08 22:11 rubyisapm 阅读(407) 评论(0) 推荐(0) 编辑
摘要: Bug-IE6: 项目背景:tab实现 html: ul{ height : 25px; _overflow:hidden;//很重要! border-bottom : 2px solid #ccc;}li{ height : 24px; border-width : 1px 1px 0 1px; .....}li.current{ border-widt... 阅读全文
posted @ 2015-04-06 22:14 rubyisapm 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 正则表达式 var a=/\d/g;//a 的属性global: trueignoreCase: falselastIndex: 0multiline: falsesource: "\d"关于正则表达式的一些表示方法这里不做说明.... 正则表达式的方法 compile方法 ....实在想不通为啥要这个方法 test方法 检测给定的字符串是否符合该正则表达式规则。 test的用法 参数为字符串,如... 阅读全文
posted @ 2015-04-05 23:18 rubyisapm 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 书写环境 一定要在记事本里写,nodepad++中可能会有些默认的样式,曾经把nodepad++中的批处理代码直接复制到txt中是没有格式的,最终导致批处理无法执行。所以最好在txt中书写,按照格式空格换行写好就好了,有些时候看着代码格式无误,但运行出错,可能是因为中间有些格式在编辑时出错,比如换行目测有实际没有等的情况,在错误所在处进行检测,可以重新写一遍或者重新敲下回车试试。 例子 if(条件... 阅读全文
posted @ 2015-03-31 10:05 rubyisapm 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 关于手机屏幕尺寸 参考文章:https://github.com/xiangpaopao/blog/issues/8screen.width和screen.height表示手机的分辨率window.outerWidth和window.outerHeight指浏览器外沿大小(而实际上在有些手机上的显示显然很不靠谱,有时比innerWidth和innerHeight还小)window.innerWid... 阅读全文
posted @ 2015-03-31 10:01 rubyisapm 阅读(500) 评论(0) 推荐(0) 编辑