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