新知同享 | Web 开发性能提升,优化体验

news2024/12/23 18:55:13

73130259ffdc37470f65469e2c5a901d.png

更加强大且开放的 Web 

可以简化开发工作并支持 AI

一起来看 2023 Google 开发者大会上 

Web 开发值得重点关注的升级与成果

了解 Web 如何实现加速开发,更加便捷

精彩大会现场一览

6b6eef34bd9691f176259544315580e4.png

Web 开发不断发展,每年都带来性能提升和功能迭代,开启丰富多样的新体验,让开发者能够获享高级计算功能。谷歌提供工具和解决方案,帮助开发人员构建符合心意的网页,既能满足特定需求,又能为用户提供最优质的体验。

143a11cc42a9dd483649ca24de2c36a6.png

9a12ebec53f764f5358c21dec48b3ce5.png

WebAssembly (即 WASM) 能够从 C++、C#、Kotlin 甚至 Swift 编写的应用中提取代码,并让代码在 Web 平台上运行。WebAssembly 如今支持 Kotlin 和 Dart,可让 Android 和 Flutter 开发者利用其优势,在重用现有代码的同时,利用原生性能在 Web 上吸引新的用户。

44bf013737ff355fd9581cdbc3b82243.png

WebAssembly 支持多个托管内存语言

c8f2c5494d136c4620841cd613fb3d4a.png

10a0f28275c8eded10a35c197bc4e115.png

WebGPU 可以释放 GPU 的能力,并且支持在 Web 上使用 AI。另外,WebGPU 还能节省资金,提高速度,并通过访问设备上的计算能力构建保护隐私的 AI 功能。目前,众多框架、应用、库已移植到 WebGPU 或正在移植中。

77642030fadaba313e43e6ad15506944.png

WebGPU 释放 GPU 硬件潜力

a09d9bb69d43d19770cf1687cd37e637.png

edbe13d486c2565b4c228527cb9222aa.png

Baseline 由谷歌与 W3C 以及合作伙伴一起推出。它是一个稳定且可预测的 Web 视图,具有最新的一套跨浏览器功能,并且将会每年更新。使用最新的 Baseline 版本将确保您的应用程序可以在所有支持的浏览器上运行。

52476e60e152464a5a761459a6a9a463.png

定期更新功能列表 Baseline

ca0fcc03b26d230d38e1191690e7e6d0.png

支持在现有 HTML 网页中嵌入 Flutter 内容,而不是让 Flutter 占据整个页面。此外,Flutter 也不需要使用内嵌框架。

075c3b2b484f50542a21daef23929762.png

在 Flutter 3.10 中引入元素嵌入功能。借助该功能,可以像在页面上集成任何其他 CSS 元素一样集成 Flutter 内容。除此之外,Flutter 3.10 还支持 Web 上的 fragment 着色器。而后,Flutter 3.13 对 Web 上的 Flutter 进行了诸多改进,使得加载速度更快,可访问性更好。

b62c66c47fa699f42a982c86a9b74fc9.png

87f90d5a34a412503890ad45241f4193.png

LEGO 利用 Web peripheral APIs (例如 Web Bluetooth 和 Web Serial) 将编程代码传输到模型上,构建了 Spike 教育套件。

3ab9e971fd4fb6dfd5923b45df888db3.png

谷歌正在与网络生态中的合作伙伴携手推动 Privacy Sandbox 计划,并且已在减少网络跟踪途径方面取得了进展。Privacy Sandbox 的目标是终结网上普遍的跨网站跟踪行为,同时让网站能够继续免费提供内容和服务。

724a1a5dfea782eb8bcd4b400467f800.png

Privacy Sandbox 计划的进展

谷歌针对 Cookie 的两个关键更新是 CHIPS (代表 Cookies Having Independent Partitioned State,即具有独立分区状态的 Cookie) 和 First-Party Set。这两者现在已可在 Chrome 中实现。2024 年,谷歌将开始弃用第三方 Cookie。Privacy Sandbox for the Web 将使用差分隐私、k-匿名性和设备端处理等最新隐私保护技术,从而逐步淘汰第三方 Cookie。

a2749ae8bcfe329c455897977ff0e2a0.png

2024 年,谷歌将开始弃用第三方 Cookie

4d636a43a06ab1fc8277186d99ceb392.png

Angular 是一个用于构建用户界面的框架。它提供构建块来帮助开发者快速设置可维护、可扩展的应用程序,使开发人员能够构建运行在网络、移动设备或桌面上的应用程序。

Angular Signals 现已于 Angular v16 中推出开发者预览版。通过新的响应式模型,更好的服务器端渲染和水合,开发者能够充分受益于 Angular v16 内置的诸多改进。不但改善了开发者体验,还能够显著提高 Vitals 分数。

866c99208c018969a928edcf542aaee2.png

Angular Signals

即刻体验 Web 平台

一起见证 Web 平台更强大、更便捷的进步

持续关注 2023 Google 开发者大会

更多精彩内容更新

663d9af301b5ebdc99ee423aea8b8b4c.png

专题演讲视频持续更新中

扫码直达官网

探索大会更多精彩

aa7ed7e8293977f43e8b47afe023dac5.gif 点击屏末  | 即刻访问 2023 Google 开发者大会官方网站

5abf2ae70e37ad6895a0bd7cfca2590b.png

10ac56a4d2a51320dc1ef4601d4c27f1.png

7f883b2dc5b8790b5a2d7ddc1c6f60ba.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/995570.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【多线程】volatile 关键字

volatile 关键字 1. 保证内存可见性2. 禁止指令重排序3. 不保证原子性 1. 保证内存可见性 内存可见性问题: 一个线程针对一个变量进行读取操作,另一个线程针对这个变量进行修改操作, 此时读到的值,不一定是修改后的值,即这个读线…

用python实现基本数据结构【01/4】

说明 如果需要用到这些知识却没有掌握,则会让人感到沮丧,也可能导致面试被拒。无论是花几天时间“突击”,还是利用零碎的时间持续学习,在数据结构上下点功夫都是值得的。那么Python 中有哪些数据结构呢?列表、字典、集…

Linux 下spi设备驱动

参考: Linux kernel 有关 spi 设备树参数解析 Linux kernel 有关 spi 设备树参数解析 - 走看看 Linux SPI驱动框架(1)——核心层 Linux SPI驱动框架(1)——核心层_linux spi驱动模型_绍兴小贵宁的博客-CSDN博客 Linux SPI驱动框架(2)——控制器驱动层 Linux SPI驱…

如何进行SEO优化数据分析?(掌握正确的数据分析方法,让您的网站更上一层楼!)

在互联网时代,SEO优化已经成为了每一个网站运营者必备的技能。而在SEO优化中,数据分析更是至关重要的一环。在本文中,我们将会详细介绍如何正确的进行SEO优化数据分析,让您的网站更上一层楼! 数据分析的重要性 数据分…

ROS2-IRON Ubuntu-22.0 源码下载失败解决方法 vcs import --input

ROS2 一.ROS2 IRON环境搭建1.设置系统字符集为UTF-82.将RO2 apt 库添加到系统中3.添加ROS2 GPG key4.添加ROS 2 的软件源安装开发工具 二.下载ROS2sh源代码编译 一.ROS2 IRON环境搭建 虚拟机系统:Ubuntu22.04 虚拟机:VMware-player-full-16.2.5-2090451…

YOLOv5算法改进(15)— 更换Neck之AFPN

前言:Hello大家好,我是小哥谈。在YOLOv5中添加AFPN(Adaptive Feature Pyramid Network)可以提高目标检测的准确性。AFPN是一种用于目标检测任务的功能增强模块,它能够自适应地融合来自不同层级的特征图,以提…

scss文件自动导入

正常使用scss文件,需要先导入再使用内部变量,自动导入可以免除手动导入的步骤,直接使用内部的变量。 步骤:装包 -> scss文件 -> 配置 1. 装包 npm i sass -D // -D 仅在开发环境中依赖 2. 新增一个 scss文件&#xff…

设计模式之单列模式

单列模式是一种经典的设计模式,在校招中最乐意考的设计模式之一~ 设计模式就是软件开发中的棋谱,大佬们针对一些常见的场景,总结出来的代码的编写套路,按照套路来写,不说你写的多好,至少不会太差~ 在校招中…

Java的环境配置

目录 window系统安装java下载JDK配置环境变量JAVA_HOME 设置PATH设置CLASSPATH 设置测试JDK是否安装成功 Linux,UNIX,Solaris,FreeBSD环境变量设置流行JAVA开发工具使用 Eclipse 运行第一个 Java 程序 window系统安装java 下载JDK 首先我们…

OLED透明屏触控:引领未来科技革命的创新力量

OLED透明屏触控技术作为一项颠覆性的创新,正在引领新一轮科技革命。它将OLED显示技术与触摸技术相结合,实现了透明度和触控功能的完美融合。 在这篇文章中,尼伽将通过引用最新的市场数据、报告和行业动态,详细介绍OLED透明屏触控…

Java知识总结(持续更新)

一、JDK、JRE、JVM三者之间的关系? 1. **JDK (Java Development Kit)**: JDK 是 Java 开发工具包,它包含了用于开发 Java 应用程序的所有必要工具和库。这包括 Java 编译器(javac)、Java 核心类库、开发工具&#x…

【Day-33慢就是快】代码随想录-二叉树-二叉搜索树中的搜索

给定二叉搜索树(BST)的根节点和一个值。 你需要在BST中找到节点值等于给定值的节点。 返回以该节点为根的子树。 如果节点不存在,则返回 NULL。 思路 什么是二叉搜索树: 二叉搜索树是一个有序树: 若它的左子树不空&a…

【NVIDIA CUDA】2023 CUDA夏令营编程模型(三)

博主未授权任何人或组织机构转载博主任何原创文章,感谢各位对原创的支持! 博主链接 本人就职于国际知名终端厂商,负责modem芯片研发。 在5G早期负责终端数据业务层、核心网相关的开发工作,目前牵头6G算力网络技术标准研究。 博客…

yolov7增加mobileone

代码地址:GitHub - apple/ml-mobileone: This repository contains the official implementation of the research paper, "An Improved One millisecond Mobile Backbone". 论文地址:https://arxiv.org/abs/2206.04040 MobileOne出自Apple&am…

IP403参考资料和引脚图

特性 支持串并联双LED驱动和GPIO控制器 串并联LED驱动器 支持一个串行输入56个并行led或三串行输入16个并行ed为每个串行输入。 支持4-16mA可调电流源驱动,无限流电阻 支持LED熄灭模式,实现省电功能 提供级联能力,提供更多的LED驱动输出…

go语言基础---8

Http请求报文格式分析 package mainimport ("fmt""net" )func main() {//监听listener, err : net.Listen("tcp", ":8000")if err ! nil {fmt.Println("listener err", err)return}defer listener.Close()//阻塞等待用户的…

SAM + YOLOv8 图像分割及对象检测

SAM(Segment Anything Model)是由 Meta 的研究人员团队创建和训练的深度学习模型。该创新成果发表在 2023 年 4 月 5 日发表的一篇研究论文中,它立即引起了公众的广泛兴趣——相关的 Twitter 帖子迄今为止已累积超过 350 万次浏览: 计算机视…

接口文档生成工具JAPiDocs

效果如下: 相比Swagger要写一堆注解,Spring RestDocs需要写测试用例,才能生成API文档。 要使得JApiDcos正确工作,代码应该是像下面的样子的: /*** 用户接口*/ RequestMapping("/api/user/") RestControll…

YOLO目标检测——口罩规范佩戴数据集+已标注xml和txt格式标签下载分享

实际项目应用:目标检测口罩佩戴检测数据集的应用场景涵盖了公共场所监控、疫情防控管理、安全管理与控制以及人员统计和分析等领域。这些应用场景可以帮助相关部门和机构更好地管理口罩佩戴情况,提高公共卫生和安全水平,保障人们的健康和安全…

C++数据结构X篇_10_C++栈的应用-中缀转后缀

中缀表达式就是我们平时运算表达式,其特点是运算符总是处于两个运算对象之间。但是该表达式计算机处理起来较为麻烦,会将其转写成后缀表达式,后缀表达式也叫逆波兰表达式,后缀表达式的特点是每个运算符都置于两个运算对象之后。此…