八股文-webrtc、pwa、web accessbility

275 阅读3分钟

WebRTC

概念:WebRTC(Web Real-Time Communications)是一项实时通讯技术,它允许网络应用或者站点,在不借助中间媒介的情况下,建立浏览器之间点对点(Peer-to-Peer)的连接,实现视频流和(或)音频流或者其他任意数据的传输。WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下,创建点对点(Peer-to-Peer)的数据分享和电话会议成为可能。
来源:developer.mozilla.org/zh-CN/docs/…

大白话:用来做直播的或者音视频通话

pwa

PWA (Progressive Web App) 是一种 Web 应用程序的类型,它使用现代 Web 技术来提供更好的用户体验。PWA 可以像原生应用程序一样在移动设备上运行,同时也可以在桌面浏览器上访问。PWA 的特点包括:

  1. 可以在离线状态下使用,具有离线缓存功能;
  2. 加载速度快,可以像原生应用一样快速响应用户操作;
  3. 可以安装在设备上,用户可以从主屏幕上启动应用程序;
  4. 提供丰富的交互体验,包括推送通知、本地存储等。

PWA 的开发可以使用 Web 技术,如 HTML、CSS、JavaScript 等,也可以使用框架和库,如 React、Angular、Vue 等。PWA 的出现可以让 Web 应用程序更接近原生应用程序的体验,同时也可以提高开发效率和降低开发成本

大白话:网站搞成app

Web Accessibility

Web Accessibility(Web可访问性)指的是确保Web内容和应用程序能够被尽可能多的人使用,包括那些有残疾或技术障碍的人。Web可访问性的目标是使Web内容和应用程序对所有人都可用,无论他们使用的是哪种设备或技术,或者他们是否有残疾或其他障碍。Web可访问性可以通过遵循Web内容可访问性指南(WCAG)来实现。WCAG是一个国际标准,旨在确保Web内容和应用程序对所有人都可访问。它包括一系列准则和技术,可帮助开发人员创建易于访问的Web内容和应用程序。 如何做:

  1. 使用有意义的标题和标签,确保页面结构清晰,易于理解和导航。
  2. 使用高对比度的颜色和清晰易读的字体,使页面易于阅读。
  3. 提供文本替代品,如图片的alt属性、视频的字幕等,以确保屏幕阅读器和其他辅助技术可以读取或播放这些内容。
  4. 确保键盘操作性,使用户可以使用键盘导航和操作页面,而不依赖于鼠标。
  5. 提供清晰的错误信息和帮助文档,以帮助用户解决问题。
  6. 使用可访问的表单,包括明确的标签和输入字段,以及错误验证和反馈。
  7. 考虑使用语音输入和其他辅助技术,以帮助用户使用Web应用程序。
  8. 定期进行可访问性测试和评估,以确保Web内容和应用程序符合WCAG指南的要求。

大白话:正确使用HTML5语义化标签进行开发和其他的一些辅助