05 2015 档案

jQuery.outerWidth() 函数详解
摘要：outerWidth()函数用于设置或返回当前匹配元素的外宽度。外宽度默认包括元素的内边距(padding)、边框(border)，但不包括外边距(margin)部分的宽度。你也可以指定参数为true，以包括外边距(margin)部分的宽度。如下图：如果你要获取其它情况的宽度，请使用width()和... 阅读全文
posted @ 2015-05-29 17:28 jnpd 阅读(1656) 评论(0) 推荐(0)
media query ie8- 兼容实现总结
摘要：虽然说响应式设计的理想状态是，需对pc/移动各种终端进行响应；但是现实是高分辨率的pc端与手机终端屏幕相差太大，像电商这样有大量图片和文字信息的同时排版要求精准的页面，设计一个同时适应高分辨率pc又适合小尺寸的手机终端是挑战；同时高分辨率下pc页面信息量巨大，对于手机端用户是否需要，也许会造成带宽浪... 阅读全文
posted @ 2015-05-28 13:02 jnpd 阅读(506) 评论(0) 推荐(0)
screenX clientX pageX的区别
摘要：screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而... 阅读全文
posted @ 2015-05-21 19:30 jnpd 阅读(284) 评论(0) 推荐(0)
javascript正则表达式介绍
摘要：正则表达式就是一个用来描述字符模式的对象。它被用来在文本中执行模式匹配(pattern-matching)以及”查找-替换”(search-and-replace)的任务。javascript中正则的风格类似Perl中正则的风格。创建var reg = new RegExp(pattern,modi... 阅读全文
posted @ 2015-05-20 16:23 jnpd 阅读(225) 评论(0) 推荐(0)
oncontextmenu
摘要：一个页面中，BODY中用oncontextmenu='return false'来取消鼠标右键；在JS中设置oncontextmenu='return true'用window.document.oncontextmenu = function(){ return false;}例：OnContex... 阅读全文
posted @ 2015-05-18 19:10 jnpd 阅读(423) 评论(0) 推荐(0)
javascript之with的使用 弊端
摘要：妹的，昨天都快写完了，一不小心点了个关闭，然后。。。就没有然后了wordpress的自动保存功能咋就这么不靠谱呢 记得还在懵懂学习JavaScript基础之时，坊间便有传言“with语句是低效率语句，若非必要，请不要使用该语句”，同时， ECMAScript 5 的strict mode下是禁止使用... 阅读全文
posted @ 2015-05-17 22:58 jnpd 阅读(1021) 评论(0) 推荐(0)
js的with语句使用方法
摘要：1）简要说明with语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象。2）语法格式with(objectinstance){//代码块}有时候，我在一个程序代码中，多次需要使用某对象的属性或方法，照以前的写法，都是通过:对象.属性... 阅读全文
posted @ 2015-05-17 22:57 jnpd 阅读(383) 评论(0) 推荐(1)
如何让div中的内容垂直居中
摘要：虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好在千变万化的CSS可以灵活运用，可以制作出准垂直居中效果，勉强过关。 如何让div中的内容垂直居中 来源：黄超[点击放大]要让div中的内容垂直居中，无非有以... 阅读全文
posted @ 2015-05-14 09:06 jnpd 阅读(239) 评论(0) 推荐(0)
CSS3盒模型display:box详解
摘要：display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有... 阅读全文
posted @ 2015-05-10 22:49 jnpd 阅读(218) 评论(0) 推荐(0)
Javascript 中的 && 和 || 使用小结
摘要：普通情况下的 && 和 || 比较简单，这里不进行讨论。准备两个对象用于下面的讨论。代码如下:var alice = {name: "alice",toString: function () {return this.name;}}var smith = {name: "smith",toStrin... 阅读全文
posted @ 2015-05-07 09:12 jnpd 阅读(199) 评论(0) 推荐(0)
chrome表单自动填充去掉input黄色背景解决方案
摘要：chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：input:-webkit-autofill {background-color: #FAFFBD;b... 阅读全文
posted @ 2015-05-07 09:01 jnpd 阅读(2117) 评论(0) 推荐(0)
IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug
摘要：尽管在项目中测试人员已经慢慢淡化了IE6的测试，但是IE7依然还是要纳入测试范围。最近碰到一个IE7的蛋疼bug，在页面上设置了一个局部的滚动区域，在拖动滚动条的时候，滚动区域内设置了相对定位或绝对定位的元素不随滚动条移动位置。蛋碎了一地...在网上查了下看看大家都是怎么破这个问题的，发现这个问题居... 阅读全文
posted @ 2015-05-07 08:59 jnpd 阅读(147) 评论(0) 推荐(0)
js数据类型判断和数组判断
摘要：这么基础的东西实在不应该再记录了，不过嘛，温故知新~就先从数据类型开始吧js六大数据类型：number、string、object、Boolean、null、undefinedstring： 由单引号或双引号来说明，如"string"number：什么整数啊浮点数啊都叫数字，你懂的~Boolean:... 阅读全文
posted @ 2015-05-05 23:09 jnpd 阅读(159) 评论(0) 推荐(0)