索引

收藏功能掛了，考慮到不少回答到如今都沒有組成文章，仍是先行在這裏進行整理吧。

標準研讀

CSS

• CSS中的四個值
• height:auto的計算(1)：行框
• height:auto的計算(2)：撐高計算
• 浮動相關
• white space的解析
• 垂直居中的計算方式
• 瀏覽器差別的三個參考站點
• BFC與haslayout
• body之上的BFC

HTML

• HTML4與HTML5的區別
• HTML約束(1)：塊級元素和行內元素的嵌套
• HTML約束(2)：塊級和內聯並列的僞經驗
• HTML約束(3)：約束髮生的時間段與規則設定
• HTML約束(4)：HTML中如何展現標籤而避免解析
• 轉義(1)：HTML標籤分類
• 轉義(2)：SVG/ECMAScript轉義

前端方案

CSS

• 子容器垂直居中於父容器的方案
• margin和padding的比較
• 各個瀏覽器的stylesheets的查看
• 移動端的視口高寬
• 水平拆分/基礎柵格

兼容性

• absolute佈局的兼容性問題彙總
• input、button、a的尺寸
• select的padding設置
• Essential Safari Content文檔列表
• audio的兼容性處理
• X-UA-Compatible的做用

JS

• 經典的循環閉包問題
• 對象遍歷的N種方式
• setInterval與requestAnimationFrame的時間間隔
• JavaScript中Number的一些表示上/下限

源碼閱讀

• jQuery的數據類型判斷
• Modernizr的事件支持性判斷
• Sizzle的html去重方法
• V8的Function [[Call]]

字體排印

• 前端字體選擇
• Generic Font-family
• 字體服務
• 微軟雅黑的鋸齒
• 文本如何兩端對齊
• -webkit-font-smoothing

綜合

• CSS3動畫與JS動畫
• CSS預處理器的優缺點
• HTML字符串拼接、模板系統及方案
• 用於處理事件的a標籤的href怎麼寫
• 頁面縮放檢測
• query string與hash的區別
• 移動端視口高/寬統計
• 前端跳往客戶端

工做流相關

測試

• IE6環境的模擬
• 兼容性測試的上下文分類

調試

• 移動端調試方案彙總
• 移動端調試問題排查
• 異常標籤的引入的排查

優化

• GSAP何以比JQuery快？(1)、(2)
• 動畫優化步驟

工做流

• 前端內容的緩存與更新
• 前端工做流(1)：方面
• 前端工做流(2)：已有流程整理

雜項

CSS tricks

• 計數控制
• table定寬控制
• 臨近選擇器~的使用
• 負margin等高佈局
• 逆向z-index
• autofill的樣式去除
• IE10與IE9的一個區別
• CSS動畫的重啓
• fieldset被撐寬
• 非替換元素的padding設置

JS hints

• ajax處理二進制流
• 深嵌套的DOM
• 字符串處理
• 版本號比較
• hasClass
• 數組的for循環
• Spidermonkey的條件式函數聲明

其餘

• 關係數據庫的遞歸無限級分類
• Road To Data Scientist
• webkit的相關博文
• 關於活動頁
• 效果集合
• php：XML的處理
• multipart/form-data的拼接