Suche senden
Hochladen
浏览器兼容性问题小结
•
Als PPTX, PDF herunterladen
•
3 gefällt mir
•
970 views
Adam Lu
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 6
Jetzt herunterladen
Empfohlen
Css培训
Css培训
fanggesun
第11章
第11章
paoapao
webrebuild.org北京第一届交流会-悟道WEB标准,浏览器兼容性问题简介 --- 黄昊
浏览器兼容性问题简介 --- 黄昊
浏览器兼容性问题简介 --- 黄昊
裕波 周
Div+css培训
Div+css培训
pan quanjin
Sun jdk 1.6内存管理 -使用篇
Sun jdk 1.6内存管理 -使用篇
bluedavy lin
你们好好看不懂就问我!!!!
Web教程2
Web教程2
tamamadesu
前端开发规范
前端开发规范
aNd1coder
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
志勇 孙
Empfohlen
Css培训
Css培训
fanggesun
第11章
第11章
paoapao
webrebuild.org北京第一届交流会-悟道WEB标准,浏览器兼容性问题简介 --- 黄昊
浏览器兼容性问题简介 --- 黄昊
浏览器兼容性问题简介 --- 黄昊
裕波 周
Div+css培训
Div+css培训
pan quanjin
Sun jdk 1.6内存管理 -使用篇
Sun jdk 1.6内存管理 -使用篇
bluedavy lin
你们好好看不懂就问我!!!!
Web教程2
Web教程2
tamamadesu
前端开发规范
前端开发规范
aNd1coder
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
志勇 孙
S_E_O
S_E_O
maosongppt
2010-01-07周五分享_前端的那些事儿
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
小 米猪
第7章
第7章
paoapao
this slides created by 陳百範 (Alex Chen) @ 2019-Aug-09 what we do: https://www.k86688.com
Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)
百範 陳
淘宝网前端开发面试题
淘宝网前端开发面试题
淘宝网前端开发面试题
Lumend
2008年webrebuild年会分享
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
前端总结
前端总结
tomiezhang
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南
donotbeevil
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
Bootstrap 導入分享
Bootstrap 導入分享
Bootstrap 導入分享
得翔 徐
js framework comparison 主要内容有常用js框架比较/介绍,js框架的发展趋势,如何选择框架,如何写框架
常用Js框架比较
常用Js框架比较
Adam Lu
一. Web前端介绍 二. 核心技术 三. 性能与优化 四. RIA & 移动终端 五. 心得和其他
漫谈web前端
漫谈web前端
woody huang
如何逐步提升CSS的可利用性、模組化
如何逐步提升CSS的可利用性、模組化
洧杰 廖
Basic and level 101 introduction to Single-Page Application (SPA) design principles.
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101
Jollen Chen
分析目前常見的三款 CSS preprocessor - LESS, SASS, Stylus,介紹他們的優缺點及如何去挑選適合專案的選擇。並介紹 SASS 的基本語法及新手入門心得。
CSS preprocessor 介紹,與 SASS 入門分享
CSS preprocessor 介紹,與 SASS 入門分享
wantingj
前端性能测试
前端性能测试
tbmallf2e
布局原理
布局原理
enmaai
Download
Download
Flower Sakura
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
从一个小的例子helloworld开始给大家介绍一下基于Sea.js做模块化开发项目完整的构建过程。然后会结合自身的项目实践分享一些经验。
基于Seajs的项目构建
基于Seajs的项目构建
Zhang Xiaoxue
主要介绍一下YUI的基础结构和使用YUI如何构建可扩展的Web应用,同时会有一些YUI和其它类库的对比以及其自身特点,并阐述为什么学习使用YUI对前端工程师来说可以在一定程度上提高编写代码的质量。
Yui rocks
Yui rocks
Adam Lu
YUI介绍和使用YUI构建web应用
YUI介绍和使用YUI构建web应用
Adam Lu
Weitere ähnliche Inhalte
Ähnlich wie 浏览器兼容性问题小结
S_E_O
S_E_O
maosongppt
2010-01-07周五分享_前端的那些事儿
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
小 米猪
第7章
第7章
paoapao
this slides created by 陳百範 (Alex Chen) @ 2019-Aug-09 what we do: https://www.k86688.com
Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)
百範 陳
淘宝网前端开发面试题
淘宝网前端开发面试题
淘宝网前端开发面试题
Lumend
2008年webrebuild年会分享
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
前端总结
前端总结
tomiezhang
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南
donotbeevil
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
Bootstrap 導入分享
Bootstrap 導入分享
Bootstrap 導入分享
得翔 徐
js framework comparison 主要内容有常用js框架比较/介绍,js框架的发展趋势,如何选择框架,如何写框架
常用Js框架比较
常用Js框架比较
Adam Lu
一. Web前端介绍 二. 核心技术 三. 性能与优化 四. RIA & 移动终端 五. 心得和其他
漫谈web前端
漫谈web前端
woody huang
如何逐步提升CSS的可利用性、模組化
如何逐步提升CSS的可利用性、模組化
洧杰 廖
Basic and level 101 introduction to Single-Page Application (SPA) design principles.
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101
Jollen Chen
分析目前常見的三款 CSS preprocessor - LESS, SASS, Stylus,介紹他們的優缺點及如何去挑選適合專案的選擇。並介紹 SASS 的基本語法及新手入門心得。
CSS preprocessor 介紹,與 SASS 入門分享
CSS preprocessor 介紹,與 SASS 入門分享
wantingj
前端性能测试
前端性能测试
tbmallf2e
布局原理
布局原理
enmaai
Download
Download
Flower Sakura
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
从一个小的例子helloworld开始给大家介绍一下基于Sea.js做模块化开发项目完整的构建过程。然后会结合自身的项目实践分享一些经验。
基于Seajs的项目构建
基于Seajs的项目构建
Zhang Xiaoxue
Ähnlich wie 浏览器兼容性问题小结
(20)
S_E_O
S_E_O
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
第7章
第7章
Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)
淘宝网前端开发面试题
淘宝网前端开发面试题
[2008]网站重构 -who am i
[2008]网站重构 -who am i
前端总结
前端总结
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南
Postoffer前端架构设计
Postoffer前端架构设计
Bootstrap 導入分享
Bootstrap 導入分享
常用Js框架比较
常用Js框架比较
漫谈web前端
漫谈web前端
如何逐步提升CSS的可利用性、模組化
如何逐步提升CSS的可利用性、模組化
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101
CSS preprocessor 介紹,與 SASS 入門分享
CSS preprocessor 介紹,與 SASS 入門分享
前端性能测试
前端性能测试
布局原理
布局原理
Download
Download
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
基于Seajs的项目构建
基于Seajs的项目构建
Mehr von Adam Lu
主要介绍一下YUI的基础结构和使用YUI如何构建可扩展的Web应用,同时会有一些YUI和其它类库的对比以及其自身特点,并阐述为什么学习使用YUI对前端工程师来说可以在一定程度上提高编写代码的质量。
Yui rocks
Yui rocks
Adam Lu
YUI介绍和使用YUI构建web应用
YUI介绍和使用YUI构建web应用
Adam Lu
一步一步开发Html5 mobile apps
一步一步开发Html5 mobile apps
Adam Lu
HTML5概览
HTML5概览
Adam Lu
Get started with YUI
Get started with YUI
Adam Lu
HTML5 on Mobile
HTML5 on Mobile
HTML5 on Mobile
Adam Lu
HTML5 on Mobile, For Web Developers.
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
Adam Lu
Introduced some HTML5 features on mobile and how to build and design the mobile web page from the perspective of designer.
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)
Adam Lu
rer
重新认识Html5
重新认识Html5
Adam Lu
javascript设计模式 javascript design patterns
小谈Javascript设计模式
小谈Javascript设计模式
Adam Lu
从Adobe和qcof会议看前端开发
从Adobe和qcof会议看前端开发
Adam Lu
揭秘Html5和Css3
揭秘Html5和Css3
Adam Lu
Enhance Web Performance
Enhance Web Performance
Adam Lu
Mehr von Adam Lu
(13)
Yui rocks
Yui rocks
YUI介绍和使用YUI构建web应用
YUI介绍和使用YUI构建web应用
一步一步开发Html5 mobile apps
一步一步开发Html5 mobile apps
HTML5概览
HTML5概览
Get started with YUI
Get started with YUI
HTML5 on Mobile
HTML5 on Mobile
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)
重新认识Html5
重新认识Html5
小谈Javascript设计模式
小谈Javascript设计模式
从Adobe和qcof会议看前端开发
从Adobe和qcof会议看前端开发
揭秘Html5和Css3
揭秘Html5和Css3
Enhance Web Performance
Enhance Web Performance
浏览器兼容性问题小结
1.
浏览器兼容性问题小结 http://adamlu.com/ 空雁|Adam
2.
浏览器兼容性从何而来? 设计师:为什么在不同的浏览器显示效果不一样? 前端:因为不同浏览器对于css样式表的解析不一样,所以导致样式乃至层布局发生变化,同时对于DOM的实现也不一致导致前端开发工作量的增加。
——> Web标准化 WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
3.
CSS兼容性 A标签常见兼容性问题 L V H A IE对CSS标准的支持缺陷
important inherit 子选择器 非锚点:hover 非锚点:active :focus position:fixed display:inline-block IE的两种模式(Quirks/Standard) CSS HACK 问题:你如何区分ie6/7/8 /ff/webkit/…
4.
Javascript兼容性 innerText/textContent childNodes获取的节点
样式的float(styleFloat-ie,cssFloat-ff)/for(htmlFor-ie, for)/class(使用className) 表单的Input.type input.name 表单的disabled 属性 事件处理(keyCode, x, pageX) getComputedStyle(el, null)/el.currentStyle 问题:判断ie浏览器的方法?
5.
总结 使用标准的HTML标签 遵循W3C
CSS规范,如书写顺序(font, border),命名规范,单位 尽量使用标准的属性 可以用JS模仿一些低版本IE不支持的CSS标准 尽量减少HACK的使用!!!
6.
谢谢!
Jetzt herunterladen