
Web前端
文章平均质量分 74
fordream1989
这个作者很懒,什么都没留下…
展开
-
Js中的window.parent ,window.top,window.self 详解
在应用有frameset或者iframe的页面时: parent:是【父窗口】 top:是【最顶级父窗口/浏览器窗口】(有的窗口中套了好几层frameset或者iframe) self:是【当前窗口】 opener:是用【open方法打开当前窗口的那个窗口】。 win转载 2013-03-29 09:56:20 · 665 阅读 · 0 评论 -
浏览器兼模式与文档容性模式
想必你一定知道浏览器有个标准(Standards)模式和一个怪异(Quirks)模式,或许你还听说过有个“准标准(Almost Standards)”模式。而当你打开Internet Explorer的时候,又看到了什么浏览器模式、文档模式,还有什么兼容性视图等等...这些都是什么?啥是浏览器模式,啥是文档模式?标准模式和准标准的模式有什么区别?IE9兼容性视图和真正的IE9有什么区别?什转载 2013-12-25 14:33:13 · 627 阅读 · 0 评论 -
js线程机制
前几日写了一篇文章,介绍了js阻塞页面加载的问题。当时是通过例子来验证的。今天,我介绍一下浏览器内核,从原理上介绍一下js阻塞页面加载的原因。浏览器的内核是多线程的,它们在内核制控下相互配合以保持同步,一个浏览器至少实现三个常驻线程:javascript引擎线程,GUI渲染线程,浏览器事件触发线程。1. javascript引擎是基于事件驱动单线程执行转载 2013-12-15 18:28:11 · 1304 阅读 · 0 评论 -
打造自己的reset.css
最近我对此观点有所新的看法,可以查看《真的还需要reset.css么?》0,引言每每有新项目,第一步就是应当使用一个reset.css来重置样式。滥用不如不用,直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css,并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式,我始终建议把.clearfix放入转载 2013-12-05 10:38:16 · 681 阅读 · 0 评论 -
Javascript 陷阱
JavaScript 通过函数管理作用域。在函数内部声明的变量只在这个函数内部,函数外面不可用。另一方面,全局变量就是在任何函数外面声明的或是未声明直接简单使用的。“未声明直接简单使用”,指的是不用 var 关键字来声明变量。这个我们已经非常清楚,避免造成隐式产生全局变量的方法就是声明变量尽量用 var 关键字。可你以为用了 var 就 ok 了?来看看这个陷进:f转载 2013-10-12 11:05:09 · 714 阅读 · 1 评论 -
简解:浏览器原理
一、HTTP协议定义URL的组成例如:http://www.alimama.com/membersvc/index.htm。它的含义如下:http://:代表超文本传输协议,通知baidu.com服务器显示Web页,通常不用输入;www:代表一个Web(万维网)服务器;alimama.com/:这是装有网页的服务器的域名,或站点服务器的名称;membersvc/:为该服务器转载 2013-08-09 14:29:40 · 557 阅读 · 0 评论 -
HTML5 小游戏展示
使用 HTML5 的 Canvas可以搞出一些很有趣的东西,如2D图形,位图,动画等。而使用Javascript来操作这些东西,可以设计出很多的小游戏。 下面是一些用HTML5做出来的小游戏,让我想得了我小时候的那些游戏。顺祝大家中秋节快乐!以及进入史上最混乱的长假调休。呵呵。Sinuous小心被红点撞上。超级玛丽卡丁车A small but fun转载 2013-03-21 17:50:43 · 913 阅读 · 0 评论 -
20 步打造完美网站布局设计
英文原文:Pro tips: 20 steps to the perfect website layout,编译:蝶月猋欢@yeeyanClaudio Guglieri 在纽约广告公司 B-Reel 任职总监,他撰写了本网站设计培训指南,旨在帮助您了解设计网站布局的全过程。开始讲述设计网站布局的主题之前,我想先分享自己多年从事设计工作中看到的一些常见错误,尤其是“网站设计培训”转载 2013-04-03 16:47:50 · 657 阅读 · 0 评论 -
css和js的浏览器兼容问题汇总
首先谈一下浏览器,虽然现在ie依然是浏览器市场的老大,大约占有67%的份额,但是由于其各方面的欠缺,用户开始选择其他浏览器作为自己浏览网页的主要 工具,比如firefox、theworld、maxthon、chrome、opera等等,在用户使用比较多的浏览器中,分为2大派系 - ie内核和非ie内核,像theworld、maxthon、greenbrower等等都属于ie内核,而firefox、转载 2013-03-21 12:44:35 · 432 阅读 · 0 评论 -
CSS兼容性、CSS Hack
1. 默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;}2. 水平居中的问题问题:设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中ff /opera /safari /ie8文本会居中,嵌套块不会居中解决:块元素设置转载 2013-03-21 12:42:06 · 588 阅读 · 0 评论 -
Css 兼容性 核查表
以前写过一篇关于CSS hack的文章,但近期回头看了看发现理解的不够深刻,总结的也不凝练,于是今天重新测试从新写一篇。常用的CSShack如下(笔者只对IE&FF&Chrome进行了测试)。hack列表(全部经笔者测试,且均为标准模式下,混杂模式由于很少会用到所以未对其进行测试): 其中粉红色部分为属性hack,黄色部分为选择器hack,它们可以结合使用。此外Firef转载 2013-03-21 12:39:49 · 645 阅读 · 0 评论 -
详谈CSS中块级元素的宽度
1.块级元素和行内元素CSS把处在正常文档流中的不同html元素区分为块级元素(block element)和行内元素(inline element)。一般来说,所谓块级元素就是指当它们显示在浏览器中时,会在自身前后各插入一个空行,而使自身在页面中占据一个相对独立的块状区域的元 素。因此,HTML文档中连续的块级元素的典型显示方式就是“堆叠”。块级元素的例子有h1到h6、div、p等。转载 2013-12-25 18:40:47 · 3412 阅读 · 0 评论