五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > 發(fā)揮Ajax最佳效用方法

發(fā)揮Ajax最佳效用方法

文章來(lái)源:365jz.com     點(diǎn)擊數(shù):148    更新時(shí)間:2009-10-04 11:13   參與評(píng)論

瀏覽器相容性衍生新成本
雖然Ajax技術(shù)的局部更新與呈現(xiàn)控制效果有很多好處,實(shí)際上仍衍生了新的開(kāi)發(fā)成本。 Ajax是多種技術(shù)的集合,由于不同的瀏覽器對(duì)不同技術(shù)的支援程度不一,呈現(xiàn)效果可能會(huì)差異甚大;而且,即使是同一種瀏覽器,不同版本的支援也會(huì)差異很大,例如同樣的邊界值設(shè)定,IE 6.0和7.0顯示的效果就大不相同。開(kāi)發(fā)人員必須針對(duì)不同瀏覽器的呈現(xiàn)結(jié)果逐一調(diào)整。

友邁科技董事長(zhǎng)卓政宏與網(wǎng)擎資訊研發(fā)經(jīng)理張嘉淵不約而同地承認(rèn),瀏覽器相容問(wèn)題是開(kāi)發(fā)Ajax網(wǎng)頁(yè)最費(fèi)力、也最麻煩的問(wèn)題。網(wǎng)頁(yè)環(huán)境是開(kāi)放的,不同于桌面應(yīng)用程式的封閉性,開(kāi)發(fā)人員無(wú)法百分之百預(yù)先針對(duì)各種可能的使用者瀏覽環(huán)境進(jìn)行完整的軟體測(cè)試,只能盡可能支援主流規(guī)格。

Ajax開(kāi)發(fā)不只是技術(shù)問(wèn)題,經(jīng)常需面臨技術(shù)與應(yīng)用的雙重考量。網(wǎng)站開(kāi)發(fā)人員經(jīng)常面臨的兩難,是必須在網(wǎng)頁(yè)效果和瀏覽器相容性中取舍。為Sony設(shè)計(jì)購(gòu)物網(wǎng)站的Brix專(zhuān)案協(xié)理劉育廷無(wú)奈的表示:「為提供更細(xì)膩的效果,我們無(wú)法支援所有的瀏覽器,最后只好忍痛放棄使用人數(shù)較少的FireFox?!贯槍?duì)特定瀏覽器設(shè)計(jì),比較能做出準(zhǔn)確和豐富的呈現(xiàn)控制效果,但必須耗費(fèi)時(shí)間成本追蹤和分析使用者的使用記錄,才能了解目標(biāo)顧客的使用環(huán)境,這是比較有效率,但無(wú)法通吃的預(yù)判方式。

框架可解相容問(wèn)題,但彈性受限
另一種策略是采用能專(zhuān)門(mén)解決瀏覽器相容問(wèn)題的Ajax框架。例如Urmap下一版已經(jīng)開(kāi)始使用YUI(Yahoo! User Interface Library)進(jìn)行開(kāi)發(fā),卓政宏指出:「應(yīng)該把力氣花在產(chǎn)品內(nèi)容,把繁雜的相容問(wèn)題交給專(zhuān)家?!乖S多框架都會(huì)特別處理瀏覽器問(wèn)題,以維持框架的相容性。例如YUI有專(zhuān)責(zé)單位Yahoo! Presentation Platform team負(fù)責(zé)長(zhǎng)期維護(hù)。在這種策略下,網(wǎng)站企業(yè)主可更專(zhuān)注于產(chǎn)品實(shí)質(zhì)內(nèi)容的開(kāi)發(fā),但就須和特定框架綁在一起。

但是對(duì)開(kāi)發(fā)網(wǎng)頁(yè)應(yīng)用程式的服務(wù)供應(yīng)商而言,他們對(duì)資料傳輸量的要求比較嚴(yán)苛,技術(shù)客制彈性需求比較高,網(wǎng)擎資訊研發(fā)經(jīng)理張嘉淵認(rèn)為:「試過(guò)一些框架例如Dojo或YUI,因?yàn)橹г喙δ芏鴻n案太大,影響下載速度,客制彈性也不夠?!挂虼司W(wǎng)擎資訊選擇不用框架,自行研發(fā)Ajax應(yīng)用。在瀏覽器相容性勞務(wù)負(fù)擔(dān)與彈性客制化之間,網(wǎng)站企業(yè)主必須作一個(gè)選擇。

從表格走向物件,開(kāi)發(fā)思維須轉(zhuǎn)型
雖然瀏覽器相容性是外在影響因素,對(duì)網(wǎng)頁(yè)企業(yè)主而言,Ajax技術(shù)也同樣會(huì)造成內(nèi)部開(kāi)發(fā)的結(jié)構(gòu)性變革,最主要因素是網(wǎng)頁(yè)內(nèi)容的物件化要求。網(wǎng)頁(yè)內(nèi)容透過(guò)CSS或XML包裝成物件后,Ajax才能透過(guò)JavaScript精準(zhǔn)的控制DOM來(lái)更新資料或改變呈現(xiàn)的方式。網(wǎng)頁(yè)內(nèi)容物件化程度不夠時(shí),會(huì)造成JavaScript執(zhí)行失敗,或干擾原本已有效的控制程式。

物件化的設(shè)計(jì)思維其實(shí)是CSS的設(shè)計(jì)精神,但過(guò)去網(wǎng)頁(yè)開(kāi)發(fā)人員或美工設(shè)計(jì)人員習(xí)慣采用表格對(duì)版面直接進(jìn)行鋪排,直接視覺(jué)化的角度,安排網(wǎng)頁(yè)內(nèi)容的架構(gòu)。表格式的設(shè)計(jì)思維,造成內(nèi)容的呈現(xiàn)方式和意義架構(gòu)的混合,一旦要調(diào)整不同的呈現(xiàn)方式,或修改意義架構(gòu)時(shí),就必須重新設(shè)計(jì)網(wǎng)頁(yè),造成許多重復(fù)工作。即使可以透過(guò)網(wǎng)頁(yè)范本套用,仍須為不同的呈現(xiàn),設(shè)計(jì)不同的網(wǎng)頁(yè)范本,這仍是許多網(wǎng)頁(yè)開(kāi)發(fā)人員拋不開(kāi)的痛苦。

CSS采用物件化的設(shè)計(jì)精神,可以將內(nèi)容和呈現(xiàn)分離,使得同樣的內(nèi)容可以一再套用到不同的呈現(xiàn)樣式。局部樣式修改,也可以馬上反映到所有套用的內(nèi)容上,不需逐一修改網(wǎng)頁(yè),應(yīng)用彈性和可用性可大幅提高。但CSS之所以過(guò)去難以普及的原因,在于內(nèi)容與呈現(xiàn)分離的物件化設(shè)計(jì)概念,過(guò)于抽象,無(wú)法直接從視覺(jué)上看到效果。開(kāi)發(fā)前置作業(yè)期程將會(huì)因此耗時(shí)更久,開(kāi)發(fā)人員必須先分離出網(wǎng)頁(yè)內(nèi)容的整體結(jié)構(gòu),考量未來(lái)可能呈現(xiàn)的樣式,進(jìn)行規(guī)畫(huà),不易像過(guò)去那樣邊做邊改。這是完全不同的設(shè)計(jì)思維與開(kāi)發(fā)習(xí)慣的躍遷。

對(duì)設(shè)計(jì)人員而言,需要進(jìn)行心態(tài)的轉(zhuǎn)換與相當(dāng)時(shí)間的習(xí)慣調(diào)整。 Ajax技術(shù)會(huì)迫使網(wǎng)站開(kāi)發(fā)人員需重新檢視設(shè)計(jì)思維,調(diào)整過(guò)去直覺(jué)式的設(shè)計(jì)習(xí)慣,采取更嚴(yán)謹(jǐn)?shù)拈_(kāi)發(fā)規(guī)畫(huà)。最近也開(kāi)始出現(xiàn)一些網(wǎng)頁(yè)物件化設(shè)計(jì)的框架,例如臺(tái)灣Yahoo!奇摩使用的LSM(Layered Semantic Markup)框架,采取資料內(nèi)容、呈現(xiàn)樣式與操作行為分開(kāi)的設(shè)計(jì),達(dá)到網(wǎng)頁(yè)結(jié)構(gòu)化,以及開(kāi)發(fā)與設(shè)計(jì)協(xié)同分工的目的。

網(wǎng)站開(kāi)發(fā)需要更細(xì)膩的專(zhuān)業(yè)分工
更深一層的開(kāi)發(fā)思維影響是互動(dòng)設(shè)計(jì)的專(zhuān)業(yè)化。目前多數(shù)Ajax網(wǎng)站的開(kāi)發(fā)原因,對(duì)介面物件操控與互動(dòng)效果的設(shè)計(jì),多數(shù)仍由程式開(kāi)發(fā)人員主導(dǎo)。不是因?yàn)殚_(kāi)發(fā)人員擅長(zhǎng)互動(dòng)設(shè)計(jì),而是設(shè)計(jì)人員害怕寫(xiě)程式。臺(tái)灣最大設(shè)計(jì)網(wǎng)站黑秀網(wǎng)下任站長(zhǎng)(網(wǎng)路代號(hào):火星人)表示:「設(shè)計(jì)人員連一行程式都不愿意碰,這是難以跨越的鴻溝。」

設(shè)計(jì)人員多采逐頁(yè)畫(huà)面設(shè)計(jì)的思維,將頁(yè)面變化的截圖,交給程式人員處理成動(dòng)態(tài)效果。但畢竟程式開(kāi)發(fā)人員不見(jiàn)得能比設(shè)計(jì)人員更熟悉設(shè)計(jì)或美感呈現(xiàn)的考量,這樣截然二分的流程其實(shí)限制了動(dòng)態(tài)效果的呈現(xiàn)方式,或者是局限在小地方互動(dòng)的機(jī)制,從而缺乏整體性的設(shè)計(jì)。

透過(guò)Ajax技術(shù)的網(wǎng)頁(yè),內(nèi)容會(huì)依據(jù)使用者的操作動(dòng)態(tài)產(chǎn)生,而介面互動(dòng)方式,又會(huì)因產(chǎn)生的內(nèi)容衍生,使得介面設(shè)計(jì)的難度更高。再加上動(dòng)態(tài)更新的網(wǎng)頁(yè)內(nèi)容,不利于搜尋引擎的索引,全面采用Ajax技術(shù),反而影響網(wǎng)站內(nèi)容在搜尋引擎上的排名能見(jiàn)度。

Ajax方便性與搜尋引擎最佳化(Search Engine Optimization,簡(jiǎn)稱(chēng)SEO)的拿捏使得Ajax網(wǎng)站的介面設(shè)計(jì),需面臨多種向度的綜合能力。已有大型網(wǎng)站,招募專(zhuān)責(zé)人員負(fù)責(zé)介面設(shè)計(jì),例如Yahoo!的前端技術(shù)工程師(Front-End Engineer,簡(jiǎn)稱(chēng)F2E)、或是Yam天空網(wǎng)站的網(wǎng)頁(yè)工程師(Web Master)等,不再只是通稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)、視覺(jué)設(shè)計(jì)或美工。專(zhuān)門(mén)職位的設(shè)立,反映出Ajax介面設(shè)計(jì)的專(zhuān)業(yè)分工趨勢(shì),網(wǎng)站企業(yè)主采用Ajax技術(shù)時(shí),對(duì)互動(dòng)品質(zhì)要求越高時(shí),就不僅是選對(duì)技術(shù)框架,或找到專(zhuān)精的設(shè)計(jì)人員就足夠,而是需要專(zhuān)職介面設(shè)計(jì)人員。

網(wǎng)頁(yè)豐富應(yīng)用各家爭(zhēng)鳴,企業(yè)需評(píng)估Ajax采用時(shí)機(jī)
讓我們?cè)購(gòu)木W(wǎng)頁(yè)豐富應(yīng)用(Rich Internet Application)的角度來(lái)看,Ajax也并非是唯一的技術(shù)。 Flash已經(jīng)出現(xiàn)十年,可以提供更豐富的動(dòng)態(tài)互動(dòng)與影音效果。但Flash的設(shè)計(jì)難度更高,相較于懂JavaScript的人力,能夠充分運(yùn)用ActionScipt的人力非常缺乏,F(xiàn)lash強(qiáng)于設(shè)計(jì)輔助,但對(duì)介面程式開(kāi)發(fā)的支援和管理相對(duì)較弱。兼具開(kāi)發(fā)人力與互動(dòng)效果雙重優(yōu)勢(shì)的Ajax,仍有不可取代的價(jià)值。

但此一優(yōu)勢(shì)現(xiàn)在也面臨極大的挑戰(zhàn),Ajax正受到內(nèi)在技術(shù)的局限與新興技術(shù)的競(jìng)爭(zhēng)。 Ajax技術(shù)一方面引發(fā)越來(lái)越高的網(wǎng)頁(yè)安全問(wèn)題,衍生新的資安控管與程式設(shè)計(jì)安全問(wèn)題,使得技術(shù)框架需要更多復(fù)雜的程式碼來(lái)控管,進(jìn)而影響效能和下載意愿。另一方面,面對(duì)日益復(fù)雜的應(yīng)用需求,Ajax技術(shù)遇到瓶頸,也開(kāi)始不勝負(fù)荷,例如無(wú)法快速處理商務(wù)網(wǎng)站所需的上千筆資料排序。

Ajax有內(nèi)憂(yōu),而次世代網(wǎng)頁(yè)技術(shù)也節(jié)節(jié)逼近,例如微軟新推出的Silverlight技術(shù),兼具搜尋引擎最佳化與介面呈現(xiàn)效果,又擁有完整的開(kāi)發(fā)與設(shè)計(jì)工具支援,來(lái)勢(shì)洶洶。升陽(yáng)也預(yù)告將推出專(zhuān)攻RIA應(yīng)用的JavaFX新語(yǔ)言,主打行動(dòng)裝置的相容性等。

但技術(shù)優(yōu)劣不等同于應(yīng)用效益,最后何者勝出,端視應(yīng)用的整合配套。網(wǎng)站企業(yè)主需評(píng)估Ajax技術(shù)與企業(yè)應(yīng)用需求時(shí),需考量整合效益,衡量長(zhǎng)期維護(hù)與內(nèi)容建置是否能配合,清楚了解采用后需調(diào)整的配套作為,而不是一昧追趕流行比效果,才能發(fā)揮Ajax技術(shù)的最佳效益。

如對(duì)本文有疑問(wèn),請(qǐng)?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (148人查看,0條評(píng)論)
請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱(chēng):
最新評(píng)論
------分隔線(xiàn)----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢(xún)

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)