 班级规模及环境--热线:4008699035 手机:15921673576( 微信同号) |
|
坚持小班授课，为保证培训效果，增加互动环节，每期人数限3到5人。 |
| 上课时间和地点 |
上课地点：【深圳分部】：电影大厦(地铁一号线大剧院站)/深圳大学成教院 【上海】：同济大学(沪西)/新城金郡商务楼(11号线白银路站) 【北京分部】：北京中山学院/福鑫大楼 【南京分部】：金港大厦(和燕路) 【武汉分部】：佳源大厦（高新二路） 【成都分部】：领馆区1号（中和大道） 【沈阳分部】：沈阳理工大学/六宅臻品 【郑州分部】：郑州大学/锦华大厦 【广州分部】：广粮大厦 【西安分部】：协同大厦 【石家庄分部】：河北科技大学/瑞景大厦
最近开课时间(周末班/连续班/晚班）：请点击此处咨询在线客服 |
| 实验设备 |
☆资深工程师授课
☆注重质量
☆边讲边练
☆合格学员免费推荐工作
★实验设备请点击这儿查看★ |
| 质量保障 |
1、培训过程中，如有部分内容理解不透或消化不好，可免费在以后培训班中重听；
2、课程完成后,授课老师留给学员手机和Email,保障培训效果,免费提供课后答疑。
3、培训合格学员可享受免费推荐就业机会。 |
课程大纲 |
一、 课程背景
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户 用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
二、 培训收益
在学习浏览器兼容性之前，我想把前端开发人员划分为两类：
第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都是浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。
第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，比如间距，行高，图片位置等等经常会差几px。某种效果的实现也是反复调试得 到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。 修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。
课程主要针对的是第一类，严谨型的开发人员，因此这里主要从浏览器解析差异的角度来分析兼容性问题及解决方案。
二、培训大纲
培训模块 内容
常见的浏览器兼容性问题解决方法 1. 不同浏览器的标签默认的外补丁和内补丁不同。
2. 块属性标签FLOAT后，又有横行的MARGIN情况下，在IE6显示
MARGIN比设置的大七层与协议漏洞。
3. 设置较小高度标签（一般小于10px）在IE6、IE7、遨游中
高度超出自己设置高度。
4. 行内属性标签，设置DISPLAY:BLOCK后采用float布局，又有
横行的MARGIN的情况，IE6间距BUG。
5. 图片默认有间距。
6. 标签最低高度设置MIN-HEIGHT不兼容。
7. 透明度的兼容CSS设置。
主流浏览器兼容性在两大平台的表现 8. Chrome，Safari，Firefox，Opera，IE这5大浏览器，
在Mac和Windows两个平台。
前段技术在各大浏览器的兼容支持清单
备注：尽管CSS 3和HTML 5的W3C规范都尚未成形，但目前支持CSS 3和HTML 5的浏览器越来越多，包括google的Chrome，以及最近版本的IE家族。 9. 对CSS和HTML各种功能的详细。
10. DOCTYPE 影响 CSS 处理问题。
11. IE选择符空格BUG。
12. 浏览器内核差异介绍。
13. CSS技术属性、选择器、Web应用的支持及解决方法。
14. 网页内嵌对象兼容问题。
15. 音频编码兼容问题。
16. 视频编码兼容问题。
17. 各种表格、表单对象属性与行为问题。
18. 主流浏览器的CSS HACK方式。
19. 最新CSS3与HTML5的兼容介绍。
多浏览器兼容性问题及解决方案之JAVASCRIPT
备注：全面讲解CSS和JAVASCRIPT在各种浏览器下的兼容性。 20. DOCUMENT.FORMNAME.ITEM(“ITEMNAME”) 问题。
21. 集合类对象问题。
22. 自定义属性问题。
23. EVAL(“IDNAME”)问题。
24. 变量名与某HTML对象ID相同的问题。
25. CONST问题。
26. IMPUT.TYPE属性问题。
27. WINDOW.EVENT问题。
28. EVENT.X与EVENT.Y问题。
29. EVENT.SRCELEMENT问题。
30. WINDOW.LOCATION.HREF问题。
31. 模态和非模态窗口问题。
32. FRAME和IFRAME问题。
33. BODY载入问题。
34. 事件委托方法。
35. INNERTEXT的问题。
36. TABLE操作问题。
37. 使用STEATTRIBUTE('STYLE','COLOR:RED;') 解决 IE不支持
FIREFOX 问题。
38. 访问的父元素的区别。
39. 对象宽高赋值问题。
40. 用STEATTRIBUTE设置事件。 |
|
| |
|
首页 课程表 在线聊 报名 讲师 品牌 QQ聊 活动 就业
