 班級規模及環境--熱線:4008699035 手機:15921673576( 微信同號) |
|
每期人數限3到5人。 |
| 上課時間和地點 |
上課地點：【上海】：同濟大學(滬西)/新城金郡商務樓(11號線白銀路站) 【深圳分部】：電影大廈(地鐵一號線大劇院站)/深圳大學成教院 【北京分部】：北京中山學院/福鑫大樓 【南京分部】：金港大廈(和燕路) 【武漢分部】：佳源大廈（高新二路） 【成都分部】：領館區1號（中和大道） 【沈陽分部】：沈陽理工大學/六宅臻品 【鄭州分部】：鄭州大學/錦華大廈 【石家莊分部】：河北科技大學/瑞景大廈 【廣州分部】：廣糧大廈 【西安分部】：協同大廈
最近開課時間(周末班/連續班/晚班）：2020年3月16日 |
| 實驗設備 |
☆資深工程師授課
☆注重質量
☆邊講邊練
☆合格學員免費推薦工作
★實驗設備請點擊這兒查看★ |
| 質量保障 |
1、培訓過程中，如有部分內容理解不透或消化不好，可免費在以后培訓班中重聽；
2、培訓結束后,授課老師留給學員聯系方式,保障培訓效果,免費提供課后技術支持。
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聊 活動 就業
