0Pricing
Sveltejs Academy · Ders

onMount: Oluşturmadan Sonra Çalıştırma

Bileşen DOM'a eklendikten sonra kod çalıştırın.

onMount: Oluşturmadan Sonra Çalıştırma, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.

onMount Amacı

onMount, bileşen DOM'a eklendikten sonra çalışır. Eşzamansız bir işi başlatmak veya başvurulara erişmek için idealdir.

İçe Aktarma

Betiğinizin üst kısmında svelte içinden içe aktarın.

<script>
  import { onMount } from "svelte";
</script>

Temel Kullanım

Bağlanma sırasında bir kez çalışacak işlevi geçin.

onMount(() => {
  console.log("mounted");
});

Eşzamansız İşlemler

İçeride async/await kullanabilir veya bir vaat döndürebilirsiniz.

onMount(async () => {
  data = await fetch("/api").then(r => r.json());
});

Öğeye Erişim

Bağlanmadan hemen sonra DOM'u değiştirmek için bind:this ile birleştirin.

onMount(() => inputEl.focus());

Temizleme İşlevi

Bileşenin bağlantısı kaldırıldığında temizleme yapmak için onMount içinden bir işlev döndürün.

onMount(() => {
  const id = setInterval(tick, 1000);
  return () => clearInterval(id);
});

Sunucu ve Tarayıcı

onMount SSR sırasında çalışmaz. Bunu tuval veya WebGL kurulumu gibi yalnızca tarayıcıya özgü kodlar için kullanın.

Birden Çok onMount

Tek bir bileşende onMount çağrısını birden çok kez yapabilirsiniz. Bildirim sırasına göre çalışırlar.

Abonelikler

Harici kaynaklara burada abone olun ve temizleme dönüşünde abonelikten çıkın.

Ağır İşlerden Kaçının

Kritik olmayan işleri erteleyin veya ilk çizimi engellememek için requestIdleCallback kullanın.

beforeUpdate Farkı

onMount tam olarak bir kez çalışır; beforeUpdate ise her tepkisel güncellemeden önce çalışır.

Hızlı Kontrol

onMount içinde başlatılan bir aralığı nasıl temizlersiniz?

Özet

onMount bağlanmadan sonra bir kez çalışır; temizlemeyi gerçekleştirmek için bir işlev döndürün ve sunucuda hiçbir zaman çalışmadığını unutmayın.

Sıkça Sorulan Sorular

“onMount: Oluşturmadan Sonra Çalıştırma” dersi ücretsiz mi?

Evet — “onMount: Oluşturmadan Sonra Çalıştırma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.

“onMount: Oluşturmadan Sonra Çalıştırma” dersinde ne öğreneceğim?

Bileşen DOM'a eklendikten sonra kod çalıştırın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“onMount: Oluşturmadan Sonra Çalıştırma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. onMount: Oluşturmadan Sonra Çalıştırma
  2. onDestroy: Temizleme
  3. beforeUpdate ve afterUpdate
  4. tick(): DOM Güncellemelerini Bekleme
← Sveltejs Academy Sayfasına Dön