use: Yönergesi Söz Dizimi
use: yönergesini kullanarak bir DOM öğesine Svelte eylemi uygulayın.
use: Yönergesi Söz Dizimi, 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.
Svelte'de Eylemler
Eylem, bir öğe bağlandığında çalışan bir işlevdir. use: yönergesiyle çağrılır.
Temel Eylem
Bir eylem, DOM düğümünü bağımsız değişken olarak alır.
function highlight(node) {
node.style.background = "yellow";
}use: ile Uygulama
Eylemi use:action aracılığıyla herhangi bir öğeye bağlayın.
<p use:highlight>I am highlighted</p>Eylemler Neden Kullanılır
Eylemler, doğrudan DOM davranışlarını (odaklama, kesişim, sürükleme vb.) yeniden kullanılabilir hâle getirir.
İşaretleme Gerekmez
Eylemler hiçbir şey oluşturmaz; var olan öğeleri geliştirir.
Birden Çok Eylem
Birden çok use: yönergesiyle tek bir öğeye birden çok eylem uygulayabilirsiniz.
<div use:trap use:scroll>Kütüphanelerde Sunma
Birçok Svelte kütüphanesi, rahat bir bütünleştirme için davranışlarını eylemler olarak sunar.
İçe Aktarmalar
Eylemler basit işlevlerdir; onları diğer modüller gibi içe aktarın.
import { clickOutside } from "$lib/actions";Tür İpuçları
Eylemlere svelte/action içindeki Action<Element, Params> genel türüyle tür verin.
Yaşam Döngüsünü Bilme
Eylemler bağlama işleminden sonra çalışır; bu nedenle çalıştıklarında düğüm DOM'da bulunur.
Basitten Güçlüye
Eylemler tek satırlık kadar küçük veya bir kütüphane sarmalayıcısı kadar kapsamlı olabilir.
Hızlı Kontrol
Bir eylemi nasıl bağlarsınız?
Özet
Eylemler use: aracılığıyla çağrılan işlevlerdir. DOM düğümünü alır ve doğrudan davranış eklerler.
Sıkça Sorulan Sorular
“use: Yönergesi Söz Dizimi” dersi ücretsiz mi?
Evet — “use: Yönergesi Söz Dizimi” 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.
“use: Yönergesi Söz Dizimi” dersinde ne öğreneceğim?
use: yönergesini kullanarak bir DOM öğesine Svelte eylemi uygulayı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.
“use: Yönergesi Söz Dizimi” 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
- use: Yönergesi Söz Dizimi
- Eylem Parametreleri ve Güncellemeler
- destroy() Temizleme İşlevi
- Uygulamalı Eylemler: clickOutside tooltip autofocus