❯TPAC 2019 小会之 WebCodecs 提案
直击 W3C TPAC 2019 福冈大会现场,全面剖析 WICG WebCodecs 提案的设计初衷。探讨其如何跳出现有媒体 API 的高级封装限制,向 WebAssembly 及流媒体应用直接暴露底层软硬件音视频编解码器能力。
直击 W3C TPAC 2019 福冈大会现场,全面剖析 WICG WebCodecs 提案的设计初衷。探讨其如何跳出现有媒体 API 的高级封装限制,向 WebAssembly 及流媒体应用直接暴露底层软硬件音视频编解码器能力。
深入解读 CSS Overscroll Behavior 规范,剖析滚动边界溢出时的连锁滚动(scroll chaining)机制,详解 contain、none 属性值在弹窗、侧边栏抽屉及移动端下拉刷新场景中的防穿透原生解决方案。
伴随系统级 Dark Mode(深色模式)普及,深度解析 W3C CSS Color Adjust Level 1 规范。剖析 color-scheme 属性、forced-color-adjust 以及高对比度模式下浏览器渲染适配行为的精细化控制。
从 Credential Management API 演进讲起,深入拆解 FIDO2 / WebAuthn 标准的核心原理、非对称公私钥认证链路与 Attestation 验证机制,探究如何利用硬件安全密钥(YubiKey、Touch ID)实现安全无密码 Web 登录体验。
全面解读 W3C Generic Sensor API 架构设计,探讨其统一的传感器基类封装模型,并以环境光传感器(AmbientLightSensor)和加速度计为例,展示 Web 端安全调用物理硬件传感器的全新可能性。
介绍 W3C Screen Orientation API 标准规范,深入探讨其在 Web 应用中读取屏幕旋转角度、监听方向变更事件,以及在全屏移动游戏与视频播放器场景下通过 JavaScript 编程锁定屏幕横竖屏状态的实战方式。
探究 CSS Motion Path Level 1 规范如何打破传统直线与缩放位移的限制,通过 offset-path、offset-distance、offset-rotate 及 ray() 辐射线,赋予 DOM 元素沿着任意不规则 SVG 轨迹与曲线平滑飞行的能力。
全面速览 CSS Selectors Level 4 规范中的新伪类与选择器,深度解析 :is()、:where()、:not() 列表、:has() 关系选择器以及 :focus-visible 和语言方向伪类对前端组件化样式编写的巨大革新。
梳理 W3C CSS Text Decoration Level 4 最新规范特性,详解下划线间距偏移(text-underline-offset)、文字跳变断开(text-decoration-skip-ink)以及多重修饰线样式的进阶排版控制。
告别低效且容易出错的字符串拼接式样式操作!探讨 CSS Houdini 核心成员 CSS Typed OM 如何为浏览器引入强类型值对象(CSSUnitValue/CSSMathValue),显著提升数值计算性能与 JavaScript 交互安全性。
全面解读现代浏览器原生支持的 CSS Scroll Snap 规范,从滚动捕捉模型、对齐行为(scroll-snap-type、scroll-snap-align)到边界阻尼与停靠策略,探究如何用纯 CSS 打造丝滑流畅、无脚本依赖的 Swiper 轮播与全屏吸附效果。
深度剖析 Web 自定义字体加载中常见的 FOIT(不可见文本闪烁)与 FOUT 现象成因,详细讲解 CSS Fonts Module Level 3 的 font-display 控制策略以及 CSS Font Loading API 的 JavaScript 异步监听与精细化字体调度技巧。
深入解读 W3C CSS Fonts Module Level 4 工作草案中的 Color Font(彩色字体)规范,解析其与矢量及位图 Emoji 的演进关系,对比 SBIX、CBDT、COLR/CPAL 与 SVG 字体技术方案及在现代浏览器中的实践应用。