 班級(jí)規(guī)模及環(huán)境--熱線:4008699035 手機(jī):15921673576( 微信同號(hào)) |
|
每期人數(shù)限3到5人。 |
| 上課時(shí)間和地點(diǎn) |
上課地點(diǎn)：【上海】：同濟(jì)大學(xué)(滬西)/新城金郡商務(wù)樓(11號(hào)線白銀路站) 【深圳分部】：電影大廈(地鐵一號(hào)線大劇院站)/深圳大學(xué)成教院 【北京分部】：北京中山學(xué)院/福鑫大樓 【南京分部】：金港大廈(和燕路) 【武漢分部】：佳源大廈（高新二路） 【成都分部】：領(lǐng)館區(qū)1號(hào)（中和大道） 【沈陽(yáng)分部】：沈陽(yáng)理工大學(xué)/六宅臻品 【鄭州分部】：鄭州大學(xué)/錦華大廈 【石家莊分部】：河北科技大學(xué)/瑞景大廈 【廣州分部】：廣糧大廈 【西安分部】：協(xié)同大廈
最近開課時(shí)間(周末班/連續(xù)班/晚班）：2020年3月16日 |
| 實(shí)驗(yàn)設(shè)備 |
☆資深工程師授課
☆注重質(zhì)量
☆邊講邊練
☆合格學(xué)員免費(fèi)推薦工作
★實(shí)驗(yàn)設(shè)備請(qǐng)點(diǎn)擊這兒查看★ |
| 質(zhì)量保障 |
1、培訓(xùn)過(guò)程中，如有部分內(nèi)容理解不透或消化不好，可免費(fèi)在以后培訓(xùn)班中重聽；
2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費(fèi)提供課后技術(shù)支持。
3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。 |
課程大綱 |
一、 課程背景
所謂的瀏覽器兼容性問(wèn)題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁(yè)面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，我們的需求是，無(wú)論用戶 用什么瀏覽器來(lái)查看我們的網(wǎng)站或者登陸我們的系統(tǒng)，都應(yīng)該是統(tǒng)一的顯示效果。所以瀏覽器的兼容性問(wèn)題是前端開發(fā)人員經(jīng)常會(huì)碰到和必須要解決的問(wèn)題。
二、 培訓(xùn)收益
在學(xué)習(xí)瀏覽器兼容性之前，我想把前端開發(fā)人員劃分為兩類：
第一類是精確按照設(shè)計(jì)圖開發(fā)的前端開發(fā)人員，可以說(shuō)是精確到1px的，他們很容易就會(huì)發(fā)現(xiàn)設(shè)計(jì)圖的不足，并且在很少的情況下會(huì)碰到瀏覽器的兼容性問(wèn)題，而這些問(wèn)題往往都是瀏覽器的bug，并且他們制作的頁(yè)面后期易維護(hù)，代碼重用問(wèn)題少，可以說(shuō)是比較牢固放心的代碼。
第二類是基本按照設(shè)計(jì)圖來(lái)開發(fā)的前端開發(fā)人員，很多細(xì)枝末節(jié)差距很大，比如間距，行高，圖片位置等等經(jīng)常會(huì)差幾px。某種效果的實(shí)現(xiàn)也是反復(fù)調(diào)試得 到，具體為什么出現(xiàn)這種效果還模模糊糊，整體布局十分脆弱。稍有改動(dòng)就亂七八糟。代碼為什么這么寫還不知所以然。這類開發(fā)人員往往經(jīng)常為兼容性問(wèn)題所困。 修改好了這個(gè)瀏覽器又亂了另一個(gè)瀏覽器。改來(lái)改去也毫無(wú)頭緒。其實(shí)他們碰到的兼容性問(wèn)題大部分不應(yīng)該歸咎于瀏覽器，而是他們的技術(shù)本身了。
課程主要針對(duì)的是第一類，嚴(yán)謹(jǐn)型的開發(fā)人員，因此這里主要從瀏覽器解析差異的角度來(lái)分析兼容性問(wèn)題及解決方案。
二、培訓(xùn)大綱
培訓(xùn)模塊 內(nèi)容
常見的瀏覽器兼容性問(wèn)題解決方法 1. 不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同。
2. 塊屬性標(biāo)簽FLOAT后，又有橫行的MARGIN情況下，在IE6顯示
MARGIN比設(shè)置的大七層與協(xié)議漏洞。
3. 設(shè)置較小高度標(biāo)簽（一般小于10px）在IE6、IE7、遨游中
高度超出自己設(shè)置高度。
4. 行內(nèi)屬性標(biāo)簽，設(shè)置DISPLAY:BLOCK后采用float布局，又有
橫行的MARGIN的情況，IE6間距BUG。
5. 圖片默認(rèn)有間距。
6. 標(biāo)簽最低高度設(shè)置MIN-HEIGHT不兼容。
7. 透明度的兼容CSS設(shè)置。
主流瀏覽器兼容性在兩大平臺(tái)的表現(xiàn) 8. Chrome，Safari，F(xiàn)irefox，Opera，IE這5大瀏覽器，
在Mac和Windows兩個(gè)平臺(tái)。
前段技術(shù)在各大瀏覽器的兼容支持清單
備注：盡管CSS 3和HTML 5的W3C規(guī)范都尚未成形，但目前支持CSS 3和HTML 5的瀏覽器越來(lái)越多，包括google的Chrome，以及最近版本的IE家族。 9. 對(duì)CSS和HTML各種功能的詳細(xì)。
10. DOCTYPE 影響 CSS 處理問(wèn)題。
11. IE選擇符空格BUG。
12. 瀏覽器內(nèi)核差異介紹。
13. CSS技術(shù)屬性、選擇器、Web應(yīng)用的支持及解決方法。
14. 網(wǎng)頁(yè)內(nèi)嵌對(duì)象兼容問(wèn)題。
15. 音頻編碼兼容問(wèn)題。
16. 視頻編碼兼容問(wèn)題。
17. 各種表格、表單對(duì)象屬性與行為問(wèn)題。
18. 主流瀏覽器的CSS HACK方式。
19. 最新CSS3與HTML5的兼容介紹。
多瀏覽器兼容性問(wèn)題及解決方案之JAVASCRIPT
備注：全面講解CSS和JAVASCRIPT在各種瀏覽器下的兼容性。 20. DOCUMENT.FORMNAME.ITEM(“ITEMNAME”) 問(wèn)題。
21. 集合類對(duì)象問(wèn)題。
22. 自定義屬性問(wèn)題。
23. EVAL(“IDNAME”)問(wèn)題。
24. 變量名與某HTML對(duì)象ID相同的問(wèn)題。
25. CONST問(wèn)題。
26. IMPUT.TYPE屬性問(wèn)題。
27. WINDOW.EVENT問(wèn)題。
28. EVENT.X與EVENT.Y問(wèn)題。
29. EVENT.SRCELEMENT問(wèn)題。
30. WINDOW.LOCATION.HREF問(wèn)題。
31. 模態(tài)和非模態(tài)窗口問(wèn)題。
32. FRAME和IFRAME問(wèn)題。
33. BODY載入問(wèn)題。
34. 事件委托方法。
35. INNERTEXT的問(wèn)題。
36. TABLE操作問(wèn)題。
37. 使用STEATTRIBUTE('STYLE','COLOR:RED;') 解決 IE不支持
FIREFOX 問(wèn)題。
38. 訪問(wèn)的父元素的區(qū)別。
39. 對(duì)象寬高賦值問(wèn)題。
40. 用STEATTRIBUTE設(shè)置事件。 |
|
| |
|
首頁(yè) 課程表 在線聊 報(bào)名 講師 品牌 QQ聊 活動(dòng) 就業(yè)
