Өмнөх Хулганы товч даралтын боловсруулалт хичээлд асуулт, түүний хариултуудын хувилбарууд, зөв хариултын дугаар зэргийг quiz массивт тодорхойлон өгснөөр манай төслийн сорилго явуулах хуудас
байдлаар харагдах болсон.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэхМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 489 Бүртгүүлэх
Хичээлээр react компонентийн элементүүдийн хэвжүүлэлтэд хэрэг болох нэгэн аргачлалыг авч үзье. Тухайлбал элементийг inline -аар хэвжүүлэлтийн үед ашиглах техник юм. Иймээс Car компонентийн хэвжүүлэлтийн Car.css файлаас
.Car {
margin-bottom: 10px;
display: block;
padding: 10px;
border-radius: 5px;
}border, box-shadow хэвүүдийг хасан тэдгээрийг Car компонентод inline -аар хэвжүүлэлтээр
const style = {
border: '1px solid #ccc',
boxShadow: '0 4px 5px 0 rgba(0, 0, 0, .14)'
}
return (
<div className="Car" style={style}>
<h3>Машиний нэр: {props.name}</h3>
<p>Он: <strong>{props.year}</strong></p>
<input
type="text"
onChange={props.onChangeName}
value={props.name}
className={inputClasses.join(' ')}
/>
<button onClick={props.onDelete}>Устгах</button>
</div>
)style хувьсагчид тодорхойлоод Car компонентийг багцалж буй div -ийн style атрибутад дамжуулах болгон өөрчилье.
Нээгдсэн тоо: 4729 Бүртгүүлэх
JavaScript-ийн өгөгдлийн төрлүүд
Хувьсагч гэдэг нь компьютерын санах ойд хадгалагдаж байгаа тодорхой утгыг заах нэр юм. JavaScript –д зарлаж байгаа хувьсагчийн төрлийг урьдчилан заах хэрэггүй хэл хувьсагчийн төрлийг өөрөө тодорхойлдог. Бүхэл болон бутархай тоонуудад илт ялгагдах ялгаа бараг байхгүй. JavaScript доорх төрлүүдийг таньдаг.
| Төрөл | Нэр | Тодорхойлолт |
| Number | Тоо | 16, 10, 8 тооллын системийн бүхэл, бутархай тоонууд |
| String | Мөр | Хашилтанд байх тэмдэгтүүд |
| Boolean | Логик | True ба False байх логик утгууд |
| Function | Функц | Функцын холбоос |
| Object | Обьект | Обьект , массив болон Null утгатай хувьсагчид |
Нээгдсэн тоо: 525 Бүртгүүлэх
Jsx нь html -тэй төстэй харагдах ч ердийн javascript бичлэг болох, хэрхэн ажилладагийг JSX хичээлээс мэдсэн тул Jsx -ээр хуудасны тэмдэглээг хийхэд ямар хязгаарлалт үйлчилдэг талаар авч үзье.
class App extends Component {
render() {
return (
<div className="App">
<h1>
Hello world!
</h1>
</div>
)
}
}Нээгдсэн тоо: 409 Төлбөртэй
Ямарч програмын ажиллагааны чухал хэсэг бол төрөл бүрийн мэдээллийн боловсруулалт, тэдгээртэй ажиллахтай холбоотой байдаг. Иймээс энэ хичээлээс vuejs дээр төрөл бүрийн өгөгдлүүдтэй хэрхэн үр дүнтэй харьцах аргуудыг судлаж эхлэнэ. Үүнийг бид маш энгийн
жишээгээр үзнэ.
функцийн тодорхойлогдох мужийг ол.
-ийг ол.
хязгаарыг ол.