本文主要介绍了在前端项目中常用的无障碍手势和无障碍属性，并且结合具体的开发案例为开发者真实展示了适配要点，提供组件适配思路。

在移动设备（如手机）上进行网页开发一般都会加上上面一段代码内容。先看看不加时候的表现： 这里使用了Chrome的远程调试，移动端设备是小米手机，使用的浏览器是Chrome。（也可以使用Chrome开发

组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。 ​ Web C

前端开发如何通过更高级的方式自定义 WebComponent 实现组件化，WebComponent 方式是实现组件化的一种解决方案。

前言 近期在看微前端框架以及qiankun的源码时，发现qiankun实现css样式隔离时，使用了shadowDom。于是出于好奇，去探索了一部分这方面的知识。 什么是shadowDom？ 在我们日常

纯web技术，唤起摄像头和麦克风，把视频投影到页面，然后一键开始录制，之后存入历史记录，随时唤起播放。只需100余行代码，你就拥有了一个视频录制功能。

File System Access API 使开发者能够构建更强大的web应用程序，与用户设备上的文件进行交互。除了文件读取功能，添加了新的接口，支持实时修改并保存以及操作目录。

本文将介绍一些 Web Components 的相关知识，最后通过一个组件封装的案例讲解带你入门 Web Components。

由于 autocomplete="off" 现代浏览器已经不支持，所以直接放弃了对密码框设置，直接使用 autocomplete="new-password" ，亲测Chrome(v88.0.4324.104)、edge(v88.0.705.56)及火狐(v67)可用，但火狐(…