閱讀 :368

答案 1：

“變形金剛”這個(gè)項(xiàng)目時(shí)間預(yù)算很少，完全成型只用了不到一周的時(shí)間，在項(xiàng)目的過(guò)程中，我遇到了很多困難。

最大的苦難是性能方面，具體說(shuō)來(lái)，就是因?yàn)槲覀冮_(kāi)發(fā)人員用的機(jī)器并不能代表用戶(hù)所處的實(shí)際環(huán)境，而據(jù)我所知，因?yàn)闉g覽器和機(jī)器本身的限制，大概有10%的IE6用戶(hù)不能順暢地跑這個(gè)程序。當(dāng)時(shí)，為了盡可能解決這個(gè)問(wèn)題，我采取的方法是極端測(cè)試，因?yàn)槲易约河幸慌_(tái)機(jī)器是古董級(jí)的賽揚(yáng)400,10年前的配置，于是就在這臺(tái)機(jī)器上運(yùn)行代碼，結(jié)果發(fā)現(xiàn)代碼庫(kù)是可以在上面順利運(yùn)行的。基于這個(gè)測(cè)試，我們將程序有第一版開(kāi)發(fā)到了第二版，最終達(dá)到可以保障大部分用戶(hù)能夠順利運(yùn)行這個(gè)程序的標(biāo)準(zhǔn)。

其次就是實(shí)現(xiàn)方面的困難，主要是剛開(kāi)始需要攻克像素點(diǎn)位置確定的難關(guān)，這個(gè)問(wèn)題一開(kāi)始困擾了我一段時(shí)間，后來(lái)順利解決，其方式就是搜索將結(jié)果抽象成像素塊，根據(jù)圖案需要讓變形金剛做出指定動(dòng)作（如變形金剛的顫動(dòng)）。

最后，就是時(shí)間特別緊張，其實(shí)正是由于這個(gè)原因，導(dǎo)致這個(gè)程序整體沒(méi)有經(jīng)過(guò)正規(guī)渠道的系統(tǒng)的測(cè)試。只能靠自己的毅力完成工作量極大的測(cè)試工作，最終成功達(dá)到了可以上線(xiàn)的水準(zhǔn)。

至于為什么能在這么短時(shí)間內(nèi)上線(xiàn)變形金剛，我覺(jué)得起決定作用的就是“有心”。因?yàn)樵诩夹g(shù)這個(gè)行當(dāng)，掌握每一個(gè)技術(shù)點(diǎn)是不夠的，之后必須要發(fā)散。例如，“文字打散”只是CSS 100多屬性中的一個(gè)，叫做clip。當(dāng)我看到這個(gè)屬性，我想的不僅是這個(gè)屬性是什么，還必須想到這個(gè)屬性除了解決眼前的問(wèn)題外，還能用來(lái)干什么。

另外，有很多人問(wèn)到我為什么會(huì)想到做“變形金剛“，其實(shí)除了我本人愛(ài)好變形金剛，也是因?yàn)樵谶^(guò)去的項(xiàng)目生涯中，我意識(shí)到一般的網(wǎng)頁(yè)總是靜態(tài)的，特別是搜索結(jié)果，那能不能網(wǎng)頁(yè)是否能變得動(dòng)態(tài)起來(lái)？而且恰好以前做過(guò)這種將靜態(tài)搜索結(jié)果變成動(dòng)態(tài)的嘗試，所以迸出了這個(gè)火花。所以實(shí)際上，這個(gè)項(xiàng)目無(wú)論是創(chuàng)意還是把創(chuàng)意短 期內(nèi)變成成品是非常難實(shí)現(xiàn)的。只有擁有經(jīng)驗(yàn)的積累+自身的熱情，才可能做到。

答案 2：

是引用外部javascript程序，如果你使用的是IE9，那么按F12打開(kāi) 開(kāi)發(fā)人員工具 即可檢測(cè)到這一程序！具-置在第409行到第425行。

程序源碼位置在：img.baidu/img/iknow/static/transformers.js 你可自行下載學(xué)習(xí)（僅限學(xué)習(xí)使用）。

答案 3：

整體分為幾個(gè)部分，最初初始化一個(gè)畫(huà)板作為整個(gè)動(dòng)畫(huà)的panel，然后創(chuàng)建一個(gè)點(diǎn)陣圖（矩陣），并通過(guò)一個(gè)算法按照點(diǎn)陣進(jìn)行相關(guān)的dom操作，整個(gè)操作分為幾部分：

頭部坐標(biāo)計(jì)算及頁(yè)面渲染

初始動(dòng)畫(huà)計(jì)算，像素偏移

產(chǎn)生頁(yè)面抖動(dòng)效果，模擬地震

-

每一行矩陣計(jì)算偏移值

下一篇:如果老板對(duì)某個(gè)不聽(tīng)話(huà)的員工一再忍讓甚至求情，作為一個(gè)部門(mén)經(jīng)理，該如何處理？ 下一篇 【方向鍵 ( → )下一篇】

上一篇:一個(gè)人的性格會(huì)影響到他對(duì)作品的審美嗎？ 上一篇 【方向鍵 ( ← )上一篇】