R·e^x / Zeng

講一講 Canvas 究竟是個啥

本文已授權 Coding部落格 轉載。 HTML5 的標準已經出來好久了，但是似乎其中的 Canvas 現在並沒有在太多的地方用到。一個很重要的原因是，Canvas 的標準還沒有完全確定，不適合大規模用在生產環境。但是，Canvas 的優點也是很明顯的，例如在繪製含有大量元素的圖表的時候，SVG 往往因為效能問題而無法勝任，例如我見過的一次技術分享會的抽獎環節，雖然效果比較炫，但因為每個頭像...

[完結撒花] 飛機牆的歷史 & 揭秘飛機牆的實現方法

本文禁止釋出在除 紙飛機技術部落格 、微訊號 nuaazfj 和 /^1?$|^(11+?)\1+$/ | Where there is a will there is a way. 之外的平臺，但不限制在社交網站上的轉載。 紙飛機各種晚會上的飛機牆是不是已經非常吸引大家的眼球了？我從大一接鍋開始寫，到後來的負責人，然後現在把牆傳給了後人。今天就來講一下飛機牆的歷史，然後會花上一些篇幅...

NodeJS 的小科普 && 使用 NodeJS 實現 Webhook

本文已授權 Coding部落格 轉載。 距離 NodeJS 這個東西出來已經過了好久了，感覺現在的前端如果不會點 NodeJS 就有點太落後於時代啦。我接觸它是從去年暑假開始的，當時在為七牛寫一個比較神奇的東西，就順便接觸了一下。雖然網傳 npm 社群不是很好，但是我使用了這麼久，覺得 NodeJS 還是個很好的工具。本文大概分兩部分，前半部分用來向大家介紹 NodeJS，後半部分則是用 N...

使用 Chrome Timeline 來最佳化頁面效能

本文已授權 Coding部落格 轉載。 有時候，我們就是會不由自主地寫出一些低效的程式碼，嚴重影響頁面執行的效率。或者我們接手的專案中，前人寫出來的程式碼千奇百怪，比如飛機牆為了一個 Canvas 特效需要同時繪製 600 個三角形，又比如 Coding.net 的任務中心需要同時 watch 上萬個變數的變化等等。那麼，如果我們遇到了一個比較低效的頁面，應該如何去最佳化它呢？ 最佳化前的準備：知...

一次 OSU! in Browser 的嘗試

OSU! 這個遊戲可能許多同學非常陌生，這是一個有著 std、taiko、ctb、mania 四種模式的音樂遊戲，其中除了 ctb 我玩不習慣以外，剩下的三個模式均有涉及。一天我突然想到，網上有沒有那種能在瀏覽器中玩的版本？在網上搜了好久，並沒有發現“能讀取 OSU! 譜面並顯示”的程式碼，只找到了一個有點類似的 Demo（傳送門： HTML5太鼓達人 ），看了一下，並不是我想要的那種效果，而且也...

使用 D3.js 製作我們的 Todolist！

算了一下，跟平兒在一起也有八個月了。作為一個程式設計師男朋友，自然會想寫一些東西來提升我們之間的好感度。之前在網上看到有人做了一個特別炫的頁面，其實從技術上來說，只是若干圖片算好位置、有個計時器、有個打字的效果就解決了。作為一個偏向技術的人，我肯定要寫一個更高大上的效果！ 於是就想到了寫一個 Todolist，專門記錄那些我們之前在聊天記錄中提到過但一直沒有做的事情，例如看一場恐怖片啦，躺在地上數...