web dasturlash

DOCX 31 pages 764.9 KB Free download

Page preview (5 pages)

Scroll down 👇
1 / 31
toshkent axborot texnologiyalari universiteti urganch filiali mustaqil ish fan nomi: web dasturlash mavz: vue.js da komponentalar yaratish. guruh: bajardi: qabul qildi: reja: 1.vue.js haqida malumot. 2.vue.js da komponentalar yaratish. 3.vue.js ning qulayliklari. front-end dasturchilari sifatida biz odatda kodni yozish va tartibga solish usullarini yaxshilash uchun har bir loyihamiz uchun eng mos texnologiyani tanlashni xohlaymiz. shuning uchun, ushbu maqolaning asosiy maqsadi - bu vue.js-ning asosiy xususiyatlarini ko'rib chiqish, bu javascript-ning frameworklaridan biri bo'lib, uning tarkibiy qismlari va reaktiv xususiyatlaridan foydalanishda osonlikcha saqlanadigan bitta sahifali dasturlarni (spa) tezda ishlab chiqishga imkon beradi. reaktiv interfeyslar va ma'lumotlarni bog'lash sifatida. vue.js nima? evan you tomonidan yaratilgan vue.js - foydalanuvchi interfeyslari (interfeyslari) va bitta sahifali dasturlarni yaratish uchun ochiq manbali progressiv javascript ramkasi; u odatda vue deb nomlanadi. ushbu framework ishlab chiquvchilarga foydalanuvchi interfeyslarini (ui) bosqichma-bosqich yaratishga imkon beradigan "yuqori ajratish" dan foydalanadi. frameworkdan foydalangan holda kutubxonani modullashtirish frontend rivojlanishida keng tarqalgan. react va angular …
2 / 31
shi kerak yoki yaxshi seo kerak bo'lsa, biz "vue-server-rendering" kutubxonasini o'z ichiga olamiz. quyidagi rasmda, vue.js-dan kim foydalanmoqda? 700 dan ortiq kompaniyalar vue.js.-dan foydalanmoqda. ulardan ba'zilari: xiaomi, alibaba va gitlab. vue.js bilan rivojlanmoqda atrof muhitni sozlash vue.js-ni veb-loyihangizga qo'shishning turli xil usullari mavjud: ● vue.js faylini yuklab olish va uni yorlig'i bilan to'g'ridan-to'g'ri html-faylga qo'shish ● html-faylga yorlig'ini qo'shish orqali cdn-dan foydalanish ● node package manager (npm) yordamida o'rnatish ● loyihangizni sozlash uchun vue-cli-dan foydalanish quyidagi misolda biz cdn-dan foydalanamiz, bu erda yorlig'i shablon kodini, yorlig'i skript kodini va yorlig'i css kodini o'z ichiga oladi. iltimos, oldingi kod misolida " yangi vue () " sintaksisida vue misoli yaratilganligini unutmang . ushbu misolda "el" deb nomlangan variant mavjud, u shablon kodi joylashgan yorlig'iga ishora qiladi; shuning uchun dastur atributlarini o'z ichiga olgan "ma'lumotlar" yorlig'i ichida ko'rsatilishi mumkin. vue misoli qabul qiladigan boshqa variantlar quyidagilardir: "hisoblash", "tomosha qilish", "usullar" va umr davri …
3 / 31
g, vue.js qo'shaloq jingalak qavslar tomonidan e'lon qilingan bayonotni baholaydi, shuning uchun vue misolidagi "ma'lumotlar" ob'ekti mag'lubiyat shabloniga o'tkaziladi. shuning uchun ma'lumotlar ob'ekti va dom bir-biriga bog'langan va endi hamma narsa reaktivdir. buni javascript konsolimizni ochish va app.message-ni boshqa qiymatga o'rnatish orqali tasdiqlashimiz mumkin. direktivalar direktivalar - bu domni boshqarishimizga imkon beradigan v- prefiksli (v-if, v-else, v-show, v-bind va v-model kabi) maxsus atributlar . masalan: bu erda v-if shartli ko'rsatmasi, agar "ko'rsatilgan" ifodaning qiymati to'g'ri bo'lsa, elementini olib tashlaydi yoki qo'shadi. agar javascript konsolimizga app.shown = false-ni kiritsak, biz xabar yo'qolganini ko'rishimiz kerak. shunday qilib, biz dom tuzilishi uchun ma'lumotlarni bog'lashimiz mumkin. ba'zi ko'rsatmalar direktiv nomidan keyin ikki nuqta bilan belgilanadigan "argument" qabul qilishi mumkin. masalan, v-bind direktivasi html atributini reaktiv ravishda yangilash uchun ishlatiladi. quyida, "to'ldiruvchi" - bu "kutilgan qiymat" iborasi qiymatiga elementning "to'ldiruvchi" atributini bog'lash uchun v-bind direktivasini ko'rsatadigan argument. loops v-for direktivasi array ma'lumotlari yordamida elementlarning ro'yxatini …
4 / 31
aqdim etadi, shuning uchun biz "v-on:" ni "@" bilan almashtirishimiz mumkin. ma'lumotlarni bog'lash vue.js v-model direktivasini taqdim etadi, bu shaklni kiritish va dastur holati o'rtasida ikki tomonlama bog'lanishni yaratadi. ushbu misolda bayonot va "ma'lumotlar" ob'ekti bog'langan. agar biz app.message = 'salom, yana mehmon!' bizning javascript konsolimizda biz matnli shablon va qiymati yangilanganligini ko'ramiz. reaktiv interfeyslar vue.js shuningdek kuzatuvchi sifatida ishlaydigan soat xususiyatidan foydalangan holda dinamik ravishda qo'shiladigan xususiyatlarga reaktivlik qo'shish imkoniyatlarini taqdim etadi. quyidagi misolda, foydalanuvchi har safar tugmachani bosish orqali "hisoblagich" ma'lumotlarining qiymatini o'zgartirganda, "hisoblagich" ning eski va yangi qiymatini ko'rsatadigan xabar ko'rsatiladi: hisoblangan xususiyatlar shablondagi iboralar oddiy operatsiyalar uchun juda qulaydir, chunki shablonlarimizdagi juda ko'p mantiqni o'z ichiga olgan holda kod hidi paydo bo'lishi mumkin, bu esa uni saqlashni qiyinlashtiradi. demak, biz hisoblash xususiyatidan foydalanishimiz mumkin, bu asosan getter funktsiyasi bo'lib, u har doim "ma'lumotlar" ob'ektining bog'liq qiymatiga bog'liq. mana bir misol: bu erda biz app.reversedmessage qiymati har …
5 / 31
tomosha qilish, usullar va hayot aylanishining ilgaklarini qabul qilishadi. quyidagi rasmda odatiy dastur interfeysi qanday qilib uchta komponentga ajratilganligi ko'rsatilgan: sarlavha, yon panel va tanasi. quyida deb nomlangan vue komponentidan foydalanish misoli keltirilgan: bu erda biz sintaksis bilan komponent yaratamiz: vue.component, bu erda birinchi parametr komponent nomi va uning variantlari: "ma'lumotlar" va "shablon". vue komponentlarini biz xohlagancha qayta ishlatish mumkin; misolda biz dan uch marta foydalanamiz. e'tibor bering, tugmachalarni bosganda ularning har biri alohida, alohida hisoblashni amalga oshiradi. buning sababi shundaki, har bir komponentdan foydalanganda yangi misol yaratiladi. asosiy misol vue komponentining namunasi: komponentlar nomi bilan qayta ishlatilishi mumkin bo'lgan vue misollari: bu holda . ushbu komponentni yangi vue bilan yaratilgan root vue misoli ichida maxsus element sifatida ishlatishimiz mumkin: komponentlar vue-ning qayta ishlatilishi mumkin bo'lganligi sababli, ular yangi vue-ning bir xil variantlarini, masalan, ma'lumotlar, hisoblash, tomosha qilish, usullar va hayot aylanishining ilgaklarini qabul qilishadi. faqatgina istisnolar el kabi bir …

Want to read more?

Download all 31 pages for free via Telegram.

Download full file

About "web dasturlash"

toshkent axborot texnologiyalari universiteti urganch filiali mustaqil ish fan nomi: web dasturlash mavz: vue.js da komponentalar yaratish. guruh: bajardi: qabul qildi: reja: 1.vue.js haqida malumot. 2.vue.js da komponentalar yaratish. 3.vue.js ning qulayliklari. front-end dasturchilari sifatida biz odatda kodni yozish va tartibga solish usullarini yaxshilash uchun har bir loyihamiz uchun eng mos texnologiyani tanlashni xohlaymiz. shuning uchun, ushbu maqolaning asosiy maqsadi - bu vue.js-ning asosiy xususiyatlarini ko'rib chiqish, bu javascript-ning frameworklaridan biri bo'lib, uning tarkibiy qismlari va reaktiv xususiyatlaridan foydalanishda osonlikcha saqlanadigan bitta sahifali dasturlarni (spa) tezda ishlab chiqishga imkon beradi. reaktiv interfeyslar va ma'lumotlarni bog'lash sifati...

This file contains 31 pages in DOCX format (764.9 KB). To download "web dasturlash", click the Telegram button on the left.

Tags: web dasturlash DOCX 31 pages Free download Telegram