logo

桌面通知 - Notification API

notification
Notification API 是 HTML5 中用于推送桌面通知的 API,通过这个 API 我们就可以向用户推送消息,拓展了 Web 应用的功能,从后台及时向用户推送桌面信息。兼容性信息:虽然兼容性不怎么样,但是对于支持的 API 用户可以渐进增强我们的应用。详细信息可参考Notifi ...
Read more

WAI-ARIA了解一下

WIA-ARIA 无障碍
什么是 WIA-ARIA?一直我们提倡使用语义化的 HTML 标签,但是仍然很难传达一些简单的布局信息,如弹出菜单,目前没有能语义化这种布局 HTML 标签。另一方面,对正常用户来说无需关心这些信息,但是对于一些。残障人士来说正常使用 Web 应用是极其困难的,对于残障人士来说他们需要使用一 ...
Read more

节流与防抖

throttle debounce
节流(throttle)与 防抖(debounce)是为了解决回调执行过于频繁导致的性能问题,进一步影响用户体验,增加服务器压力。这两个概念略微有所不同,应用场景也有所不同。节流(throttle)概念节流概念关键在于降低函数的触发频率,在一段频繁的函数回调中每隔一段时间执行一次。场景需要监 ...
Read more

Grid布局

Grid CSS Layout
CSS Grid是用于专门解决布局问题而创建的CSS模块。相对Flex布局只能在一个方向维度(行或列)上进行布局,Gird布局可以实现更加复杂的二维方向(行与列)布局。Grid布局维度上的增强,使得Grid布局的复杂度相对于Flex布局随之提高。目前支持度如下,还行口巴😭:CSS Grid ...
Read more

[译] JSON Web Token Intro

transition jwt
什么是 JSON Web Token?JSON Web Token(JWT)定义了一个紧凑独立的开放标准(RFC 7519),通过一个 JSON 对象来安全的传输数据。这些数据是可信的因为它们经过数字签名的。JWTs 可以使用一个密钥(使用 HMAC 算法)或 RSA 的公/私匙对来进行签名 ...
Read more