閱讀 :312

答案 1：

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

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

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

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

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

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

答案 2：

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

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

答案 3：

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

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

初始動畫計算，像素偏移

產(chǎn)生頁面抖動效果，模擬地震

-

每一行矩陣計算偏移值

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

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