👩💻 Join our community of thousands of amazing developers!
一点记录,持续更新。 颜色主题遵循原生系统设置 如果Web端有提供主题切换的话,默认主题应当遵循系统或者浏览器设置。 可以使用以下js片段获取浏览器/系统默认主题: const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; ... 语言统一 应当提供完善的i18n支持,但是对于某些专有名词和惯用约定不要乱翻译。 区分已访问链接与未访问链接 很多时候为了让链接的原本颜色与主题背景颜色区分开,我们都会重新设定链接的显示颜色。但是设定的时候通常会忘掉将已访问链接与未访问链接做一个区分,这样会影响可访问性。 a { color: #0078D6; } a:visited { color: purple; } 保证可交互元素的outline 在使用键盘tab聚焦某个元素的时候,应当有outline或者其他的视觉变化标识这个元素被聚焦了。 内容页面需要具有独立的URL 某些单页应用的多个页面切换不会更新URL,导致刷新或者将链接分享与他人的时候往往...