网站首页 > 技术文章 正文
Svelte 的优点
- 没有多余的语言规则。
- 它将指令转换为强大的运行时语言。
- 它运行代码并优化代码生成,速度相比react、vue的运行资源消耗小很多
- 复杂的公共部门不需要。
Svelte 框架vs 其它框架
Svelte的目的是允许开发人员通过使用熟悉的CSS,HTML和JavaScript组件生成更少的代码。
就像 React 应用程序一样,Svelte 应用程序是完全响应式的,这意味着您不必立即控制您的 DOM(例如,您可以使用 JQuery)。
但 Svelte 的关键直觉是它将大部分渲染转移到编译阶段。这是与另一个常见的JavaScript框架的主要区别。这意味着 Svelte 是围绕编译器构建的,该编译器在发出小型、快速且优化的代码包之前处理应用程序的代码,而不是依赖于运行时加载的大型复杂库。与其他常见框架相比,Svelte的一个重大变化是Svelte不需要template代码。
HTML,CSS和JavaScript是Svelte的元素。“JavaScript vanilla”看起来与脚本非常相似,并且设置了基本的HTML标记来呈现标记。
与 React 的 JSX 不同,Svelte 也没有输入新的 JavaScript 语法。由于其预编译的应用程序,Svelte 应用程序的捆绑代码大小和输出开销有限。
较小的数据包可以加快页面的加载速度,特别是对于互联网访问速度较慢的用户。此外,Svelte 不需要像 React 和 Vue.JS 那样使用虚拟 DOM 的策略,只需在编译阶段完成大部分工作:Svelte 应用程序中的状态更改可以直接镜像到 DOM 中,而不会产生不必要的开销。
What is Svelte?
Svelte是它的第三代前端框架,与Reply一样,Vue.Js或Angular是一个前端应用程序。同样,它允许您为 Web 像素着色。在许多其他方面,它是独一无二的。Svelte是一个先进的JavaScript平台,用于创建快速,精简和开发人员友好的静态Web应用程序。您可以使用 Svelte 为任何项目(如 Angular、React、Vue 或任何其他框架)创建单个可重用组件,包括较大的应用程序。或者,有了它,您可以创建整个 Web 应用程序。这是创建具有高结果的轻量级应用程序的惊人方法。Svelte 的目的与 React 和 Vue 等应用程序的其他 JavaScript 平台相同。Svelte 不是一个框架,因为额外的框架代码/包不必像大多数其他框架那样提供,我们可能只假设它是一个编译器,因为它在构建期间编译代码。
Why we need Svelte?
如果开发人员想使用 JavaScript 在浏览器中管理整个操作。您必须在网页上下载 JavaScript 代码,然后才能实现。代码越长、越复杂,它就越可下载。对于这个Svelte,开发人员构建了一个基于JavaScript的轻量级软件,以产生简化的JavaScript功能,需要更少的代码进行转换。代码较低,但功能非常强大,因此效率很高。用户可以轻松地在浏览器中查看此 JavaScript 代码,因为数据库需要安全性。它允许使用使通信更安全的 API 构建单页后端应用程序。
Working of Svelte
这个概念与其他框架非常不同。这种方法在构建高度反应性的 Web 界面方面是渐进的。Svelte shift 批量在浏览器中构建应用程序期间的编译阶段工作。您必须编写简单的JavaScript代码来创建Svelte应用程序,遵循Svelte编译器需要理解的特定语法。此代码和语法通过 Svelte 编译器执行,该编译器以优化的执行指令编译 JS 代码。它根据应用程序的要求提供代码,这是Svelte编译器的最佳部分。在浏览器中执行代码。执行此过程后,渲染界面。
- 上一篇: 微信小程序分包
- 下一篇: 初学者程序员要学好.Net,只要学习这几个框架就够了
猜你喜欢
- 2024-11-30 微信小程序开发指引
- 2024-11-30 Alpine.js:轻量级前端框架
- 2024-11-30 前端使用qiankun搭建微应用框架
- 2024-11-30 如何学习微信小程序开发?掌握这些编程语言和技能就够了!
- 2024-11-30 小程序开发工具有哪些
- 2024-11-30 程序员上车啦!次世代开源AI前端框架来了,助你轻松开发AI应用
- 2024-11-30 初学者程序员要学好.Net,只要学习这几个框架就够了
- 2024-11-30 微信小程序分包
- 2024-11-30 适用于Uniapp快速开发小程序的5个开源UI框架
- 2024-11-30 前端框架太多太复杂,HTMX助你回归简单编程
你 发表评论:
欢迎- 07-08记oracle日志挖掘实操&查询归档不正常增长情况(一)
- 07-08Oracle 伪列!这些隐藏用法你都知道吗?
- 07-08orcl数据库查询重复数据及删除重复数据方法
- 07-08重大故障!业务核心表被truncate删除,准备跑路……
- 07-08oracle数据恢复—oracle执行truncate命令误删除数据的数据恢复
- 07-08Oracle-rac 修改scanip(oracle 修改sequence cache)
- 07-08ORACLE RAC CDB和PDB切换(oracle数据库rac切换)
- 07-08Oracle rac haip作用(oracle rac的典型特征)
- 596℃几个Oracle空值处理函数 oracle处理null值的函数
- 590℃Oracle分析函数之Lag和Lead()使用
- 578℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 573℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 569℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 563℃【数据统计分析】详解Oracle分组函数之CUBE
- 549℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 542℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
-
- 记oracle日志挖掘实操&查询归档不正常增长情况(一)
- Oracle 伪列!这些隐藏用法你都知道吗?
- orcl数据库查询重复数据及删除重复数据方法
- 重大故障!业务核心表被truncate删除,准备跑路……
- oracle数据恢复—oracle执行truncate命令误删除数据的数据恢复
- Oracle-rac 修改scanip(oracle 修改sequence cache)
- ORACLE RAC CDB和PDB切换(oracle数据库rac切换)
- Oracle rac haip作用(oracle rac的典型特征)
- 新手小白怎么学UI设计 推荐学习路线是什么
- 超实用!0基础UI设计自学指南(0基础学ui设计好就业吗)
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- 前端接口 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)