中國人的習(xí)俗,沒過完正月十五就還是在過年,在這里給園子你的朋友們拜個晚年了。
這幾天恰逢公司網(wǎng)站首頁需要改版,去年底公司“人員精簡”后,一個人得做多個人的活,忽然之間發(fā)覺擔(dān)子重了。這不, 本不是我工作范圍內(nèi)的事情,不幸也讓我參與其中了,不幸中的幸事是這次BOSS交給我的任務(wù),恰是我一直熱衷的前端開發(fā)任務(wù)。之前一直從事公司網(wǎng)站的后臺管理程序開發(fā),更多是在服務(wù)器端處理業(yè)務(wù)邏輯,一直沒有機(jī)會在我熱衷的前端開發(fā)上施展拳腳。實踐是檢驗真知的最好途徑,通過解決分派給我的實際任務(wù)正是一次難得的大檢驗,通過書本和各種資料學(xué)習(xí)許多零散的知識,卻未得機(jī)會將他們?nèi)嗪显谝黄饋泶?ldquo;綜合測驗”,呵呵。前面墨跡那么多,都是壓抑久了惹得禍,呵呵。
我先來描述一下任務(wù)要求吧:公司網(wǎng)站首頁上有一張由五個球組成的JPG圖片,其作用是用來導(dǎo)航,點(diǎn)擊每個球上的文字后會打開相應(yīng)信息的二級頁面,與該圖片相應(yīng)的有一個幾乎一模一樣的Flash版本。而上司布置給我的任務(wù)之一就是:當(dāng)客戶端瀏覽器安裝了Flash文件播放器時,顯示Flash版導(dǎo)航,反之顯示JPG圖片導(dǎo)航。拿到任務(wù)后,考慮片刻,既是前端開發(fā),當(dāng)然要考慮瀏覽器兼容問題,跨越瀏覽器之間的鴻溝最好的辦法就是使用一種或多種成熟的JavaScript框架,很幸運(yùn)的是恰好有一個非常成熟精巧的JS框架存在,名曰:SWFObject.js。
第一次接觸SWFObject.js是其V1.5,而這次我解決問題使用的是V2.1,兩者之間的使用上還是有些差別的。整體上給我的感覺是V2.1較之V1.5來說,是一次大躍進(jìn),V2.1無論從框架的源碼還是使用過程來說,都更加符合面向?qū)ο蟮腏avaScript編程風(fēng)格。
我將以一個探索JavaScript不久的研習(xí)者的視角,帶著您一起來體驗這趟“折騰”之旅,無論您是和我一樣的新手,還是已經(jīng)能夠熟練編寫各種JS代碼的老手,望請手下留情,希望大家以文明的心態(tài)指出我思考中的短視和文字中的錯誤。
下面的代碼是我從SWFObject V1.5的一篇說明文檔( 如想進(jìn)一步了解V1.5請點(diǎn)擊該鏈接即可)中改編而來的使用示例:
新聞熱點(diǎn)
疑難解答