首页 > 其他分享 >Svelte

Svelte

时间:2023-06-24 11:22:16浏览次数:45  
标签:DOM 代码 JS 虚拟 Svelte 编译成

Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作,而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。(而不是用户运行时加载,因此比vue和react更快)

与使用虚拟(virtual)DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。

将代码编译成独立的小型JavaScript

三个特点:

  • 无虚拟DOM: Svelte可以在不依赖虚拟DOM的情况下使用
  • 将代码编译成体积更小、不依赖框架的普通JS代码
  • 和React一样,对数据变化做出自己的反应,不需要浏览器做额外的工作来将组件转换为DOM操作,将数据更改为JS代码呈现

 

标签:DOM,代码,JS,虚拟,Svelte,编译成
From: https://www.cnblogs.com/it-Ren/p/17500845.html

相关文章

  • Svelte框架结合SpreadJS实现表格协同文档
    SpreadJS是葡萄城结合40余年专业控件技术和在电子表格应用领域的经验而推出的纯前端表格控件。作为一个类Excel控件,SpreadJS如何实现当前比较流行的表格协同呢?本篇文章将......
  • Svelte框架实现表格协同文档
    首先,从框架搭建上,本篇示例采用当下流行的前后端分离的开发方式,前端使用npm作为脚手架搭建Svelte框架。后端使用Java的SpringBoot作为后端框架。首先,介绍下在前端Svelte......
  • svelte使用总结
    svelte使用总结概念 什么是Svelte? Svelte.js是一个开源的JavaScript框架,通过将Svelte代码转换为流畅的UI界面,简化了Web应用程序的创建。该框架的一个关键区别是:它在......
  • Svelte
    SvelteSvelte简介在最新的《StateofJSsurveyof2020》中,它被预测为未来十年可能取代React和Vue等其他框架的新兴技术。如果你不确定自己是否该了解Svelte,可以先看......
  • 前端Svelte框架初体验
    最近这些年,随着React、Vue、Angular三大框架逐渐稳定,前端技术栈的迭代似乎也渐渐缓慢下来。并且随着React16版本推出Fiber,Vue3.0版本的正式发布,前端三大框架都有了自己......
  • 使用electron+vite+svelte+unocss+iconify时遇到的图标无法加载的问题
    项目是使用yarncreate@quick-start/electronmy-app--templatesvelte创建的,然后我想在项目中使用antfu/icones的图标库,找了半天发现unocss加载图标很方便,配置好之后......
  • typescript文件导入svelte文件报错处理办法
    在typescripts文件中引入svelte文件时报错Cannotfindmodule'../components/HelloWorld.svelte'oritscorrespondingtypedeclarations.ts(2307)并且svelte已安装......
  • Svelte创建组件小结
    ·使用由HTML元素构成的简单易用语法来定义Svelte组件。script元素包含组件逻辑,style元素包含CSS样式,剩下的就是HTML标记。·向组件传递数据的常用方式是使用props。·Sv......
  • vite+svelte项目构建篇
    描述学习博文[https://juejin.cn/post/7121759118070644772#heading-21]1、项目构建步骤:#1、新建文件夹study-vite-svelte#2、下载模板的命令npminitvite@late......