自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

莱茵金属

web前端备忘录

  • 博客(18)
  • 资源 (1)
  • 收藏
  • 关注

原创 javascript 懒加载技术(lazyload)简单实现

<br />1.前言<br />   懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。<br /><br />2.lazyload在什么场合中应用比

2011-03-18 12:54:00 559

原创 css方框模型(盒模型Box Model)

<br />做过前台设置的都知道css存在两种盒模型,W3C标准的方框模型和IE浏览器的方框模型。除IE以外的大多数浏览器只支持W3C方框模型。IE浏览器能够根据页面的呈现模式的定义而是用对性的方框模式。已用哪中呈现的模式取决于页面上的DOCTYPE的声明。<br />如果页面包含有效的DOCTYPE声明,则以严格模式呈现。 <br />如果页面没有DOCTYPE声明或没有有效的DOCTYPE声明,则以兼容模式呈现。 <br />下面将一个两种模式的区别,两种呈现模式的主要差别是对元素width和heigh

2011-03-15 13:31:00 689

原创 诡异模式:果然很诡异

很多老的页面都没有doctype声明,浏览器对于那些没有doctype的网页是采用quirks mode解析的。通过quirks mode我们就可以解析早期的页面,防止老(90年代)的页面破相。不同的浏览器有不同的quirks模式,在ie6,7,8里,quirks模式可以有效的回到ie5.5的解析模式。但是在其他浏览器中,quirks模式和标准模式差别并不大。<br />简单的说,如果在ie6里启动了quirks模式,那么解析的时候会按照ie5.5的渲染模式展现<br />昨天有一个朋友给了我一个页面,说是

2011-03-15 13:26:00 771

原创 理解 JavaScript 闭包

<br />要成为高级 JavaScript 程序员,就必须理解闭包。<br />本文结合 ECMA 262 规范详解了闭包的内部工作机制,让 JavaScript 编程人员对闭包的理解从“嵌套的函数”深入到“标识符解析、执行环境和作用域链”等等 JavaScript 对象背后的运行机制当中,真正领会到闭包的实质。<br />原文链接:JavaScript Closures<br />可打印版:JavaScript 闭包目录简介对象属性名解析值的赋予值的读取标识符解析、执行环境和作用域链执行环境作用域链与

2011-03-14 14:32:00 415

原创 浏览器Quirksmode(怪异模式)与CSScompat

<br />由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。<br /><br />     W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何

2011-03-14 14:27:00 484

原创 jQuery选择器

1. 基本css选择器 选择器描述*匹配任何元素E匹配标签名称为E的所有元素E F匹配标签名称为F,作为E的后代节点的所有元素E>F匹配标签名称为F,作为E的直接子节点的所有元素E+F匹配前面是邻近兄弟节点E的所有元素F(E和F紧挨着)E~F匹配前面是任何兄弟节点E的所有元素F(E和F可以不紧挨着)E:has(F)匹配标签名称为E,至少有一个标签名称为F的后代节点的所有元素E.C匹配带有类名C的所有元素E.   .C等效于*.CE#I匹配id特性值为I的元素E. #I等效于*#IE[A]匹配带有特性A的所有

2011-03-11 10:11:00 792 1

原创 从清除浮动(clear float)谈拥有布局(has layout)与块级格式化范围(block formatting context)

<br />float是网页布局中都要使用的css属性,他为我们灵活布局提供了方便,但同时浮动太多会带来很多麻烦,所以我通常的做法是使用float完后,马上清除他。float的本质是脱离的正常的html文档流,就是由于他脱离的文档流才出现了很多麻烦。<br />清除浮动(我更喜欢叫闭合浮动元素)的最简单的方法就用<div style=”clear:both;”></div>加入空的标签,但是这种不够语义化,也显得不是很灵活,每次都要加额外的html。于是有人就想到css里面有一个:after的,这样就不需要

2011-03-09 10:37:00 812

原创 你必须知道--IE中的hasLayout

<br />在IE中,有一个很重要的概念,这个概念,对 IE 中页面元素的布局有影响。这就是 hasLayout。可能很多人都不知道它的存在吧,但是它却偷偷的做了那么多坏事。<br />虽然如此,MSDN 中涉及到 hasLayout 这个 MS 属性的地方寥寥无几,而具体解释 layout 和 IE 渲染模型之间关系的则少之又少。<br />hasLayout 就是一把双刃剑,对 IE 的布局很重要,而同时,在 IE 中引起了很多 bug,比如浮动双边距bug等。<br /><br />它是很多兼容性问题

2011-03-09 09:42:00 1057

原创 什么是hasLayout

<br />hasLayout 是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内 容,而不是依赖于祖先元素来完成这些工作。<br />下列元素默认 hasLayout=true :<br /><table> <td> <body> <img>

2011-03-09 09:34:00 519

原创 hasLayout

<br />haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout属性值为true时,我们说这个元素有一个布局(layout)  要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayo

2011-03-09 09:27:00 412

原创 strong与em、q、cite、blockquote区别

作用相似html标记:strong与em、q、cite、blockquote,在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有<br />                        在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主

2011-03-09 09:16:00 1419

原创 关于B和strong以及i和em的区别

<br />其实很多seoer不知道b和strong以及i和em是什么东西,因为他们从来没有接触过html标记,写文章的时候只是用网站后台的编辑器排版文章,需要加粗的时候点击编辑器上面的B按钮就行了。<br /><br />         但是对于一些稍微了解html的朋友来说b和strong又成了问题,不仅是seoer为这个问题头疼,就连很多网页的编写者也分不清这两个标记有什么区别,而在网页的编辑工具如:Dreamweaver里面如果选用加粗之后自动会出现strong标记,所以有的时候写完了代码,为了节

2011-03-09 09:15:00 1268

原创 strong和em有什么不同

<br />首先看 HTML 4.01 中的说明:<br />  EM: Indicates emphasis.<br />  STRONG: Indicates stronger emphasis. <br /><br />  em 表示强调,strong 表示更强烈的强调。言简意赅,表明了 em 和 strong 的命名来历。并且在浏览器中,em 默认用斜体表示,strong 用粗体表示。这是第一个层次上的区别。<br />  em is for local emphasis. You see? Loc

2011-03-09 09:12:00 962

原创 css hack

css hack "!important","_","*","*+","\9","\0"

2011-03-07 11:15:00 388

原创 DD_belatedPNG透明,解决IE6不支持PNG绝佳方案

我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间.然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat.而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时D

2011-03-07 10:39:00 1000 1

原创 IE和Firefox中的事件

<br />IE,Firefox中的事件对象Event:<br />在IE中,不能把Event对象作为参数传递给事件处理程序,只能用window.event或者event来引用Event对象。因为在IE中,event是window的一个属性,也就是说event是一个全局变量,这个变量提供了事件的细节。<br />Firefox支持几乎所有的W3C DOM二级标准,和部分W3C DOM三级标准。W3C DOM中的Event对象并不是window全局对象下面的属性,换句话说,event不是全局变量。<br />

2011-03-04 15:56:00 840

原创 7个在IE和Firefox中不同的JavaScript语法

<br />尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去,偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中,网页教学网介绍了7个在IE和Firefox中不同的JavaScript句法。<br />1. CSS "float" 值<br /> <br />访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的<div>的 background-c

2011-03-04 11:22:00 398

原创 Web前端国内的叫法与行业归类吗

<br />问题 : Web 前端技术是国内的叫法和行业归类吗,对应的英文称呼是什么 ... 感谢热心会员[qq2948910]的耐心解答! 最佳回答 : ... 其他回答: web前端技术,最核心的是(x)html+css+js。从事前端开发的人员被称为前端开发工程师,即Front-end web developer。目前在国内,只是一些大一些的互联网公司有专门的web前端开发工程师的岗位和明确的岗位定义。 <br />[问题] Web 前端技术是国内的叫法和行业归类吗,对应的英文称呼是什么 [回答 1]

2011-03-03 13:09:00 922

ACAD3224看图软件

ACDSee(奥视迪)是非常流行的看图工具之一。它提供了良好的操作界面,简单人性化的操作方式,优质的快速图形解码方式,支持丰富的图形格式.

2012-03-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除