HTML

Repaints

• 修改可见性样式触发 - 例如 opacity, background-color, visibility, outline

Reflow

• 修改布局时触发 - 修改样式不触发 - 影响很大，阻塞计算
• 计算位置和尺寸 - 影响上下级和同一级
• position: absolute; position: fixed; 可减少 reflow 影响
• display: none; 不影响
• 参考
  • What forces layout / reflow
  • Recommended way of making React component/div draggable

navigator.permissions

• navigator.permissions

geolocation

• Using geolocation
• https://test.wener.me/geo.html

Semantic Tags

• header
• nav
• section
• article
  • p
  • blockquote
• aside
• footer
• figure
  • figcaption
• mark
• summary
  • details
• time
• address
• abbr
• dl
  • dt
• https://www.w3schools.com/tags/default.asp