首页 > 编程语言 >JavaScript Framework Unpoly 框架介绍

JavaScript Framework Unpoly 框架介绍

时间:2023-06-26 23:35:06浏览次数:42  
标签:Unpoly JavaScript 应用程序 Framework HTML Koch SPA

作为一种创建 Web 应用程序的更直接的方式,无需使用太多 JavaScript,HTML 在线技术一直在蓬勃发展。它的工作原理是通过网络发送 HTML,而不是 JSON。

现在,一种名为 Unpoly 的新 JavaScript 框架已经成为 Basecamp 的 HTML 在线框架 Hotwire 的竞争者。 Unpoly 承诺“为服务器渲染的 HTML 视图提供快速灵活的前端”。 Unpoly 的创建者 Henning Koch 讲述了为什么像 Unpoly 这样的框架越来越受欢迎。

“代码始终是一种负担,探索减少代码编写的方法总是值得的,”他说。 “根据我们的经验,Unpoly 使我们能够使用比同类 SPA 少得多的代码来构建应用程序,同时保留前端的大部分速度和灵活性。 这对我们来说是一个更好的出发点。”

Koch 将 Unpoly 描述为一个不显眼的 JavaScript 框架,可为服务器渲染的 HTML 视图提供快速灵活的前端。

它通过 wire 发送 HTML,不需要 JSON API。

它没有依赖性,可以与任何后端语言或框架配合使用。

Unpoly 于七年前的 2015 年首次亮相。它是 Koch 的最新创意,Koch 已经开发 Web 应用程序超过 25 年了。 “我职业生涯的一半时间是在一家网络开发公司 Makandra 担任开发主管,”他解释道。 “通过 Unpoly,我可以从我的团队交付的数百个网络应用程序中汲取经验。

当你每年从事一些新项目时,你可以看到模式有机地出现,并从中提取。”

使用 Unpoly,Web 应用的视图可以执行 HTML 中通常无法完成的操作,例如:

  • 在模式对话框中打开链接。
  • 链接仅更新页面的片段。
  • 层与层之间的交互。

Unpoly 是由 Koch 开发的,因为他注意到用于创建 Web 应用程序的代码越来越复杂,而且大多数时候没有必要。 “基本上,当 SPA 框架在 2010 年代初开始流行时,我的团队有一段时间全力投入 AngularJS。 我们一直在努力解决服务器端渲染的局限性,我们希望 SPA 风格的应用程序能够让我们用更少复杂的代码提供更雄心勃勃的 UI,”他说。

“当 Angular 在版本 1 和版本 2 之间做出重大兼容性突破时,我们借此机会回顾了过去几年的 SPA 工作,心情复杂,”Koch 继续说道。 “虽然一些应用程序受益于大量的 JavaScript 方法,但我们对大多数其他应用程序并不满意,尤其是 SPA 方法所需的代码量和重复性。”

Koch 指出,他的团队决定更深入地研究他们的新假设——必须有一种方法来改进他们的 JavaScript 编码,同时简化已经很复杂的语言。

标签:Unpoly,JavaScript,应用程序,Framework,HTML,Koch,SPA
From: https://www.cnblogs.com/sap-jerry/p/17507433.html

相关文章

  • HTML Over the wire 框架 Unpoly 和 React 的使用场合比较
    Unpoly是一个轻量级的JavaScript框架,它允许您通过HTMLoverthewire的方式进行Web应用程序开发。HTMLoverthewire是一种网络通信模式,它将由服务器生成的HTML片段作为响应发送给客户端,而不是传统的JSON数据。这样,服务器端可以处理更多逻辑,而客户端可以专注于渲染和......
  • JavaScript 一些简写代码的例子
    在使用UglifyJS对javascript进行压缩和美化时,我在其中发现了一些关于ifelse的语法简写,顺便说说平时有哪些JavaScript代码可以进行简写,同时不会影响可读性和性能。javascript简写(JavaScriptshorthand)是每一个javascript开发者必须掌握的技术,最少的代码获得最大的性能! 1.判断......
  • javascript:return confirm('您确定要删除吗?')
    javascript:returnconfirm('您确定要删除吗?')οnclick="javascript:returnconfirm('您确定要删除吗?')" 用在<a>和<input>标签里都可以 例如:<ahref="?id=XXX"οnclick="javascript:returnconfirm('您确定要删除该条数据吗?')"......
  • 【JavaScript】将用户复制的转码后网页链接进行解码
    decodeURIComponent()方法用于解码由encodeURIComponent方法或者其他类似方法编码的部分统一资源标识符(URI)。decodeURIComponent("JavaScript_%D1%88%D0%B5%D0%BB%D0%BB%D1%8B");//"JavaScript_шеллы"......
  • JavaScript 常用 API 集合
     一、节点1.1节点属性Node.nodeName//返回节点名称,只读Node.nodeType//返回节点类型的常数值,只读Node.nodeValue//返回Text或Comment节点的文本值,只读Node.textContent//返回当前节点和它的所有后代节点的文本内容,可读写Node.baseURI//返回当前网页的绝对路径......
  • JavaScript http大文件断点续传上传
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • 经典的JavaScript入门书
    经典的JavaScript入门书——《JavaScript基础教程(第7版)》 原版销售累计超过150000册!欢迎你使用JavaScript!使用这种容易上手的程序设计语言,可以给网页增色,使网页更好用。本书是一本轻松的JavaScript入门教程,所以即使不是计算机高手,你也可以由此很快学会脚本编写。读者对......
  • JavaScript进阶13笔记
    数字和日期数字在JavaScript里面,数字均为双精度浮点类型,即一个介于±2^−1023和±2^+1024之间的数字,或约为±10^−308到±10^+308,数字精度为53位。整数数值仅在±(2^53-1)的范围内可以表示准确。即一个介于±2^−1023和±2^+1024之间的数字,或约为±10^−30......
  • JavaScript进阶15笔记
    正则表达式正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。这些模式被用于RegExp的exec和test方法,以及String的match、matchAll、replace、search和split方法。本章介绍JavaScript正则表达式。 创建一个正则表达式你可以使......
  • JavaScript进阶14笔记.md
    文本格式化字符串JavaScript中的String类型用于表示文本型的数据。它是由无符号整数值(16bit)作为元素而组成的集合。字符串中的每个元素在字符串中占据一个位置。第一个元素的index值是0,下一个元素的index值是1,以此类推。字符串的长度就是字符串中所含的元素个数。你可......