首页 > 其他分享 >Qwik 1.0 发布,全栈式 Web 框架

Qwik 1.0 发布,全栈式 Web 框架

时间:2023-05-11 18:01:08浏览次数:46  
标签:Qwik Web 1.0 JavaScript 用户 应用程序 浏览器

Qwik 是一个全栈式 Web 框架,Qwik 基于 React、Angular 和 Vue 等其他 Web 框架的概念,但以 JavaScript 流等更新的方法脱颖而出,允许以高性能向用户交付复杂的 Web 应用程序。

随着 Web 应用程序变得越来越大,它们的启动性能会下降,因为当前的框架向客户端发送了太多的 JavaScript。保持初始捆绑包的大小在一个小体积范围内,是一场永无止境且的斗争。

Qwik 向用户提供即时应用程序。这是通过保持初始 JavaScript 成本恒定来实现的,即使你的应用程序变得更加复杂,但 Qwik 仅为特定用户交互提供 JavaScript。这确保了无论应用程序有多大,JavaScript 都不会使浏览器过载。最后,预取代码可确保即使在缓慢和间歇性网络上也能实现即时交互。

近日 Qwik 团队宣布,Qwik 已经达到 1.0 版本。1.0 版本本身的更新内容并不多,主要就是修复之前版本的一些问题,以及改进了文档。

主要特性

Qwik 的理念是:确保易于使用的路径也是高性能的路径。这就是为什么,从一开始,Qwik 就解决了以下问题:

开箱即用的用户体验

  • 通过 JavaScript 流实现即时加载:即使应用程序的复杂程度随着时间的推移而增加,也能保持这种状态。
  • 推测性代码获取:在用户需要时准确地提供你需要的代码,以确保即时的用户交互性,即使是在网络不可靠的缓慢移动设备上。
  • 惰性执行:Qwik 的可恢复技术尽可能地推迟浏览器中代码的执行,以保持浏览器主线程的自由和对用户交互的响应。
  • 优化渲染时间:Qwik 是响应式的,也就是说,在默认情况下,它只更新绝对需要的东西。
  • 数据获取:从服务器开始获取数据,以防止 “瀑布” 式延迟。

开发者体验

  • 类似于 JSX
  • 基于目录的路由:用基于目录的路由创建网站,这是一种行业首选的声明路由的方式。
  • 一流的数据访问:Qwik 数据加载器和表单操作让你轻松访问服务器数据,并具有 100% 的端到端类型安全和用户输入验证功能。
  • 中间件:以可移植方式声明中间件逻辑,能够部署到所有主要的托管提供商。
  • 统一的执行模型:有了 Qwik,编写前端和后端代码时就会自然而然地在一个应用程序代码库和类型安全中结合起来。默认情况下,Qwik 应用程序在服务器和浏览器中执行,但很容易将函数固定为始终是服务器( server$() )(或始终是浏览器)。

更多详情可查看:https://www.builder.io/blog/qwik-v1

标签:Qwik,Web,1.0,JavaScript,用户,应用程序,浏览器
From: https://www.cnblogs.com/lzhdim/p/17391827.html

相关文章

  • c# 调用webapi的几种方式
     HttpHelper帮助类publicstaticclassHttphelper{//Post请求publicstaticstringPostResponse(stringurl,stringpostData,outstringstatusCode){stringresult=string.Empty;//设置Http的正文......
  • OData WebAPI实践-OData与EDM
    本文属于OData系列引言在OData中,EDM(EntityDataModel)代表“实体数据模型”,它是一种用于表示WebAPI中的结构化数据的格式。EDM定义了可以由OData服务公开的数据类型、实体和关系。EDM也提供了一些规则来描述数据模型中的实体之间的关系,例如继承、关联和复合类型。E......
  • JavaWeb之Servlet本质
    Servlet:服务器和Wepapp开发者之间的协议,sun公司已经规范了Servlet协议,Wepapp开发者只需要去实现规范接口类和对应的配置文件即可,Servlet底层是面向接口编程,用反射机制实例化一个类后再向下转型成Servlet类(因为Wepapp开发者实现规范好,只需到对应的文件中调用各个方法)菜鸟教程的解......
  • 在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)
    开发环境以下是我的开发环境JDK1.8Maven3.6.3Tomcat9.0IDEA2019(2019无所畏惧,即使现在已经2023年了哈哈哈)最原始的JavaWeb项目下面的内容可能会因IDEA版本不同,而有些选项不同,但是大同小异。1.打开IDEA点击CreateNewProject2.点击JavaEnterprise......
  • Web数据库程序设计
    实验项目名称:实验三Web数据库程序设计一、实验目的通过使用JSP技术设计一个简单的数据库管理系统,了解展示页面和编辑页面的区别,掌握Web服务器与MySQL数据库的连接和数据库操作的方法,掌握使用Java语言编写JSP文件的方法。二、实验内容和基本要求从以下列举的四个数据库中,任选......
  • 实验四 Web综合应用程序设计
    实验项目名称:实验四Web综合应用程序设计一、实验目的通过使用JavaMVC模式设计简单的数据库管理系统,巩固使用JDBC技术访问数据库的方法,学习使用Java语言对服务器端进行编程,深入理解MVC网站设计模式的基本概念和框架结构。二、实验内容和基本要求从以下列举的四个数据库中,任......
  • WEB前端开发规范文档
    WEB前端开发规范文档 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论后决定可以更改此......
  • Web Services:Apache XML-RPC
    XML-RPC(http://ws.apache.org/xmlrpc/ )的全称是XML Remote Procedure Call,即XML远 程方法 调 用。是JAVA 实现 的XML-RPC。        这种远程过程调用使用http作为传输协议,XML作为传送信息的编码格式。Xml-Rpc的定义尽XML-RPC(http://ws.apache.org/xml......
  • web自动化测试框架封装
    一、创建基本架构--core  #框架核心代码--logs #日志文件--report #测试报告--temps  #临时文件夹--testcase #测试用例--main.py  #框架启动入口--pytest.ini  #框架配置文件--requirements.txt  #第三方依赖清单--conftest.py  #全局夹具--R......
  • 每日总结5-10日(web发布成网址)
    步骤:一、建一个简单的javaweb项目1.建立一个项目2.创建一个主页3.插入内容和图片二、百度云1.进入官网https://cloud.baidu.com/2.注册/登入帐号3.实名认证4.因为发布到网上是需要一点费用的,......