Vue фреймворкийн ээлжит хичээлээр форм дээрх тоон утгын талбаруудад v-model директивийг яаж ашиглахыг үзье. Жишээ нь форм дээрээс хэрэглэгчийн насыг авах хэрэгтэй болсон гэе. Үүний тулд
<template>
<div>
<h2>Form inputs</h2>
<input type="text" v-model="age">
<hr>
<p>{{ age }}</p>
</div>
</template>
<script>
export default {
data () {
return {
age: 20
}
}
}
</script>код байхад болох мэт.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэхМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 976 Төлбөртэй
RxJs санг ашиглах хичээлд бид стримийг өөрсдөө үүсгэсэн бол энэ хичээлд Javascript -ийн бэлэн обьектоос буюу үйл явцаас стримийг /урсгал/ хэрхэн үүсгэх талаар үзье. Үүний тулд index.html файлд товчийг
...
<body>
<button>Дарах</button>
<script src="node_modules/rxjs/bundles/rxjs.umd.min.js"></script>
<script src="index.js"></script>
</body>
...үүсгэн өгөөд товч дээр дарах үйл явцаас стрим үүсгэхийн тулд index.js файлд
var button = document.querySelector('button');
var btn$ = Rx.Observable.fromEvent(button, 'click');кодыг оруулан өгье.
Нээгдсэн тоо: 926 Бүртгүүлэх
Директивийн амьдралын циклүүдийг /үе/ мэдэж байх хэрэгтэй. Өөрийн директив үүсгэх хичээлд директивийг үүсгэх шатанд ажиллах арга bind -ийг мэдэн авсан. Аргаар директивийн инициализацийг хийн түүнийг виртуал DOM дахь элементэд холбох бөгөөд энэ үед тухайн директив бодит DOM -ийн модонд орж ирээгүй байдаг. Директивийн амьдралын циклүүдийг төслийн color.js файлд тодорхойлсон обьектын кодод нэмье.
export default {
bind(el, bindings, vnode) {
console.log('bind')
el.style.color = 'green'
},
inserted(el, bindings, vnode) {
console.log('inserted')
},
update(el, bindings, vnode, oldVnode) {
console.log('update')
},
componentUpdated(el, bindings, vnode, oldVnode) {
console.log('componentUpdated')
},
unbind() {
console.log('unbind')
}
}
Нээгдсэн тоо: 444 Бүртгүүлэх
Өмнөх Хулганы товч даралтын боловсруулалт хичээлд асуулт, түүний хариултуудын хувилбарууд, зөв хариултын дугаар зэргийг quiz массивт тодорхойлон өгснөөр манай төслийн сорилго явуулах хуудас
байдлаар харагдах болсон.
Нээгдсэн тоо: 1236 Төлбөртэй
Хичээлээр EcmaScript6 -гийн генератор гэж юу болох тэдгээртэй хэрхэн ажиллахыг авч үзье. Төсөлд генераторууд ажиллах боломжийг хангахын тулд package.json файлд зарим өөрчлөлтийг орулах хэрэгтэй. Генераторууд ES6 -д байдаггүй тусдаа пакет тул терминалыг нээгээд npm install --save-dev babel-plugin-transform-runtime командыг өгөн суулгана. Пакетыг суулгасны дараа package.json файлын devDependencies талбарт "babel-plugin-transform-runtime": "^6.23.0" бичлэг нэмэгдэнэ. Дээр нь төслийн үндсэн хавтаст .babelrc нэртэй файлыг нэмэн
{
"plugins": [
["transform-runtime", {
"polyfill": false,
"regenerator": true
}]
]
}кодыг оруулан өгөөд терминалаас webpack -ийг ажлуулан төслийн компайлыг хийнэ.
Задаргааны сүүлээсээ 3 дахь гишүүний бином коэффициент 45 бол 
задаргааны 6-р гишүүнийг ол.
Нээгдсэн тоо : 667
илэрхийллийг хялбарчил.