
觸碰Mobile WEB前端工程師接近一年時間了,在這里算不上短的時間里,根據(jù)汲取圓心點、沉魚落雁等老前輩們的工作經(jīng)驗及其持續(xù)的探索和實戰(zhàn)演練,小結(jié)出一套自身的Mobile WEB“研發(fā)流程”。為什么叫“產(chǎn)品研發(fā)”步驟而不是“開發(fā)設(shè)計”步驟,在下文中會開展表述。最先大家看來一下“產(chǎn)品研發(fā)”的流程表:
1. 為何要叫“產(chǎn)品研發(fā)”步驟?
我們知道,針對傳統(tǒng)式的WEB前端工程師,一般狀況下大家必須關(guān)心的電腦操作系統(tǒng)/電腦瀏覽器狀況以下:
電腦操作系統(tǒng):Windows/MacOS
電腦瀏覽器:IE(6、7、8)/Firefox/Safari/Opera/Chrome
這種電腦操作系統(tǒng)和電腦瀏覽器的基礎(chǔ)情況以下:
市場份額和應(yīng)用遍布狀況相對性平穩(wěn)
較為對外開放,生產(chǎn)商對開發(fā)者的適用不錯
不一樣電腦操作系統(tǒng)下,電腦瀏覽器3D渲染狀況區(qū)別并不大
歷經(jīng)前端工程師者們的長期性科學(xué)研究和小結(jié),他們的3D渲染特點、規(guī)范適用狀況基礎(chǔ)眾所周知
而在Mobile WEB前端工程師行業(yè),情況則非常的錯亂,大家必須關(guān)心的物品則繁雜多了:
電腦操作系統(tǒng)(服務(wù)平臺):Symbian(S40/S60/S80/S90)/iPhoneOS/Android/WM(WinCE)/MTK/Linux/BB/PalmOS/Maemo(Meego)…
內(nèi)嵌電腦瀏覽器:Symbian/Chrome Lite/iPhone Safari/MTK/IE Mobile/BB Browser/Opera(OEM)/…
第三方電腦瀏覽器:Opera Mini/Opera Mobile/Skyfire/NetFront/UCWEB/QQ瀏覽器/Go電腦瀏覽器/…
這種電腦操作系統(tǒng)和電腦瀏覽器的基礎(chǔ)情況則是:
市場份額和應(yīng)用各分部狀況不穩(wěn)定,新型、新電腦瀏覽器會非常容易搶占市場
絕大多數(shù)內(nèi)嵌電腦瀏覽器不足對外開放,電腦操作系統(tǒng)和電腦瀏覽器生產(chǎn)商對開發(fā)者的適用很不及時
不一樣的電腦操作系統(tǒng)、不一樣的瀏覽器下,同樣系統(tǒng)軟件下的不一樣電腦瀏覽器,同樣電腦瀏覽器在不一樣的電腦操作系統(tǒng)下,乃至同一個系統(tǒng)軟件或電腦瀏覽器的不一樣版本號,都很有可能會造成網(wǎng)頁頁面實際效果造成非常大的差別(很難讀,實際上便是排列與組合)
因為兼容模式層面的科學(xué)研究十分稀缺(特別是在在中國),再加上電腦操作系統(tǒng)和電腦瀏覽器的封閉式和飛速發(fā)展的轉(zhuǎn)變,大家對他們特點的把握水平也是基礎(chǔ)空缺
歷經(jīng)較為,我們可以迅速發(fā)覺,要想使我們的Mobile WEB在大量的手機客戶端上主要表現(xiàn)極致,大家必須很多的時間和活力去掌握、去把握每個電腦操作系統(tǒng)、服務(wù)平臺、挪動電腦瀏覽器的特點,僅有對他們擁有一定水平的掌握和把握,大家才可以更深一層的掌控Mobile WEB兼容模式開發(fā)設(shè)計。
因而,“產(chǎn)品研發(fā)”包括了“電腦操作系統(tǒng)、電腦瀏覽器科學(xué)研究”和“Mobile WEB開發(fā)設(shè)計”2個一部分。
2. 由淺入深的規(guī)律性科學(xué)研究
如前所述,大家要想對移動終端的電腦操作系統(tǒng)和電腦瀏覽器們開展科學(xué)研究,必須花銷很多的時間和活力。羅馬不是一天完工的,大胖子也不是一口吃出去的。大家必須一個由淺入深的全過程,一個長久性的科學(xué)研究,歷經(jīng)不斷累積點點滴滴工作經(jīng)驗,才可以逐漸掌握這種特點。此外,移動終端升級經(jīng)常,新型和新電腦瀏覽器飛速發(fā)展,大家也必須分階段地跟蹤全新發(fā)展趨勢狀況。因而,這就是必須規(guī)律性科學(xué)研究的緣故:
必須很多的時間和活力
移動終端升級經(jīng)常
在Mobile WEB前端工程師只有一個的狀況下,提議每過大半年開展一次系統(tǒng)軟件的科學(xué)研究,為兼容模式開發(fā)設(shè)計奠定基礎(chǔ)。在自此的大半年內(nèi),Mobile WEB網(wǎng)頁頁面的前端工程師都將根據(jù)本次科學(xué)研究結(jié)果,一般不用再對網(wǎng)頁頁面開展兼容性測試。針對兼容性測試,以前許多文章內(nèi)容中提及過,下邊也會再度提及。
3. 有關(guān)兼容性測試
兼容性測試,是WEB開發(fā)設(shè)計和Mobile WEB開發(fā)設(shè)計都不可或缺的流程。可是在步驟上,后面一種跟前面一種卻擁有非常大的差別。
WEB前端工程師是在網(wǎng)頁頁面開發(fā)設(shè)計后做電腦瀏覽器兼容性測試
而Mobile WEB前端工程師確是在網(wǎng)頁頁面開發(fā)設(shè)計以前做電腦瀏覽器兼容性測試
挪動電腦瀏覽器不象桌面上電腦瀏覽器那麼輕輕松松地查詢搞好的網(wǎng)頁頁面實際效果,設(shè)想,假如跟WEB前端工程師步驟一樣得話,每做了一張Mobile WEB網(wǎng)頁頁面,就要搞一大堆測試機開展檢測查詢比照實際效果,發(fā)現(xiàn)問題改動隨后再檢測,這會是件很荒誕的事兒!
因而,大家就必須用兼容性測試的結(jié)果來核心前端工程師:
檢測XHTML的每一個常見原素
檢測CSS的每一個常見特性
檢測JavaScript的基礎(chǔ)特點適用
檢測其他與移動終端有關(guān)的點
在檢測結(jié)果分類整理后,我們可以根據(jù)它,了解哪些原素、哪些特性能夠 應(yīng)用,哪些防止應(yīng)用,并在開發(fā)設(shè)計時遵循這種應(yīng)用承諾。
留下聯(lián)系方式,我們將會在一個工作日內(nèi)與你聯(lián)系