- 博客(17)
- 资源 (2)
- 收藏
- 关注
转载 Js事件冒泡
事件冒泡:当一个元素上的事件被触发时,比如鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被激发,这一过程称为事件冒泡,这个事件从原始元素一直冒泡到Dom树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮,并且它在我们的元素对象中以属性的形 式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上,等待一个事件从它的子级
2015-03-06 18:50:49
417
转载 jQuery数组处理详解(含实例演示)
jQuery数组处理详解(含实例演示)Posted by Mr.Think on 11/26/2010分类于@jQueryjQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档 中对数组的介绍,顺便对jQuery数组做个总结.温故,知新.强烈
2015-03-06 18:49:31
606
原创 HTML5学习笔记
1、什么是腻子脚本?腻子脚本(polyfill)这个词由Remy Sharp 提出,意指使用腻子来补平老版本浏览器的缺陷。因此,腻子脚本具体指的是一段能给老版本浏览器带来新特性的JavaScript 代码。值得注意的是,腻子脚本会给你的代码里追加多余的代码。因此,就算你添加3 个腻子脚本可以让Internet Explorer 6 中网站的渲染效果与其他浏览器一模一样,也并
2015-03-06 18:47:54
567
原创 CSS3学习笔记
1、私有前缀 -webkit-是针对Webkit 核心浏览器 -ms-是微软的私有前缀所以针对的是Internet Explorer -moz-是针对FireFox的 随着对CSS3 研究的不断深入,我衷心建议大家去看看这个网站http://caniuse.com2、CSS3 小技巧 (1)CSS3 多栏布局
2015-03-06 18:45:30
421
原创 用 HTML5 和CSS3 征服表单
1、placeholder:其属性值就会默认显示 为占位符文字,输入框获取焦点时该文字自动消失。当输入框失去焦点且没有任何输入 值时,占位符文字则会再次显示 required:布尔类型的属性(也就是 说你可以选择追加或不追加该属性),则表明该表单域是否为必填项 如果表单提交时该必填 项没有任何信息,浏览器则会显示警告信息
2015-03-06 18:44:46
497
原创 解决跨浏览器问题
1、渐进增强与优雅降级 优雅降级:优雅降级指的是为现代浏览器制作网站,然后保证为某些老版本浏览器提供基本可用的 体验。新特性在老版本浏览器中会降级,且一般会有一个分界点,声明不支持那些老掉 牙的浏览器。有些时候用户也仅会被警告他们所使用的浏览器有问题,建议其更换 渐进增强:渐进增强与优雅降级恰好相反。渐进增强以恪守Web 标准的标签为基础,意味着它在所 有浏览器中均可用
2015-03-06 18:42:38
1696
原创 编写可维护的JavaScript(一)
1、js中2个等号与3个等号的区别 首先,== equality 等同,=== identity 恒等。==, 两边值类型不同的时候,要先进行类型转换,再比较。===,不做类型转换,类型不同的一定不等。下面分别说明:先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等:1、如果类型不同,就[不相等]2、如果两个都是数值,并且是同一个值,那么[
2015-03-06 18:40:02
419
转载 前端开发的优化问题
前端开发的优化问题: (1) 减少http请求次数:css spirit,data uri (2) JS,CSS源码压缩 (3) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数 (4) 用innerHTML代替DOM操作,减少DOM操作次数,优化javasc
2015-03-06 18:38:21
1799
原创 IE、FF下面CSS的解释区别
(1) 让页面元素居中ff{margin-left:0px;margin-right:0px;width:***}ie上面的设置+text-align:center(2) ff:不支持滤镜 ie:支持滤镜(3) ff:支持!important ie支持*,ie6支持_(4) min-width,min-
2015-03-06 18:37:11
645
原创 zepto.js不同于Jquery的地方
1、选择器选择的时候,若是一个完整的标签,则是创建标签// 创建元素:$("Hello") //=> 新的p元素// 创建带有属性的元素:$("", { text:"Hello", id:"greeting", css:{color:'darkblue'} })//=> Hello// 当页面ready的时候,执行回调:Zepto(function($){ alert('Re
2015-03-05 18:44:48
1016
原创 css规则
@import语法:@import url (url) sMedia;取值:url (url):使用绝对或相对url地址指定导入的外部样式表文件。请参阅link对象sMedia:未支持。指定设备类型。请参阅附录:设备类型说明:指定导入的外部样式表及目标设备类型。此规则无默认值。此
2015-03-05 18:42:33
416
原创 IE6水平居中兼容办法
针对以上dom结构,所有现代浏览器水平居中代码: .wrapper{ width:920px; margin:0 auto;}IE6要实现水平居中,需要加上部分hack代码:body{ text-align:center;}.wrapper{ width:920px; margin:0 auto; text
2015-03-05 18:40:35
567
原创 拥有布局 - IE
拥有布局: 设置以下css布局属性会自动的使元素拥有布局 float:left或right display:inline-block width:任何值 height:任何值 zoom:任何值(ms特有属性,不能通过检验) writing-mode:tb-tr(ms特有属性,不能通过检验)在IE7中,以下属性也成了布局触
2015-03-05 18:38:34
336
原创 常见前端Bug及其修复方法
1、外双边距浮动Bug 2、3px文本偏移Bug 设置了浮动,这个Bug就会在IE5和IE6之中显现出来修复这个Bug: 1、给包含文本的元素设置任意高度,迫使元素拥有布局,这在表面上会消除文本偏移 2、需要将IE5-6/win上的外边距重新设置为0 3、在浮动元素上设置一个负的3px的右外边距如果支持IE5.x则:如
2015-03-05 18:23:30
5033
原创 你真的理解position?
对于position的各个属性,具体如下:值描述static默认。位置被设置为static的元素,它始终会处于页面流给予的位置(一个static元素会忽略任何top、bottom、left或right声明)。relative位置被设置为relative的元素,可将其移至相对于其正常位置的地方,因此"le
2015-03-05 18:20:43
433
基于JavaScript的消息管理机制.pdf
2012-09-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人