知識星球
前端路上的旅行
從步入社會算起到今天，風風雨雨走過了15個年頭，望著天空，掐指一算，從事前端已近五個年頭。也算三分之一的時間在做前端，也是從事過時間最久的一份工作。問我為什麼能做這麼久？其實我也時常問自己，怎麼就進前端這個行當，怎麼就整了五年。正如網上所言...
最新釋出 第1153頁
Chrome開發者工具不完全指南（四、效能進階篇）
前言 Profiles面板功能的作用主要是監控網頁中各種方法執行時間和記憶體的變化，簡單來說它就是Timeline的數字化版本。它的功能選項卡不是很多（只有三個），操作起來比較前面的幾塊功能版本來說簡單，但是裡面的資料確很多，很雜，要弄懂它...
為什麼我棄用Angular，轉向React
幾年前，當我寫的程式碼被各種各樣的jQuery選擇器和回呼函式搞得亂七八糟的時候，AngularJS把我從中解救了出來。 Angular幫助我改善了開發專案的可維護性，而且提供了很多觸手可得的功能，它是為建立大型web應用而生的工具，極大方便...
抽象語法樹在 JavaScript 中的應用
抽象語法樹是什麼 在電腦科學中，抽象語法樹（abstract syntax tree 或者縮寫為 AST），或者語法樹（syntax tree），是原始碼的抽象語法結構的樹狀表現形式，這裡特指程式語言的原始碼。樹上的每個節點都表示原始碼中...
美團酒店Node全棧開發實踐
前後端分離的背景 “前後端分離”顯然已不是什麼新鮮的話題，Zakas在2013年10月份就曾發表過一篇部落格《Node.js and the new web front-end》討論Node背景下新時代的前端。毫無疑問，Node的出現給Jav...
CSS十問——好奇心+刨根問底=CSSer
最近有時間，想把醞釀的幾篇部落格都寫出來，今天前端小學生帶著10個問題，跟大家分享一下學習CSS的一些體會，我覺得想學好CSS，必須保持一顆好奇心和刨根問底的勁頭，而不是複製貼上，得過且過。本人能力有限，這篇文章從構思加完成用了四五天，如果你...
Web效能最佳化系列：預防佈局抖動
預防“佈局抖動” 佈局抖動是因 JavaScript 的 DOM 元素被多被次暴力寫，然後讀，導致檔案重排而出現的。 // 讀 var h1 = element1.clientHeight; // 寫（無效佈局） element1.styl...
Chrome開發者工具不完全指南：（三、效能篇）
滷煮在前面已經向大家介紹了Chrome開發者工具的一些功能面板，其中包括Elements、Network、Resources基礎功能部分和Sources進階功能部分，對於一般的網站專案來說，其實就是需要這幾個面板功能就可以了（再加上cons...
Chrome開發者工具不完全指南（二、進階篇）
上篇向大家介紹完了基礎功能篇，這次分享的是Chrome開發工具中最有用的面板Sources。 Sources面板幾乎是我最常用到的Chrome功能面板，也是在我看來決解一般問題的主要功能面板。通常只要是開發遇到了js報錯或者其他程式碼問題，在...
Chrome開發者工具不完全指南（一、基礎功能篇）
就算你不是一名前端開發工程師，相信你也不會對Chrome瀏覽器感到陌生。根據最新的一份（2015/06）的瀏覽器市場佔有率報告，Chrome近乎佔有瀏覽器天下的半壁江山。簡單、快捷使它成為了新時代人們的新寵。如果你是一名web開發人員，我推...