ডেভসংকেত

আলপাইন জেএস

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

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

    শেয়ার করুন

    প্রিন্ট করুন

    Directives

    • 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-

    • x-id আপনাকে $id() ব্যবহার করে তৈরি করা যেকোনো নতুন আইডির জন্য একটি নতুন "স্কোপ" ঘোষণা করতে দেয়।

      x-id

    • আলপাইন টেমপ্লেটের অংশ সম্পূর্ণরূপে পৃষ্ঠার DOM-এর অন্য অংশে পরিবহন করতে ব্যবহৃত হয়।

      x-teleport

    গ্লোবালস ( Globals )

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

      Alpine.data

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

      Alpine.store

    • অ্যাপ্লিকেশনের মধ্যে x-bind অবজেক্টগুলিকে পুনরায় ব্যবহার করার একটি উপায় প্রদান করে।

      Alpine.bind

    Magic Properties

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

      $store

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

      $el

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

      $dispatch

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

      $watch

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

      $refs

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

      $nextTick

    • একটি ম্যাজিক প্রপার্টি যা যেকোনো আলপাইন উপাদানের মূল উপাদান পুনরুদ্ধার করতে ব্যবহার করা যেতে পারে।

      $root

    • একটি ম্যাজিক প্রপার্টি যা আপনাকে বর্তমান আলপাইন ডেটা স্কোপে অ্যাক্সেস দেয় (সাধারণত x-data দ্বারা সরবরাহ করা হয়)

      $data

    • একটি ম্যাজিক প্রপার্টি যা একটি এলিমেন্টের আইডি তৈরি করতে ব্যবহার করা যেতে পারে

      $id

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

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

    স্পন্সর