技术栈
svelte
何遇mirror
2 个月前
游戏
·
svelte
如何在 Svelte 中使用 <svelte:transition> 和 <svelte:animate> 来创建动画效果
假设在游戏中玩家每次得分时,得分数字应该以动画的形式平滑地增加到新的值。在这个组件中,定义score变量,并且有一个按钮用来模拟增加得分的动作。每当点击按钮时,addScore函数被调用,它会增加score的值。这里使用<svelte:transition>来为得分的变化添加淡入淡出的效果。
天涯学馆
2 个月前
前端
·
vue
·
vuex
·
svelte
Svelte Store与Vuex:轻量级状态管理对比
状态管理是单页应用(SPA)中的一个关键问题,特别是在大型应用中,状态的集中管理可以让状态变得更容易追踪和维护。Svelte 和 Vue.js 都提供了各自的状态管理机制,但它们的设计哲学和实现细节有所不同。
码上飞扬
2 个月前
vue.js
·
前端框架
·
react
·
angular
·
svelte
前端框架对比选择:如何在众多技术中找到最适合你的
在现代Web开发中,前端框架的选择对项目的成功与否至关重要。随着技术的不断发展,市面上涌现出多种前端框架,每种框架都有其独特的特点、优缺点以及适用场景。本文将对当前主流的前端框架进行详细对比,帮助开发者在选择时做出更明智的决策。
云轩奕鹤
2 个月前
开源
·
应用
·
svelte
生财有迹 | 您专属的资产跟踪与分析工具
生财有迹(Wealth Tracker)是一款专注于个人资产分析的应用程序。其核心功能是:全面记录并展示用户的资产状况,帮助用户轻松了解财务现状;运用 AI 能力,结合每种资产的特性和当前环境,提供适宜的财务建议。
天涯学馆
4 个月前
前端
·
前端框架
·
svelte
Svelte Store:状态管理的Svelte方式
Svelte Store 是Svelte框架中用于状态管理的一个简洁而强大的特性。它允许开发者创建可响应式的数据存储,使得组件可以订阅这些数据的变化并自动更新。
上杉达也
5 个月前
前端
·
javascript
·
svelte
【Svelte从入门到精通】对比篇——for
在React中,我们可以灵活地操作数组类型的数据,如果要把数组数据以列表的形式展示到页面上,jsx允许我们正常地使用数组支持的方法,比如map、forEach等。
上杉达也
5 个月前
前端
·
javascript
·
svelte
【Svelte从入门到精通】对比篇——reactivity
所谓“计算属性”,是指某些变量依赖于其他变量而更新,当其依赖的变量更新时,这些计算属性才会执行更新。比如设置一个area为计算属性,它依赖于width和height两个变量,当width和height其中一个变量发生变化时,area也会响应式地进行自身的更新。
coderpai
5 个月前
svelte
(一)SvelteKit教程:hello world
(一)SvelteKit教程:hello worldsveltekit 的官方教程,在这里:Creating a project • Docs • SvelteKitCreating a project • Docs • SvelteKit
上杉达也
5 个月前
前端
·
javascript
·
svelte
【Svelte从入门到精通】实战篇——Alert组件之slot交互
接下来我们完成剩余的api,主要有afterClose回调、closeText、description、icon、message。
上杉达也
5 个月前
前端
·
javascript
·
svelte
【Svelte从入门到精通】实战篇——TodoList之页面布局
首先使用vite搭建项目。安装tailwind,这一步读者可自行选择自己喜欢的样式工具。删除lib/Counter.svelte,清空App.svelte的内容,清空app.css的内容。
coderpai
6 个月前
svelte
(10)svelte 教程:Slots
Slots 是 Svelte 框架中的一种特性,用于在组件中定义插槽,以便父组件可以向子组件传递任意的内容。这种机制使得组件更具灵活性和可复用性,因为你可以在组件内部插入动态的、定制的内容。Slots 主要有两种类型:默认插槽和命名插槽。
coderpai
6 个月前
svelte
(8)svelte 教程: Event Forwarding
Event Forwarding 是 Svelte 框架中的一个概念,指的是将一个组件的事件(如点击、鼠标悬停等)转发给其父组件。这样,父组件可以监听和处理子组件中的事件。通过这种方式,可以减少代码的重复和复杂度,同时提高组件的可复用性和模块化程度。
上杉达也
6 个月前
前端
·
javascript
·
svelte
【Svelte从入门到精通】入门篇——插槽
当我们将功能封装成一个组件并引用时,通常的写法如下:然而一些情况下,我们希望我们的组件可以支持如下功能:
上杉达也
6 个月前
前端
·
javascript
·
svelte
【Svelte从入门到精通】入门篇——背景
对于国内前端开发者来说,前端框架首选无疑是React和Vue、退而其次是Angular。从本章开始,笔者将和大家一起了解一个不同于React和Vue等以虚拟DOM为核心的框架,它在国外的关注程度一度超过了前端框架的龙头React,这个框架就是——Svelte。
上杉达也
9 个月前
前端
·
svelte
Svelte5 抢先看!
当我们在执行上述命令后,首先会看到如下提示:从弹出的选项中可以看到,这里给我们提供了体验Svelte 5的选项。
sincenir
9 个月前
vue.js
·
react.js
·
svelte
初识 svelte(一) - 带上 vue/react 经验,聊一聊新兴框架 svelte
svelte 是一个组件化、响应式 的前端库。与传统的 react 、vue-core 而言,svelte 更偏向编译时,在编译侧的工作量较高。
sincenir
9 个月前
vue.js
·
react.js
·
svelte
初识 svelte(二) - 带上 vue/react 经验,聊一聊 svelte 的上手难度问题
svelte 是新兴的前端框架,它借鉴了很多前辈的优点,同时也在底层做了新的架构设计。传统框架无论是 react、vue 的 虚拟DOM ,还是 angular 中 digest 的 脏检查 ,架构上都更偏向于 runtime ,而 svelte 则更偏向于 编译。
大家的林语冰
1 年前
前端
·
vue.js
·
svelte
关于从 Vue 2 迁移到 Svelte 这档事
大家好,这里是大家的林语冰。在前端框架的“诸神之战”中,性能往往选用框架的是一个敏感的指标,比敏感肌还敏感。您可能会在社区看到有人提问“为什么 Vue 的性能比 React 好”,也可能看到另一个人提问“为什么 React 的性能比 Vue 好”......
大家的林语冰
1 年前
前端
·
vue.js
·
svelte
从 Vue 2 迁移到 Svelte
大家好,这里是大家的林语冰。本周之后,Vue 2 将停止开源维护。所以本期《前端翻译计划》共享的是某企业去年从 Vue 2 迁移到 Svelte 的现实测评,以及 Vue 3 和 Svelte 的“零和博弈”。
超级架构师
1 年前
前端开发
·
svelte
·
全栈开发
·
javascript框架
【快速开发】使用SvelteKit
如何使用SvelteKit将利用服务器端渲染和Svelte的易用性的全栈应用程序连接在一起。像Next.js和Gatsby这样的所谓元框架在过去几年里已经起飞了。本文将向您介绍最新的示例之一,SvelteKit的SvelteKit框架。与之前的Next.js一样,SvelteKit为构建反应式web应用程序提供了一个一体化的全栈平台。