摘要：對來說，百分比都是按照父元素的寬度來計算的百分比值的則是按照父元素的高度計算。但是，按照父元素寬高百分比計算是嚴格的和時，還會涉及到所謂死循環的問題。另外，需要注意，這種是沒有意義的。打算利用公眾號分享每天的閱讀筆記。

知乎上看到的 ?@小爝 的回答。對 valueOf 和 toString 方法講得非常清楚（雖然其實我也沒完全明白）。

關于 Grid 布局很詳細的講解。如果鏈接打不開，還有一個，點擊這里。

另外，w3cplus 上有很詳細的一系列文章。很棒，有時間可以好好研究。

題外話，大漠在 2013 年就開始關注這方面了。所謂大神，就是超前。

CSS Weekly 239 有一篇 CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout。還有一篇 CSS Grid Layout and Comics，貓超級萌！

控制臺重度用戶（臨時記事本、測試代碼、計算器），深受其害。

@紫云飛 最近的系列文章都很不錯，淺出、深入。摘錄一段如下：

var 變量的聲明和初始化（成 undefined ）都是在“預處理”過程中同時進行的，所以永遠不會觸發 TDZ 錯誤。let 的話，聲明和初始化是分開的，只有真正執行到 let 語句的時候，才會被初始化。如果只聲明不賦值，比如 let foo，foo 會被初始化成 undefined，如果有賦值的話，只有等號右側的表達式求值成功（不報錯），才會初始化成功。一旦錯過了初始化的機會，后面再沒有彌補的機會。

關于 GC，還有這兩篇：

Finding a Memory Leak in Node.js

JavaScript Garbage Collection Improvements

risingstack 系列博客都很不錯。之前已經翻譯過幾篇，譯文見我的博客。

可惜最近比較忙，手上的工作加上翻譯的事情一堆，無暇顧及。

插一句，翻譯真的是很好的學習方式。謝謝眾成翻譯。

今天主要閱讀 CSS Weekly 239。

關于響應式 3D 圖形。

話說，作者的 CodePen 也可以收藏哈哈。

首先是各種 CSS 屬性的百分比值。對 width、margin、padding 來說，百分比都是按照父元素的寬度來計算的；百分比值的 height 則是按照父元素的高度計算。

但是，按照父元素寬高百分比計算（是嚴格的 width 和 height）時，還會涉及到所謂“死循環”的問題?？梢詤⒖紡場涡翊笊竦奈恼隆?/p>

看到這里，想起現在的老大當初面試我時有個問題是，很多百分比是按照父元素寬度計算，但為什么 transform: translate(-50%, -50%) 這樣的情況中是按照元素自身（padding-box）計算的？我當然沒答上來。感謝老大當時耐心的解釋。另外，需要注意，translateZ(50%) 這種是沒有意義的。

關于中文字體排版的一些知識。另外，該文章作者的個人博客上還推薦了自己關注的一些站點，可以作為自己的閱讀參考：

Smashing Magazine newsletter

Web Designer Depot newsletter

Web Development Reading List

A List Apart

Boagworld

Codrops

One Extra Pixel

Smashing Magazine

24 Ways

Coding Horror

CSS-tricks

Sitepoint

下面是我的公眾號。打算利用公眾號分享每天的閱讀筆記。