假定元素的宽度可变,它的高度会自动适应 (比如其 widthheight 可以保持固定的宽高比).

  • 在伪元素 :before 上设置 padding-top 可以使元素的高度与宽度成一定的比例。比如设置成 100% 意味着高度始终是宽度的 100% ,也就是一个自适应的正方形。
  • 这种方法也确保了内容可以正常地保持在元素内部。

继续阅读 30秒学会 CSS 片段 – 固定宽高比

Gets the day of the year from a Date object.

Use new Date() and Date.prototype.getFullYear() to get the first day of the year as a Date object, subtract it from the provided date and divide with the milliseconds in each day to get the result.
Use Math.floor() to appropriately round the resulting day count to an integer.

继续阅读 30秒学会 JavaScript 片段 – dayOfYear