ডেভসংকেত

আলপাইন.জেএস

আলপাইন.জেএস চিটশিট

কন্ট্রিবিউটর

  • iamraufu
  • ikamal7

শেয়ার করুন

Attributes

  • HTML এর একটি ব্লকের জন্য একটি নতুন আলপাইন কম্পোনেন্ট এবং এর ডেটা ঘোষণা করুন

    x-data
  • একটি উপাদানে গতিশীলভাবে এইচটিএমএল বৈশিষ্ট্য সেট করুন

    x-bind
  • একটি এলিমেন্টে ব্রাউজার ইভেন্ট লিসেনার

    x-on
  • একটি উপাদানের পাঠ্য বিষয়বস্তু সেট করুন

    x-text
  • একটি উপাদানের ভিতরের HTML সেট করুন

    x-html
  • একটি ইনপুট এলিমেন্টের সাথে এক টুকরো ডেটা সিঙ্ক্রোনাইজ করুন

    x-model
  • একটি উপাদানের দৃশ্যমানতা টগল করুন

    x-show
  • সিএসএস ট্রানজিশন ব্যবহার করে একটি উপাদানকে ভিতরে এবং বাইরে স্থানান্তর করুন

    x-transition
  • একটি ডাটা সেটের উপর ভিত্তি করে HTML এর একটি ব্লক পুনরাবৃত্তি করুন

    x-for
  • শর্তসাপেক্ষে পৃষ্ঠা থেকে সম্পূর্ণরূপে HTML এর একটি ব্লক যোগ/অপসারণ করুন।

    x-if
  • একটি উপাদান আলপাইন দ্বারা আরম্ভ করা হলে কোড চালান

    x-init
  • প্রতিবার তার একটি নির্ভরতা পরিবর্তনের সময় স্ক্রিপ্টটি চালান

    x-effect
  • $ Refs ম্যাজিক প্রপার্টি ব্যবহার করে সরাসরি তাদের নির্দিষ্ট কী দ্বারা রেফারেন্স উপাদান

    x-ref
  • এইচটিএমএল এর একটি ব্লক লুকান যতক্ষণ না আলপাইন এর বিষয়বস্তু আরম্ভ করা শেষ হয়

    x-cloak
  • এইচটিএমএল এর একটি ব্লককে আলপাইন দ্বারা আরম্ভ করা থেকে বিরত রাখুন

    x-ignore
  • বর্ণনা

    x-

মেথড

  • একটি ডেটা অবজেক্ট পুনরায় ব্যবহার করুন এবং এক্স-ডেটা ব্যবহার করে এটি উল্লেখ করুন

    Alpine.data
  • গ্লোবাল, রিয়েক্টিভ, ডেটার একটি অংশ ঘোষণা করুন যা $store ব্যবহার করে যে কোন জায়গা থেকে অ্যাক্সেস করা যায়

    Alpine.store

Properties

  • Alpine.store (...) ব্যবহার করে নিবন্ধিত একটি বৈশ্বিক স্টোরে প্রবেশ করুন

    $store
  • বর্তমান DOM এলিমেন্ট উল্লেখ করুন

    $el
  • বর্তমান উপাদান থেকে একটি কাস্টম ব্রাউজার ইভেন্ট প্রেরণ করুন

    $dispatch
  • এক টুকরো ডেটা দেখুন এবং প্রদত্ত কলব্যাকটি যে কোন সময় পরিবর্তন করুন

    $watch
  • কী দ্বারা একটি উপাদান উল্লেখ করুন (x-ref ব্যবহার করে নির্দিষ্ট)

    $refs
  • কিছুটা কোড চালানোর জন্য পরবর্তী 'টিক' (ব্রাউজার পেইন্ট) পর্যন্ত অপেক্ষা করুন

    $nextTick

ডেভসংকেত সম্পর্কে

ডেভসংকেত এর লক্ষ্য হচ্ছে বাংলাতে একটা বড় চিটশিটের ভান্ডার গড়ে তোলা। এটা সম্পূর্ণ স্বাধীন এবং ওপেন সোর্স গিটহাব অর্গানাইজেশন।

স্পন্সর