《WebKit 技术内幕》学习之十五(1):Web前端的未来学习

1 趋势

        说到Web方面的趋势,特别是HTML5获得的巨大发展,W3C和WHATWG等组织正在不停地推动规范的演进和引入新的规范,这一举动必将极大地推动Web前端的发展。就目前Web前端来说,各种类型的技术非常多,极容易引起大家的误解,有鉴于此,结合笔者自身的理解,总结出一些比较明显的趋势同大家分享,分别从技术上和方向上来解读。首先从技术上来讲,大致包括以下一些可能。

  • 首先,是Web能力的逐渐增强 。越来越多的本地功能被加入到JavaScript中去,这意味Web开发者可以使用这些功能控制Web网页的行为并将Web前端扩展到更为广泛的应用场景中去,例如多媒体方面,在HTML5之前,甚至需要通过插件来支持它们,但是现在不仅仅能够播放多媒体资源,开发者甚至可以使用JavaScript代码来开发功能更强、范围更广的Web资源到多媒体网页中。
  • 其次,Web中将引入并行计算的能力 。现在的JavaScript只能串行执行,或者有限地并行,如使用Web Worker技术,但是这些都非常的原始,每一个Worker都只能访问有限的资源,而且Worker之间通信的效率非常低(只能用来传递消息),离真正的并行计算还差得非常远。
  • 再次,性能问题 。对于性能方面,也是开发者诟病最多的地方之一,因为渲染引擎的复杂性和本身JavaScript语言的某些特性,使得Web网页和应用的性能存在较大的缺陷,好消息是现在性能方面已经获得长足的进步。但目前Web的性能还有很多可以提高的地方,一些应用场景还是离本地应用有不小的距离,还有很长的路需要走。同时,考虑到开发者对于调试性能的需求,标准化组织也在制定规范来帮助收集网页的性能数据,如Navigation Timing、Resource Timing、User Timing等。
  • 最后,Web已经从Web网页向Web应用(Web Application)方向发展 。这一推动需要加入大量现有操作系统提供的能力,所以各种不同的本地能力通过JavaScript接口提供给Web前端开发者。例如各个传感器的功能已经通过JavaScript接口提供给了Web应用。除此以外还有文件或者存储系统、用户交互、网络连接、应用的生命周期、安装和卸载等管理,这些方面有些已经比较成熟,但是还有很多的功能在制定过程中。虽然标准化组织将继续加入新标准,但是现在还有很多缺失的地方需要补上。

下面主要从大方向上来讲,主要包括以下一些可能的趋势。

  • 首先是平台化策略 :支撑HTML5技术的框架已经从浏览器向Web运行平台快速演进,这是一个非常重大的转变。因为在此之前浏览器只是运行网页而已,而Web运行平台可以管理和运行Web应用,也就是HTML5技术能够开发出同本地应用能力一样的应用程序,所以对于上面提到的大部分功能都需要Web平台支持,而浏览器却并不一定支持这些功能。虽然现在很多Web运行平台是从浏览器基础上开发的,但是这并不意味着两者是同一回事。
  • 其次是移动化 :HTML5目前在移动领域得到了长足的发展,很多新技术都是从移动领域发展起来的,如各种传感器功能等。移动领域的这些创新已经并将继续极大地推动HTML5的发展。就目前而言,因为移动领域的高速发展和商店模式,使得现实中存在众多不同的操作系统、Web应用,恰好能够提高跨操作系统的能力,很多开发者可以使用HTML5技术来开发应用,并方便地发布到不同的应用商店,可以说移动领域是HTML5不停向前发展的一个重要推动力。
  • 再次是向不同应用领域渗透 :HTML5技术目前能够满足一些领域的需求,这些领域将会为此得到快速发展。对于目前一些热门领域如游戏而言,因为游戏对功能和性能有非常高的要求,所以浏览器和Web平台对于游戏的支持成为一个非常重要的发展方向。同时,如果满足了游戏领域的要求,这就意味着可以促进HTML5技术进入更多的领域。
  • 最后,Web和HTML5技术 :向不同的嵌入式领域发展,因为它的跨平台性和低成本性,很适合将它应用在电视、车载系统、家用电器等领域。在这些嵌入式应用场景中,系统只需要支持Web技术,就能够轻易运行众多Web应用,这有利于降低企业成本。

        以上这些技术和方向,每个都可以花费很多篇幅去介绍和描述它们,本章主要是想着重从Web应用和Web运行平台两个最重要的地方着手,着重介绍目前的一些进展,未来的发展路程将会很长,笔者希望和读者一起关注它们。当然,如果读者完全相信了笔者这些关于趋势的描述并且认为Web前端就是这些变化,那还是赶紧从其中摆脱出来吧,因为它们会阻碍读者的思维。笔者建议大家理一理自己的思路,可能会发现更多有价值的方向值得投入,千万不要被这里的趋势所固化。

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

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

相关文章

CMake 完整入门教程(一)

1 前言 每一次学习新东西都是很有乐趣的,虽然刚开始会花费时间用来学习,但是实践证明,虽然学习新东西可能会花费一些时间,但是它们带来的好处会远远超过这些花费的时间。学习新东西是值得的,也是很有乐趣的。 网络上…

【K8S 云原生】K8S的图形化工具——Rancher

目录 一、rancher概述 1、rancher概念 2、rancher和K8S的区别: 二、实验 1、安装部署 2、给集群添加监控: 3、创建命名空间: 4、创建deployment: 5、创建service: 6、创建ingress: 7、创建hpa 8…

基于高精度YOLOv8开发构建公共场景下行人人员姿态估计分析识别系统

姿态估计(PoseEstimation)在我们前面的相关项目中涉及到的并不多,CV数据场景下主要还是以目标检测、图像识别和分割居多,最近正好项目中在使用YOLO系列最新的模型开发项目,就想着抽时间基于YOLOv8也开发构建实现人体姿…

知识笔记(九十七)———什么是实体符???

在HTML中&#xff0c;有些字符无法直接在文本中输入&#xff0c;因为它们是HTML语言的保留字符&#xff0c;如小于号&#xff08;<&#xff09;、大于号&#xff08;>&#xff09;、&符号&#xff08;&&#xff09;等。为了将这些字符显示在网页上&#xff0c;需…

[UI5 常用控件] 02.Title,Link,Label

文章目录 前言1. Title1.1 结合Panel1.2 结合Table1.3 Title里嵌套Link 2. Link3. Label3.1 普通用法3.2 在Form里使用 前言 本章节记录常用控件Title,Link,Label。 其路径分别是&#xff1a; sap.m.Titlesap.m.Linksap.m.Label 1. Title Title可以结合其他控件一起使用 1.…

总结红包雨项目的所有代码,包括添加图片,分享按钮,红包雨,用户是否有抽奖逻辑判断

整体实现效果: 需要用的图片: html: <body><div id"app"><!-- <div class"share-box"><img src"./share_box.png" alt"share-button"></div> --><!-- img图片 --><div class"gif-…

DNS解析记录类型

在数字化时代&#xff0c;理解DNS&#xff08;域名系统&#xff09;解析的各种记录类型对于任何网络专业人士来说都是至关重要的。DNS作为互联网的基石&#xff0c;其记录类型的多样性和复杂性使得网络通信既高效又安全。以下是对DNS记录类型的详细解读。 A记录&#xff08;Ad…

axios结合ts使用,取消请求,全局统一获取数据,抛出错误信息

通常在开发时&#xff0c;后端向前端返回的数据可以如下&#xff1a; 1 使用restful api充分利用http状态码&#xff0c;然后在data中追加code字段&#xff0c;请求成功返回200,请求失败返回404,401,500等状态码&#xff0c;并且在code字段中给出详细的字符串信息2 再包一层&a…

JVM基础知识汇总篇

☆* o(≧▽≦)o *☆嗨~我是小奥&#x1f379; &#x1f4c4;&#x1f4c4;&#x1f4c4;个人博客&#xff1a;小奥的博客 &#x1f4c4;&#x1f4c4;&#x1f4c4;CSDN&#xff1a;个人CSDN &#x1f4d9;&#x1f4d9;&#x1f4d9;Github&#xff1a;传送门 &#x1f4c5;&a…

【力扣每日一题】力扣2865美丽塔I

题目来源 力扣2865美丽塔I 题目概述 给你一个长度为 n 下标从 0 开始的整数数组 maxHeights 。 你的任务是在坐标轴上建 n 座塔。第 i 座塔的下标为 i &#xff0c;高度为 heights[i] 。 如果以下条件满足&#xff0c;我们称这些塔是 美丽 的&#xff1a; 1 < heights…

翻译: GPT-4 with Vision 升级 Streamlit 应用程序的 7 种方式一

随着 OpenAI 在多模态方面的最新进展&#xff0c;想象一下将这种能力与视觉理解相结合。 现在&#xff0c;您可以在 Streamlit 应用程序中使用 GPT-4 和 Vision&#xff0c;以&#xff1a; 从草图和静态图像构建 Streamlit 应用程序。帮助你优化应用的用户体验&#xff0c;包…

《合成孔径雷达成像算法与实现》Figure5.18

clc clear close all距离向参数 R_eta_c 20e3; % 景中心斜距 Tr 25e-6; % 发射脉冲时宽 Kr 0.25e12; % 距离向调频率 Fr 7.5e6; % 距离向采样率 Nrg 256; % 距离线采样点数 Bw abs(Kr*Tr); …

Redis面试题35

什么是大数据&#xff1f;它有哪些应用场景&#xff1f; 答&#xff1a;大数据&#xff08;Big Data&#xff09;是指规模庞大、复杂多样的数据集合&#xff0c;以及从这些数据中提取、分析和运用的技术和方法。 大数据的特点主要包括3V&#xff1a;Volume&#xff08;大量&…

.NET绿色开源一键自动化下载、安装、激活Office的利器

前言 今天分享一款.NET开源、绿色、安全、无毒的支持一键自动化下载、安装、激活Microsoft Office的利器&#xff1a;LKY_OfficeTools。 工具介绍 一键自动化下载、安装、激活 Microsoft Office 的利器。绿色、开源、安全、无毒。 目前包含的功能&#xff1a; 一键快速下载、…

【机器学习300问】16、逻辑回归模型实现分类的原理?

在上一篇文章中&#xff0c;我初步介绍了什么是逻辑回归模型&#xff0c;从它能解决什么问题开始介绍&#xff0c;并讲到了它长什么样子的。如果有需要的小伙伴可以回顾一下&#xff0c;链接我放在下面啦&#xff1a; 【机器学习300问】15、什么是…

C#,计算几何,二维贝塞尔拟合曲线(Bézier Curve)参数点的计算代码

Pierre Bzier Bzier 算法用于曲线的拟合与插值。 插值是一个或一组函数计算的数值完全经过给定的点。 拟合是一个或一组函数计算的数值尽量路过给定的点。 这里给出 二维 Bzier 曲线拟合的参数点计算代码。 区别于另外一种读音接近的贝塞耳插值算法&#xff08;Bessels int…

【CAD全套教程】第1阶段 CAD软件教程 002+003基础界面设置

002基础界面设置 1.切换界面至AutoCAD经典界面 方式一&#xff1a;任务栏点击后直接选择 方式二&#xff1a;右下角点击齿轮图标&#xff08;切换工作空间&#xff09;后直接选择 界面图 2.AutoCAD常用命令 工具栏右键单击&#xff0c;选择AutoCAD 3.命令提示行 最下方&#xf…

【Docker】实现JMeter分布式压测

一个JMeter实例可能无法产生足够的负载来对你的应用程序进行压力测试。如本网站所示&#xff0c;一个JMeter实例将能够控制许多其他的远程JMeter实例&#xff0c;并对你的应用程序产生更大的负载。JMeter使用Java RMI[远程方法调用]来与分布式网络中的对象进行交互。JMeter主站…

【前端web入门第二天】01 html语法实现列表与表格_合并单元格

html语法实现列表与表格 文章目录: 1.列表 1.1 无序列表1.2 有序列表1.3 定义列表 2.表格 2.1 表格基本结构2.2 表格结构标签2.3 合并单元格 写在最前,第二天学习目标: 列表 表格 表单 元素为嵌套关系 1.列表 作用:布局内容排列整齐的区域。 列表分类:无序列表、有序列表…

数字IC实践项目(8)—CNN加速器(ASIC_Flow;付费项目补充)

数字IC实践项目&#xff08;8&#xff09;—CNN加速器&#xff08;ASIC_Flow&#xff1b;付费项目补充&#xff09; 更新说明项目整体框图神经网络框图File tree 项目简介和学习目的软件环境要求 Area、QOR、Power&Timing报告Area & QORTiming & Power 总结 更新说…