1+ {
2+ "id" : " alpine-js-cheat-sheet" ,
3+ "title" : " আলপাইন.জেএস" ,
4+ "slug" : " alpine-js-cheat-sheet" ,
5+ "description" : " আলপাইন.জেএস চিটশিট" ,
6+ "colorPref" : " #78C1D2" ,
7+ "contents" : [
8+ {
9+ "title" : " Attributes" ,
10+ "items" : [
11+ {
12+ "definition" : " HTML এর একটি ব্লকের জন্য একটি নতুন আলপাইন কম্পোনেন্ট এবং এর ডেটা ঘোষণা করুন" ,
13+ "code" : " x-data"
14+ },
15+ {
16+ "definition" : " একটি উপাদানে গতিশীলভাবে এইচটিএমএল বৈশিষ্ট্য সেট করুন" ,
17+ "code" : " x-bind"
18+ },
19+ {
20+ "definition" : " একটি এলিমেন্টে ব্রাউজার ইভেন্ট লিসেনার" ,
21+ "code" : " x-on"
22+ },
23+ {
24+ "definition" : " একটি উপাদানের পাঠ্য বিষয়বস্তু সেট করুন" ,
25+ "code" : " x-text"
26+ },
27+ {
28+ "definition" : " একটি উপাদানের ভিতরের HTML সেট করুন" ,
29+ "code" : " x-html"
30+ },
31+ {
32+ "definition" : " একটি ইনপুট এলিমেন্টের সাথে এক টুকরো ডেটা সিঙ্ক্রোনাইজ করুন" ,
33+ "code" : " x-model"
34+ },
35+ {
36+ "definition" : " একটি উপাদানের দৃশ্যমানতা টগল করুন" ,
37+ "code" : " x-show"
38+ },
39+ {
40+ "definition" : " সিএসএস ট্রানজিশন ব্যবহার করে একটি উপাদানকে ভিতরে এবং বাইরে স্থানান্তর করুন" ,
41+ "code" : " x-transition"
42+ },
43+ {
44+ "definition" : " একটি ডাটা সেটের উপর ভিত্তি করে HTML এর একটি ব্লক পুনরাবৃত্তি করুন" ,
45+ "code" : " x-for"
46+ },
47+ {
48+ "definition" : " শর্তসাপেক্ষে পৃষ্ঠা থেকে সম্পূর্ণরূপে HTML এর একটি ব্লক যোগ/অপসারণ করুন।" ,
49+ "code" : " x-if"
50+ },
51+ {
52+ "definition" : " একটি উপাদান আলপাইন দ্বারা আরম্ভ করা হলে কোড চালান" ,
53+ "code" : " x-init"
54+ },
55+ {
56+ "definition" : " প্রতিবার তার একটি নির্ভরতা পরিবর্তনের সময় স্ক্রিপ্টটি চালান" ,
57+ "code" : " x-effect"
58+ },
59+ {
60+ "definition" : " $ Refs ম্যাজিক প্রপার্টি ব্যবহার করে সরাসরি তাদের নির্দিষ্ট কী দ্বারা রেফারেন্স উপাদান" ,
61+ "code" : " x-ref"
62+ },
63+ {
64+ "definition" : " এইচটিএমএল এর একটি ব্লক লুকান যতক্ষণ না আলপাইন এর বিষয়বস্তু আরম্ভ করা শেষ হয়" ,
65+ "code" : " x-cloak"
66+ },
67+ {
68+ "definition" : " এইচটিএমএল এর একটি ব্লককে আলপাইন দ্বারা আরম্ভ করা থেকে বিরত রাখুন" ,
69+ "code" : " x-ignore"
70+ },
71+ {
72+ "definition" : " বর্ণনা" ,
73+ "code" : " x-"
74+ }
75+ ]
76+ },
77+ {
78+ "title" : " Properties" ,
79+ "items" : [
80+ {
81+ "definition" : " Alpine.store (...) ব্যবহার করে নিবন্ধিত একটি বৈশ্বিক স্টোরে প্রবেশ করুন" ,
82+ "code" : " $store"
83+ },
84+ {
85+ "definition" : " বর্তমান DOM এলিমেন্ট উল্লেখ করুন" ,
86+ "code" : " $el"
87+ },
88+ {
89+ "definition" : " বর্তমান উপাদান থেকে একটি কাস্টম ব্রাউজার ইভেন্ট প্রেরণ করুন" ,
90+ "code" : " $dispatch"
91+ },
92+ {
93+ "definition" : " এক টুকরো ডেটা দেখুন এবং প্রদত্ত কলব্যাকটি যে কোন সময় পরিবর্তন করুন" ,
94+ "code" : " $watch"
95+ },
96+ {
97+ "definition" : " কী দ্বারা একটি উপাদান উল্লেখ করুন (x-ref ব্যবহার করে নির্দিষ্ট)" ,
98+ "code" : " $refs"
99+ },
100+ {
101+ "definition" : " কিছুটা কোড চালানোর জন্য পরবর্তী 'টিক' (ব্রাউজার পেইন্ট) পর্যন্ত অপেক্ষা করুন" ,
102+ "code" : " $nextTick"
103+ }
104+
105+ ]
106+ },
107+ {
108+ "title" : " মেথড" ,
109+ "items" : [
110+ {
111+ "definition" : " একটি ডেটা অবজেক্ট পুনরায় ব্যবহার করুন এবং এক্স-ডেটা ব্যবহার করে এটি উল্লেখ করুন" ,
112+ "code" : " Alpine.data"
113+ },
114+ {
115+ "definition" : " গ্লোবাল, রিয়েক্টিভ, ডেটার একটি অংশ ঘোষণা করুন যা $store ব্যবহার করে যে কোন জায়গা থেকে অ্যাক্সেস করা যায়" ,
116+ "code" : " Alpine.store"
117+ }
118+ ]
119+ }
120+ ]
121+ }
122+
0 commit comments