文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Svelte 5 发布，Svelte史上最重要的版本

    经过近 18 个月的开发，数十名贡献者提交了数千次代码，Svelte 5 终于稳定下来。这是该项目历史上最重要的版本。Svelte 5 是一次彻底的重写：开发的应用将变得更快、更小、更可靠。...值得关注的是，Svelte 几乎完全向后兼容 Svelte 4，也就是说初始升级将完全无缝：Svelt 官方介绍，随着越来越多的人使用 Svelte 构建更多、更大的应用程序，最初的一些设计决策的局限性开始变得更加明显...例如，在 Svelte 4 中，响应性完全由编译器驱动。如果在 Svelte 4 中更改响应对象的单个属性，则整个对象将失效，因为这是编译器实际能做的全部。...Svelte 5 消除了这些不一致和麻烦。...详情查看官方公告：https://svelte.dev/blog/svelte-5-is-alive

    32110

    Svelte 不是 JavaScript

    在这篇文章中，我尽量不抱怨太多，因为我很感激，多年来我一直在使用 Svelte 3/4 愉快地进行开发。但这并不是说，今后的任何新项目我都会选择 Svelte。...性能是个好东西，Svelte 团队在平衡性能与 DX 方面一直表现出色。 在以前的 Svelte 版本中，实现这一目标的主要方法是使用 Svelte 编译器。...Svelte 不是 Javascript Svelte 5 在这种权衡上做了加倍努力——这是有意义的，因为这正是该框架与众不同的地方。...在 Svelte 4 中，我不知道写了多少次 value = value 来触发反应性。 在 Svelte 4 中，开发人员必须了解 Svelte 编译器是如何工作的。...事实上，这就是为什么在使用 Svelte 多年后，我发现自己越来越频繁地使用 Svelte 存储，而较少使用反应式声明的原因。

    74100

    React vs Svelte

    「Svelte 与 React」 Svelte 和 React.js 两者都是基于组件的 JavaScript 框架，主要用于 Web 应用的开发。最主要的区别是 Svelte 没有使用虚拟 DOM。...Svelte 在构建的时候就将代码编译成 Vanilla JS 代码，而 React 在运行时解释代码。 Svelte 文档写道： ‎Svelte 是一种全新的构建 Web 应用的方法。...： mkdir svelte-react cd svelte-react 接着分别创建 Svelte 和 React 的应用模板并运行。...「Svelte」 Svelte 使用它自己的模板语言来创建用户界面，而 React 使用 JSX 。Svelte 模板语言跟写 HTML 没什么两样。...如果你是一个对 Svelte 充满好奇的 React 开发人员，在属性传递上 Svelte 没有什么新奇之处。而在接收属性时 Svelte 有点点不一样，后面将进行介绍。

    3.6K30

    前端框架「React」 VS 「Svelte」

    「Svelte 与 React」 Svelte 和 React.js 两者都是基于组件的 JavaScript 框架，主要用于 Web 应用的开发。最主要的区别是 Svelte 没有使用虚拟 DOM。...Svelte 在构建的时候就将代码编译成 Vanilla JS 代码，而 React 在运行时解释代码。 Svelte 文档写道： ‎Svelte 是一种全新的构建 Web 应用的方法。...： mkdir svelte-react cd svelte-react 接着分别创建 Svelte 和 React 的应用模板并运行。...「Svelte」 Svelte 使用它自己的模板语言来创建用户界面，而 React 使用 JSX 。Svelte 模板语言跟写 HTML 没什么两样。...如果你是一个对 Svelte 充满好奇的 React 开发人员，在属性传递上 Svelte 没有什么新奇之处。而在接收属性时 Svelte 有点点不一样，后面将进行介绍。

    4.3K30

    使用Svelte开发Chrome Extension

    经过多方技术选型（React、原生、Vue、Svelte等），最终选择Svelte，原因是 语法简单，心智负担小 运行时代码少，打包体积小 响应式 d=====(￣▽￣*)，接下来就开始Svelte ×...二、创建&开发 2.1 项目创建 2.1.1 项目初始化 使用Svelte Kit新建项目npm`` init svelte@next qrcode-extension ，目录结构如下： src：...源文件目录 lib：组件库等 routes：约定式路由文件 app.html：入口模板文件 static：静态文件目录 svelte.config.js：svelte配置 初始化项目之后可以直接npm...因此在项目的静态资源文件目录中添加manifest.json文件： { "name": "QrCode", "description": "A simple qrcode extension powered by Svelte...true }; let [tab] = await chrome.tabs.query(queryOptions); return tab; } import { onMount } from 'svelte

    1.1K20

    前端Svelte框架初体验

    一、Svelte简介 Svelte是一个新兴的热门前端框架，作者是 Rich Harris，被称为前端界的【轮子哥】，有Ractive、Rollup 和 Buble开源作品。...不过，这倒并不是说Svelte有多厉害，因为Svelte 当前仍是一个小众的开发框架，市场占有率方面也仍小于React和Vue，不过进步是特别明显的。...二、Svelte的优点 事实上，作为一个前端框架，Svelte在语法、使用体验上没有什么特别之处。真正不同的地方，是Svelte对前端AOT（ahead-of-time，可以理解为预编译）的探索。...不过，Svelte的循环语句实在让人难以接受。...参考： 携程机票前端Svelte生产实践 Svelte3聊天室|svelte+svelteKit仿微信聊天实例|svelte.js开发App 基于Svelte3+SvelteKit+Sass仿微信Mac

    4.7K10

    从Todolist入门Svelte框架

    从Todolist入门Svelte框架 Svelte入门 Svelte-重编译框架-编译器即框架 ​ Svelte和React、Vue这些JavaScript框架类似，希望开发者更好的去构建交互式界面...Why Svelte? ​ 体积+性能：Svelte在编译期做静态分析来生成功能，从而减小了打包后得代码体积。...以上这些都是在大致浏览完Svelte的官方文档以及相关文章后对Svelte的一些看法，然后我会尝试用Svelte写一个TODOList，它会包括基础的增加删除完成以及拓展的修改、回收站、添加删除分组、使用...我希望写一写在我初步了解Svelte后，以Svelte对比主流的前端框架，看一看Svelte产生的背景以及与其他框架对比Svelte的优劣情况。...Svelte的设计理念 ​ Svelte作者是 Rich Harris，同时也是 Rollup 的作者。

    1.8K20

    简单、好懂的Svelte实现原理

    Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。 本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。...Demo1 Svelte的实现原理如图： 图中Component是开发者编写的组件，内部虚线部分是由Svelte编译器编译而成的。图中的各个箭头是运行时的工作流程。...在Demo2中，状态count的变化直接对应p方法中一个if语句，使得Svelte执行「细粒度的更新」时对比使用虚拟DOM的框架更有性能优势。...参考资料 [1] Demo1 repl: https://svelte.dev/repl/9945d189204a4168b4c23890f1d92a3a?...version=3.19.1 [2] Demo2 repl: https://svelte.dev/repl/bf22a31a0eff4875b5b3084aa2b85fc3?

    1.2K20

    Svelte中文文档 1基础介绍

    一.介绍 欢迎来到Svelte的教程。它将使你轻松学会构建一个快速的小型web应用程序。 你还可以查阅API文档和示例了解到更多Svelte相关内容。...你可以使用Svelte构建你的整个应用程序，或者你可以在现有的代码基础之上渐进式的使用Svelte。你也可以将组件作为独立的包在任何地方使用，不会有依赖常规框架的使用成本。...怎样使用这个教程 在了解Svelte之前，你需要对HTML，CSS，和JavaScript有一个基本的认识。 你将看到为新特性设计的小练习，通过学习这个教程你将逐步的了解Svelte。...理解组件 在Svelte中，一个应用程序由一个或更多的组件组成。组件是一个可复用的独立的代码块，他由HTML，CSS，JavaScript封装而成。文件后缀写为.svelte。...并不是很容易解决可访问性（简写为a11y），但是如果你使用Svelte编写标签，Svelte将会通过警告提示你。

    2.1K71

    新兴前端框架 Svelte 从入门到原理

    在这篇文章中，我们将会介绍 Svelte 框架的特性、优缺点和底层原理。 本文尽量不会涉及 Svelte 的语法，大家可以放心食用。...我们认为，崭露头角的 Svelte 应该是其中的选项之一。 Svelte 简介 Svelte叫法是[Svelte], 本意是苗条纤瘦的，是一个新兴热门的前端框架。 ?...如果你不确定自己是否该了解 Svelte，可以先看一下 Svelte 的一些发展趋势。 开发者满意度 从2019年开始, Svelte出现在榜单中。...为什么 Svelte 性能还不错，至少没有我们预期的那么糟糕？我们接下来会在原理那一小结来介绍。 Svelte 劣势 说完了 Svelte 的优势，我们也要考虑到 Svelte 的劣势。...我们模拟一个 Svelte 组件，这个 Svelte 组件会修改33个数据。

    2.5K20

    前端框架 React 和 Svelte 的基础比较

    Svelte 与 React Svelte 和 React.js 两者都是基于组件的 JavaScript 框架，主要用于 Web 应用的开发。最主要的区别是 Svelte 没有使用虚拟 DOM。...Svelte 在构建的时候就将代码编译成 Vanilla JS 代码，而 React 在运行时解释代码。 Svelte 文档写道： ‎Svelte 是一种全新的构建 Web 应用的方法。...： mkdir svelte-reactcd svelte-react 接着分别创建 Svelte 和 React 的应用模板并运行。...不管是 Svelte 和 React ，都是把组件源码放到 src 文件夹下，Svelte 项目主要是一些扩展名为 svelte 的文件，而 React 项目则是一些 .js 的文件。...如果你是一个对 Svelte 充满好奇的 React 开发人员，在属性传递上 Svelte 没有什么新奇之处。而在接收属性时 Svelte 有点点不一样，后面将进行介绍。

    2.8K50
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券