苗条3：一种新的前端开发方法
>本文探讨了Svelte 3，这是一个独特的前端JavaScript框架，通过其编译过程来区分自己。与React这样的框架（将大型JavaScript捆绑包装）等框架不同，Svelte将应用程序编译为明显较小，优化的JavaScript代码。在构建过程中实现的这种优化导致更快，更有效的应用程序。 Svelte还提供了一种独特的数据管理和DOM操纵方法。 它直接更新了真实的DOM，消除了对虚拟DOM的需求，从而提高了性能。 这是其直观的成分创建和内置的反应性状态，使发展变得愉快和高效。 甚至经验丰富的React或Vue开发人员也会发现值得探索的Svelte。 让我们构建一个简单的应用程序以演示其功能。
Svelte的关键优势：
优化的JavaScript：
以安装依赖项。最后，使用汇总启动开发服务器。访问>。
的应用程序 构建一个Svelte组件：npx degit sveltejs/template github-repository-searcher
>
github-repository-searchersvelte组件位于cd github-repository-searcher>文件中。 该模板提供npm install，构成为三个部分：
<code></li>
<style>
/* CSS for styling the list */
</style>
<div class="search-wrapper">
<form class="search-form">
<input type="text" bind:value={userSearchTerm} placeholder="search for repositories" />
</form>
<ul>
{#each filteredRepos as repository}
<li>
<strong>{repository.name}</strong>
<code>{repository.url}
<样式>
/ *用于样式列表的CSS */
{repository.url} <p>
<code>Search
{/每个}
App.svelte
repositories
import search app.svelte
repositories的可用性进行条件使用IT
<p> <code>$:反应性和过滤：Search.sveltefilteredRepos
$：<code> <code> search.svelte.svelte<code>userSearchTerm> $：<ancy> $：<ante> $：<ancvelte> filteredRepos<code>repositories更新，每当 usersearchterm>或 repositories <p>更改时。 还讨论了使用功能或事件听众的替代方法，突出了Svelte的反应性功能的好处。
<strong></strong>生产构建：</p>
<p>
<code>npm run build>运行 NPM Run Build <and>以创建一个可以生产的捆绑包。 由于Svelte的汇编过程，最终的捆绑包大小通常很小。<ancy>>
</ancy></and>
结论：
什么是Svelte？
> Svelte与React/Vue？ react/vue在浏览器中做更多的工作。以上是Svelte 3：基于激进编译器的JavaScript框架的详细内容。更多信息请关注PHP中文网其他相关文章！
