Anjey

2012年8月13日

摘要： IE6在背景图片缓存上有一个bug：它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片，在IE6下会出现每次鼠标滑过则重新向服务器请求图片，如果服务器反应较慢，那么hover效果就会出现短暂的空白，令人极度不爽。虽然可以通过CSS sprites的方式解决问题的，但效果差强人意。示例：a{ background:url(normal.gif); } a:hover { background:url(hover.gif); }如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果，在firefox下是没有什么问题的，第一次加载之后，浏览器都会从缓存读取背景图片.解决方阅读全文

posted @ 2012-08-13 15:52 Anjey 阅读(449) 评论(0) 推荐(0) 编辑

下一代Jquery模板-----JsRender

摘要：在ASP.NET MVC利用PagedList分页（二）PagedList+Ajax+JsRender中提到了JsRender。JsRedner和JsViews（JsViews是再JsRender基础上的进一步封装）被称为下一代的Jquery模板，官方地址：https://github.com/BorisMoore/jsrender;https://github.com/BorisMoore/jsviews。Juqrey模板是一个javascript引擎（抄的、这个东东太高深了），他最直接的作用就是:1、代码重用，减少代码量;（貌似还更容易编写）2、抛弃繁琐的字符串拼接、提高代码可见性、简.. 阅读全文

posted @ 2012-08-13 14:09 Anjey 阅读(2407) 评论(0) 推荐(0) 编辑

2012年8月12日

javascript的String.replace的妙用

摘要：作为前端开发人员，总会有点自己的奇技淫巧，毕竟前端开发不同于后端，代码全部暴漏给用户不说，代码冗余了少则影响带宽，多则效率降低。所以今天我也来爆个自己的奇技淫巧。javascript的String.replace方法应该javascript前端开发工程师都了解，可是你掌握了吗？replace有接受两个参数，第一个参数可以是字符串，也可以是正则表达式，第二个参数除支持字符串之外，还支持$1形式正则匹配的文本，除此之外还支持传入一个处理函数，这个函数的return值就是要替换成的内容。了解更多javascript的String.replace用法，访问：http://www.w3school.co 阅读全文

posted @ 2012-08-12 23:36 Anjey 阅读(307) 评论(0) 推荐(0) 编辑

javascript 位运算符

摘要： http://js8.in/906.htmlECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。在 ECMAScript 中，所有整数字面量默认都是有符号整数，这意味着什么呢？有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。数值范围从 -2147483648 到 2147483647。可以以两种不同的方式存储二进制形式的有符号整数，一种用于存储正数，一种用于存储负数。正数是以真二进制形式存储的，前 31 位中的每一位都表示 2 的幂，从第 1 位（位 0）开始，表示 20，第 2 位（位 1）表示阅读全文

posted @ 2012-08-12 23:30 Anjey 阅读(422) 评论(0) 推荐(0) 编辑

javascript contains方法来判断元素包含关系

摘要： IE中的contains方法可以判断A元素是否包含B元素，如果包含则返回true，否则返回false，在开发中会在事件代理处理上面用到。W3C的方法是compareDocumentPosition，所以综上来说：JS通过contains和compareDocumentPosition方法来确定DOM节点间的关系,判断一个元素(对象)是否为另一个元素的子元素。IE的contains方法很简单，但是W3C的DOMElement.contains(DOMNode)方法会返回却是一个数值。DOMElement.contains(DOMNode)link：https://developer.mozill 阅读全文

posted @ 2012-08-12 23:28 Anjey 阅读(1857) 评论(0) 推荐(0) 编辑

addEventListener第二个参数的handleEvent

摘要：三水清 2012-03-07 18:48:17 http://js8.in/983.html昨天无意中看到一篇老外的文章，文章提到了addEventListener第二个参数可以传入object，并且对象中handleEvent为事件处理函数。例如下面的javascript代码：var obj = { handleEvent: function() { alert('body clicked'); }};document.body.addEventListener('click',obj,false);测试发现这段代码在IE9+，chrome，FF，opera等阅读全文

posted @ 2012-08-12 23:23 Anjey 阅读(761) 评论(0) 推荐(0) 编辑

6个Javascript数组实用的原型扩展方法

摘要：可以说数组在任何一门编程语言中都是一个极其重要的工具，在 JavaScript 也是如此，但遗憾的是原生 JavaScript 中对数组提供的方法少之又少，这在一定程度上降低了开发效率，如果你也为此所困扰，那么下面的代码对于缓解这样的尴尬局面也许能有一点帮助。在开始对数组进行原型扩展之前，非常有必要添加一个方法来验证一个变量是否为数组类型。该方法接受一个任意数据类型的变量作为参数，如果是数组则返回true，否则，你懂得。function isArray(a){ return a.constructor === Array ? true : false;}// Usage :var isA... 阅读全文

posted @ 2012-08-12 23:05 Anjey 阅读(664) 评论(0) 推荐(0) 编辑

开发中一些常用的正则表达式

摘要： http://www.jsmix.com/blog/javascript/regular-expressions-in-common-use.html有着“字符串处理利器”美称的正则表达式在 JavaScript 中同样扮演了一个重要的角色，开发人员使用他方便地对字符串进行查找、替换等等操作，然而对于绝大多数人而言正则表达式并不是一门简单的语言，编写规则稍微复杂的正则往往需要花费大量的时间和精力，好在它具有很强的独立性，与程序逻辑本身没有牵连，这意味着如果你知道一个符合需求且有效的正则表达式，那么你可以完全放心的复制并粘贴到你的代码中。于是在平时收集一些常用的正则表达式就变成一件非常有意义的事阅读全文

posted @ 2012-08-12 23:02 Anjey 阅读(194) 评论(0) 推荐(0) 编辑

2012年8月7日

bug fix

摘要： http://ued.alipay.com/wd/2010/07/28/ie-beat-the-holy-canon-css-bug-table/ 问题浏览器 DEMO 解决方法Hacking Rules:property:all-ie\9; property:gte-ie8\0;*property:lte-ie7; +property:ie7; _property:ie6;1 input[button | submit] 不能用 margin:0 auto; 居中 IE8 bug | fixed 为input添加width2 ... 阅读全文

posted @ 2012-08-07 17:57 Anjey 阅读(609) 评论(0) 推荐(0) 编辑

webkit 字体大小调整

摘要：页面重构经常会做字体大小调整，有时字体会小于12px，当然如果你用firefox、opera、ie浏览我们的游戏页面，这些都是正常的，但有没有试过chrome呢？这时你会发现原本小于12px字体它却显示12px大小了，就要用到-webkit-text-size-adjust这个是苹果移动设备用于控制字体大小用的，这里有它的说明: 点击查看下面是apple关于-webkit-text-size-adjust 的说明-webkit-text-size-adjustSpecifies a size adjustment for displaying text content in Safari on 阅读全文

posted @ 2012-08-07 15:46 Anjey 阅读(935) 评论(1) 推荐(0) 编辑

公告