使用渐进增强构建一个健壮的前端

主要观点:为让用户体验优质服务,需以稳健方式构建,渐进增强是一种基于先使用 HTML 使页面工作的网站和应用构建方式,政府服务应遵循渐进增强,包括从 HTML 开始、使用 CSS 和 JavaScript 等,避免构建单页应用,要测试服务在多种浏览器和设备上的运行情况。
关键信息

  • 渐进增强先以 HTML 构建,再添加 CSS 和 JavaScript。
  • 政府服务用 HTML 应能正常运行,如交易服务、智能答案、内容网站等。
  • CSS 层有一定容错性,JavaScript 层容错性差。
  • 可通过多种方式提高 JavaScript 在不同浏览器中运行的正确性。
  • 避免使用“CSS-in-JS”等技术,考虑 JavaScript 失败时的替代方案。
  • 不建议构建单页应用,会影响服务可访问性。
  • 服务中依赖 JavaScript 或框架的组件需在多种浏览器和设备上测试。
    重要细节
  • HTML 层设计容错,旧浏览器能加载服务 HTML。
  • CSS 层忽略不理解的声明,整个规则集遇不理解选择器会被忽略。
  • JavaScript 出错会导致其余代码不运行,可通过多种方式提高其正确性。
  • 有多种原因导致 CSS 或 JavaScript 加载或运行失败,如网络错误、浏览器扩展等。
  • 不同情况下可采用不同方式替代 JavaScript 以满足用户需求。
  • 使用客户端 JavaScript 框架有增加代码量、依赖第三方代码等问题。
  • 单独组件设计可减少 JavaScript 失败影响。
  • 服务需在多种方面进行测试以确保良好用户体验。
阅读 13
0 条评论