🌓

CSS3动画条纹边框

css3-animation-stripes

阅读全文

移动web前端开发常见问题解决方案

m8

1、<meta> 元素

meta 标签位于 head 标签之间,是 HTML 语言的一个辅助性标签,合理的设置在移动端中起着非常重要的作用。下面列举几个常用的用法:

阅读全文

如何判断Javascript对象是否存在

Javascript语言的设计不够严谨,很多地方一不小心就会出错。举例来说,请考虑以下情况。

现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明。用自然语言描述的算法如下:

1
2
3
if (myObj不存在){
声明myObj;
}

阅读全文

undefined与null的区别

大多数计算机语言,有且仅有一个表示”无”的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。

有点奇怪的是,JavaScript语言居然有两个表示”无”的值:undefined和null。这是为什么?

阅读全文

IE6到IE10hack

作为一个前端开发攻城湿,说实在的最痛苦的就是面对IE的各种兼容性,坑爹的,蛋疼的各个版本的IE不同版本差异并不小。其实网上有太多的人转载了各式各样的方法,但是太多复制太多转载,太多未经测试就发布出来的东西,很多初学者在使用的时候会发现并没有什么效果。其中原因可能是代码本身就有问题,另一种原因可能是使用代码不正确导致。

阅读全文

浅谈HTML5预加载功能

近年来随着HTML5等新一代技术的浪潮来临,对整个web行业带来了冲击性的改革,其中有个值得讨论的技术,预加载,这个技术是预先读取了用户接下来即将会访问页面,让用户接下来访问的时候大大了加快了页面读取速度,这个有点类似于图片预读取。

阅读全文

IE事件处理程序与其他浏览器之区别

今天想跟大家讨论下关于IE与其他浏览器之间的事件绑定事件的一些差别,在现在的WEB端从事DOM操作的程序员应该要常常为各种各样的元素绑定各种事件,那你是否真的了解各浏览器之间的事件绑定原理呢,今天我就给大家来简单解析下。

其实现在很多开发人员都在使用Jquery等JS框架进行开发,当然对于事件绑定不会遇到太多的兼容性,因为框架本身已经解决了跨浏览器之间的事件绑定的兼容问题。框架使用好坏就像一把双刃剑,高效,兼容性强等等都是好的一面,坏的一面当然是让使用者对其行程了依赖性,丧失了很多机会去接触更加底层的东西。其实本人在前两年的工作期也是非常依赖框架带来的便捷,当然后面也遇到了各种各样的瓶颈,好在最后开始觉悟了,嘿嘿!好了废话了一堆,马上进入正题。

阅读全文

overflow:auto;在IE6/7下诡异事件

今天在开发一个产品列表的时候遇到了一个有趣的问题,关于overflow:auto;在IE6/7下无效的问题,在其他浏览器都是正常的,这个还真是我第一次遇到了这样的问题,不知道其他人有没有遇到过。

我们先来看看我页面的html代码

1
2
3
4
5
<div class="prd_box">
    <ul class="prd_list">
        <li class="list clearfix"></li>
    </ul>
</div>

阅读全文

css3 media媒体查询器用法总结

2

随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术**Media(媒体查询器)**的用法。

阅读全文

深入理解javascript之this

1401436623

阅读全文

javascript定义类的3种方法

1401439153

阅读全文

jQuery的deferred对象详解

d

jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。

阅读全文

如何让你的ajax更加高效且完善

1401443515

阅读全文

jQuery点击自身以外地方关闭弹出层

1401432980

阅读全文

深入理解JS原型链与继承

bjpeg

阅读全文

jQuery 中的防冲突(noConflict)机制

b

许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名,jQuery 是其中最为典型的一个。在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾。jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交。

阅读全文

Javascript性能优化之异步加载和执行

a

随着科技的发展,如今的网站和五六年前相比,现在的人们对web的要求越来越高了,用户体验,交互效果,视觉效果等等都有很高的要求,要实现这些功能我们最就需要用到javascript,这时候JS的性能优化就越来越重要了,今天在这里给大家转载一篇IBM开发人员写的怎么优化javascript文章,我觉得写的挺好,希望对大家有所帮助。

阅读全文

javascript面向对象编程之封装方法

1401432158

阅读全文

布局神器display:table-cell

1

背景

随着时间的推进,ie6、ie7在中国浏览器市场的占有率越来越低的情况,我现在工作的团队,经过用户访问数据,得知ie6、ie7的用户已经非常少的前提下,决定不在兼容ie6、ie7。正式在这个激动人心的决定后,让我对display:table-cell;这个属性有了更加深入的应用和理解。在ie8还必须兼容的pc端,它绝对是一个现代的布局神器。

阅读全文

JS:cookie(创建,读取,删除)

一、创建cookie

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function setCookie(name, value, expires, path, domain, secure) {
var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value);
if (expires instanceof Date) {
cookieText += '; expires=' + expires;
}
if (path) {
cookieText += '; path=' + path;
}
if (domain) {
cookieText += '; domain=' + domain;
}
if (secure) {
cookieText += '; secure='+secure;
}
document.cookie = cookieText;
}

阅读全文