知識星球Web效能最佳化系列：10個JavaScript效能提升的技巧
Nicholas Zakas是一位 JS 大師，Yahoo! 首頁的前端主程。他是《高效能 Javascript》的作者，這本書值得每個程式員去閱讀。 當談到 JS 效能的時候，Zakas差不多就是你要找的，2010年六月他在Google ...
前端 第16頁
在JS陣列指定位置插入元素
很多與陣列有關的任務聽起來很簡單,但實際情況並不總是如此,而開發人員在很多時候也用不到他。最近我碰到了這樣一個需求: 將一個元素插入到現有陣列的特定索引處。聽起來很容易和常見,但需要一點時間來研究它。 // 原來的陣列var array =...
比較JS合併陣列的各種方法及其優劣
本文屬於JavaScript的基礎技能. 我們將學習結合/合併兩個JS陣列的各種常用方法,並比較各種方法的優缺點. 我們先來看看具體的場景: var q = [ 5, 5, 1, 9, 9, 6, 4, 5, 8];var b = [ "t...
酷！用 JavaScript 製作的冷戰模擬遊戲
先來一個截圖。酷不酷？！ 一開始以為可以操控一方，無法操控才確信是模擬。開頭幾遍沒看大明白，多看幾遍後，終於知道咋回事了。 1. 兩種視角。上面是側視，下麵是俯視。 2. 四種建築： 〇 是原料廠，有 3 個； △ 是原料加工廠，3 個； ...
AngularJS最佳實踐: 請小心使用 ng-repeat 中的 $index
“有客戶投訴，說在刪除指定的某條記錄時,結果刪掉的卻是另外一條記錄!” 看起來是個很嚴重的BUG。 有一次我們在工作中碰到了這個問題。 要定位這個BUG非常麻煩, 因為客戶也不清楚如何重現這個問題。 後來發現這個Bug是由於在 ng-rep...
利用同構JavaScript輕鬆解析URL
大部分web應用都需要解析URL，無論是提取域名、實現REST API，還是查詢圖片路徑。一個典型的URL路徑如下圖所示： 你可以使用正則運算式把URL字串拆分為連續的部分，但是這有點複雜而且沒必要… 服務端URL解析 Node.js（及其...
每個Javascript開發者都應當知道的那些事
Javascript是一種日益增長的語言，特別是現在ECMAScript規範按照每年的釋出時間表釋出。伴隨著這門語言的規模化和快速發展，掌握JS（不僅僅是jQuery）的重要性，變得更加重要。 這不是一篇自稱是 JS 開發者知識聖杯的權威指...
瀏覽器的輸入事件：除了點選，我們如何做得更好？
作為介面開發者，對使用者輸入的響應可以說是我們工作的核心。為了搭建響應式的網路應用，理解 touch、mouse、pointer 和 keyboard 動作與瀏覽器之間的關係是關鍵。你很有可能經歷過移動瀏覽器的三百毫秒延遲或者在觸控移動中掙扎...
免費套圖：一套非常不錯的 SVG 圖示
Glyph 是 SmartIcons 出品的一套 SVG 圖示，看起來非常不錯，將近 800 個圖示。他們在官網宣稱： Icon font is so yesterday. Say hello to “Glyph”, a semantic ...
javascript客戶端檢測技術（下）
識別平臺 目前有三大主流平臺(windows,Mac,Unix(包括各種linux))；因為那些瀏覽器(safari,opera,firefox)在不同的平臺可能會有不同的問題；為了檢測這些平臺，還需要像下麵這樣再新增一個新物件； var ...