`
tower1229
  • 浏览: 10452 次
  • 性别: Icon_minigender_1
  • 来自: 烟台
最近访客 更多访客>>
社区版块
存档分类
最新评论

一个新人的前端印象

阅读更多
刚接触前端制作时就发现一个不可理喻的现象,同一段代码在不同浏览器下的表现竟然是不同的,轻则出现像素差,重则布局混乱框架扭曲,但布局混乱还远不是终极噩梦,一路过来各种各样丰富多彩的bug不断挑战我的想象力,经过这段冗长的疑难杂症治疗史竟也练就了一身结构崩于前而色不改的过硬素质。


多数兼容问题是由于不同浏览器开发者对html规范理解不同造成的,IE6,IE7(准确的说是他们的开发者)就是此中里手,他们对‘float’属性的敏感程度游走于心理变态和过敏体质之间,保不齐什么时候会做出什么歇斯底里的举动,他们的渲染机制也大成问题,几乎任何一个页面都需要调整像素差,而臭名昭著的IE6更是兼容问题的集大成者,‘3像素’和‘双边距’是他拿手好戏,并且由于本身油盐不进的天然呆+慢性子,大部分经他手的js特效都残了,华丽丽的进去素面朝天的出来;这些毕竟还都无伤大雅,有则忍着无则加勉日子照过问题不大,但PNG不透明却实实在在是IE6无法绕过的一个硬伤,直到现在好像除了外挂js外也没有更好的办法。


最近发现了个以前没遇到过的bug,毫无悬念又是针对IE的,而且是IE全系列连9都没能幸免:无法显示CMYK模式的jpg图片。有说是除了RGB模式其他一概不显示,但索引模式的PNG图片却可以显示,但在a:hover  img中的索引PNG却又不能显示了,必须换成RGB模式的jpg才行。注:火狐下所有情况所有图片都能显示,本来不是什么大事也被对比成了美德。


之前对微软的问题浏览器一直是恨得牙痒痒骂的嘴发干,但随着对‘标准’认识的不断深入发现相当一部分兼容问题其实都出自代码本身不规范,只不过火狐、Chrome之流用他们厚道的让我不好意思的强大容错性唆使我忽略了这些自身问题,这对任督二脉尚未打通的新人可不是什么好事,严谨还是有必要的,有时候这些严谨的老IE就像一张考卷考验着我天马行空的混乱逻辑,最近更是一改往日对IE7的印象,很多IE7上的布局错乱经推敲后发现都是结构不严谨造成的,修复的过程也是跟问题属性们不打不相识的过程,但在同样的问题上可别指望仅用‘结构严谨’就能满足粗暴的IE6,它喜欢的是‘何止严谨简直就是固若金汤’的结构,好吧。。。


对Css Hack,如果有能力还是能不用就不用,通不过W3C认证倒没什么,关键是Windous系统让人对‘补丁’这种东西有了全身心了负面印象,不整洁不优雅不高效,在我国老一辈笔记本里的IE6生命力仍然旺盛的现状下,调用IE6专有样式<!—[IF IE6 ]-->是不错的选择,还有一些邋遢的小毛病像样式中的中文注释、图片尺寸定义在页面里、习惯性在页面中加style等等也都有待肃清刻不容缓。


无论如何淘汰IE6是非常有必要的,是民心所向的,是王师所至义旗所指的,是不共戴天,是惩恶扬善是为民除害是决不放弃使用武力是#¥%!失态了失态了。。。
3
2
分享到:
评论
4 楼 tower1229 2012-02-17  
liumingzai 写道
兄弟太有才了,要不我再帮你踩一脚,就平衡了

 
3 楼 liumingzai 2011-12-28  
兄弟太有才了,要不我再帮你踩一脚,就平衡了
2 楼 tower1229 2011-12-25  
靠,自己把自己踩了
1 楼 貌似掉线 2011-12-24  
语言很幽默。

相关推荐

    前端星空夜空背景登录界面模板

    "前端星空夜空背景登录界面模板"就是这样一个解决方案,它旨在为开发者提供一个美观、独特的登录界面设计,使得无需深厚的图形设计基础也能创造出令人印象深刻的用户体验。 该模板基于CSS技术,CSS(Cascading ...

    InstantCoffee 结婚模板

    网页模板通常包含HTML、CSS、JavaScript等前端代码,这些代码经过精心设计和组织,使得用户只需进行简单的编辑和个性化设置,就能拥有一个专业的婚礼网站。"InstantCoffee 结婚模板"可能包括以下组成部分: 1. **...

    asp.net开题报告

    在这个特定的“ASP.NET 开题报告”中,作者孙清泉计划开发一个婚庆网站系统,旨在为婚庆公司提供一个吸引客户、展示服务的平台,并方便新人进行线上咨询和预订。 婚庆网站系统的开发意义深远。结婚是人生中的重要...

    2021优秀简历模板100份——很全很完整,各行各业都有

    1. **第一印象**:简历是招聘者对求职者的首次接触,设计精良的简历能迅速抓住眼球,增加面试机会。 2. **清晰展示**:好的模板能让信息层次分明,便于阅读,突出关键技能和成就。 3. **个性化表达**:不同行业的...

    jQuery技术内幕 深入解析jQuery架构设计与实现原理

    《jquery技术内幕:深入解析jquery架构设计与实现原理》由阿里巴巴资深前端开发工程师撰写,从源代码角度全面而系统地...无论是前端新人,还是经验丰富的老手,只要是对javascript感兴趣的开发人员,都会从本书中受益。

    计算机软件开发-实习报告-3000字.doc

    - **Hibernate**:这是一个流行的ORM框架,它将Java对象与数据库表映射,简化了SQL操作,提高了开发效率,适用于各种JDBC环境,包括Servlet/JSP的Web应用。 - **Spring框架**:Spring是企业级Java应用的核心框架...

    程序员简历模板-单页单色92.docx

    总的来说,一个优质的程序员简历模板应该是技能突出、设计简洁且高度个性化的,能够帮助求职者有效地传达他们的专业价值,增加获得理想职位的机会。使用这样的模板,可以帮助你更好地组织信息,使你的简历更具吸引力...

    复古简单的结婚恋爱网站模板_复古 结婚 恋爱 简单.rar

    该资源是一个名为“复古简单的结婚恋爱网站模板_复古 结婚 恋爱 简单.rar”的压缩包,从标题和描述中我们可以推断出,它包含了一个设计用于展示结婚和恋爱主题的网站模板,风格偏向复古且简洁。在创建这样一个网站时...

    婚礼婚庆海报介绍网页模板

    【婚礼婚庆海报介绍网页模板】是一个专门为婚礼和婚庆活动设计的网页模板,它集美学与功能性于一体,旨在帮助用户快速创建出引人注目的在线宣传页面。这个模板适用于新郎新娘分享婚礼详情,或者婚庆公司展示其服务和...

    婚礼进行曲结婚网站模板是一款大气风格的婚庆婚礼公司网站模板下载。.rar

    【婚礼进行曲】结婚网站模板是一款专为婚庆婚礼公司设计的大气风格网站模板,旨在为新人们提供一个展示婚礼信息、分享爱情故事、预订服务和吸引潜在客户的平台。这款模板设计独特,色彩搭配温馨浪漫,符合婚礼主题,...

Global site tag (gtag.js) - Google Analytics