Chrome 75 新特性

• 新特性一：支持低延迟 canvas context 偏好设置
  Hint for low latency canvas contexts
  
  • 解决什么问题？
    • 咱们使用 canvas 元素来进行绘制时，对 canvas 的绘制操做要呈现到页面上，须要有一个与 DOM 同步的过程，这个过程在某些状况下会存在延迟，若是延迟超过 50 毫秒，用户就能够明显地感觉到。好比在一个绘画类的 Web APP 中，若是用户用画笔绘制的速度较快，用户的目光和手的绘制操做就没法作到同步和协调，给用户带来迟钝的感觉，从而使得应用的比较难以使用。
      
  • 解决思路
    • 由于现有的同步机制中，在系统实现上存在许多合成操做，因此若是能够在建立 canvas context (即绘制环境）时，就提示（Hint）系统绕过常规的 DOM 更新机制而采用另外一套机制，尽量多地跳过一些合成步骤（在某些状况下就是直接将 canvas 内部实现中的缓冲区内容直接发送到显示器的控制器上）的话，就能够消除合成步骤所引发的延迟。（之因此称为“提示”，是由于并不是全部系统或者全部状况下都支持）
  • 解决方法
    • 在 canvas.getContext() 方法到第二个参数中新增 desynchronized（去同步）选项，当该选项为 true 时，表示建立低延迟的绘制环境（context）。
  • 使用示例
    
  • 相关资料
    • Low-latency rendering with the desynchronized hint （desynchronized 选项详细介绍）
      developers.google.com/web/updates…
• 新特性二：支持经过 Web Share API 分享文件
  • 背景知识
    • 在 Web Share 规范没出现以前，网页上的资源分享彻底由浏览器掌控，只能作些简单的连接、图片分享；Web Share API 出现以后，将分享功能开放给了网页应用，可让网页应用自身调用操做系统的分享，将页面、页面中的资源（图片、音视频、文件等）分享给系统中安装的应用。本次的 Chrome 更新，实现的就是对 Web Share 规范的文件分享支持。
  • 使用示例
    • 第一步：特性检查
      
      
      canShare 是用来检查是否支持文件分享的
    • 第二步：具体实现
      
      
      提示：要分享的文件的获取方式之一能够是 <input type=file> 得到
  • 相关资料
    • Web Share API 目前所支持分享的文件类型
      docs.google.com/document/d/…
      • Audio
        
      • Image
        
      • Text
        
      • Video
        
    • Introducing the Web Share API （详细介绍 Web Share API）
      developers.google.com/web/updates…
    • Share files with Web Share （Web Share API 及其应用教程）
      developers.google.com/web/updates…
    • Demo（需在手机上测试）
      wicg.github.io/web-share/d…
• 新特性三：数值字面量表达式支持使用下划线“_”进行美化
  • 解决什么问题？
    • 当数值过大，其字面表达式就会过长，影响阅读，好比：1000000000 这个数值，若是不数一下位数，是很难直接看出来它的值是十亿
  • 解决方法
    • 支持用 _ 做为分隔符来加强可阅读性，如：1_000_000_000
  • 注意
    • 1. _ 符号只能用在数字与数字之间
    • 2. 两个及以上的连续的 _ 是不符合语法的
    • 3. 因此像 3._1四、_2.7一、1.6__2 这些表达都是不合语法的
• 关联文档
  • Chrome 75 开发者工具新特性
    mubu.com/doc/7FnUFrg…
  • Chrome 74 新特性
    mubu.com/doc/iLYf0K7…
  • Chrome 更新日志目录
    mubu.com/doc/AObcWUR…
• 参考资料
  • 编译自：New in Chrome 75
    developers.google.com/web/updates…
• 其余说明
  • 本文同时发布与于
    • 幕布平台：mubu.com/doc/mz-ZAFi…
    • 掘金平台：juejin.im/editor/post…
  • 做者：西楼听雨
    我就是21世纪最伟大的发明​​
  • 打赏：你的一枚硬币，培养的却多是下一代比尔·盖茨
    
  • 联系 & 交流 & 聘用