CLI ямар хэрэгтэй вэ?

Хичээлээр Vue CLI гэж юу болох, юунд ашиглах, яагаад мэдэх хэрэгтэй тухай авч үзье. Vue CLI бол VueJS төслийг маш хурдан, эвтэйхэн байдлаар үүсгэн ашиглахад зориулагдсан хэрэгсэл. Бид өмнөх хичээлүүдэд html файлд VueJS санг оруулаад түүнийг ашиглаж болж байхад VueJS дээр бүтэн төсөл үүсгэх ямар шаардлагатай гэж бодож байж болно.

VueJS сангаар html -ийн элементүүдийг динамикаар удирдан өөрчлөхийн дээр түүнийг ашиглан том хэмжээний програмыг боловсруулж болох хүчирхэг хэрэгсэл. Эндээс том хэмжээний програмын кодын зохион байгуулалтыг хэрхэн үүсгэх вэ гэсэн асуулт гарч ирнэ. Том програмын ажиллагаануудыг сайн задлахын тулд тэдгээрийг төрөл бүрийн компонентуудад хуваах хэрэгцээ бий болох учраас бүх кодыг нэг javascript файлд агуулах боломжгүй болдог. Харин Vue CLI хэрэгслээр үүсгэсэн VueJS төсөл модулуудыг автоматаар ачааллах, төрөл бүрийн препроцессорууд дэмжих, сервертэй мэдээлэл солилцох API -тай ажиллах бэлэн сервесүүд гэх мэтээр олон боломжуудыг өгнө. Иймээс дараагийн хичээлүүдээр Vue CLI хэрэгслийг хэрхэн суулган ашиглахыг үзэх болно. Хэрэгслийг өөрөө сулгаж болох ч хугацаа, хүч хөдөлмөрийг хэмнэх үүднээс VueJS -ийн боловсруулагчид бидний өмнөөс бүхнийг бэлтгэн өгсөнг ашиглах нь илүү.  
Цаашхи хичээлүүдийн жишээг Vue CLI төслийг ашиглан хийх тул хэрэгслийг суулгах хэрэгтэй. Үүнээс гадна цаашид тодорхой сан, хэрэгслүүдийг суулгахад танд Node.js програм хэрэгтэй болно. Хэрвээ таны компьютерт Node.js суугаагүй бол зааврыг үзэн заавал суулгарай.

Мэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.

Холбоотой материалууд
Компонент гэж юу болох

  Нээгдсэн тоо: 657 Төлбөртэй

React компонентод тулгуурладаг сан тул компонент гэж юу болохыг ойлгоцгооё. Үүний тулд машиний мэдээллийг үзүүлэх

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>Lesson 01_02</title>
  <style>
    .car {
      display: inline-block;
      border: 2px solid #ccc;
      box-shadow: 2px 2px 1px #eee;
      padding: 10px;
      margin-right: 10px;
    }
  </style>
</head>

<body>
  <div class="car">
    <h3>Toyata Camry</h3>
    <p>Year: <strong>2019</strong></p>
  </div>
</body>
</html>

код бүхий html файлыг үүсгээд хөтөч дээр нээвэл

гэж харагдана.

Классууд

  Нээгдсэн тоо: 928 Төлбөртэй

Програмын бүтээгдхүүнүүд интернетэд суурилсан буюу хөтөч дээр ажиллах хандлага улам дэлгэрсээр байгаа нь  javascript хэлийг судлан эзэмших шаардлагыг улам нэмэгдүүлсээр байгаа. Хэлний боловсруулагчид javascript хэлний бичлэгийн дүрмийг өргөн тархсан програмчлалын хэлүүдтэй улам төстэй болгож байгааг ES6 -д классууд хэрхэн өөрчлөгдсөн дээр авч үзье. ES5 -д классыг хэрхэн үүсгэж байсанг

function Car(name) {
    this.name = name;
}

Car.prototype.logName = function () {
    console.log(this.name);
};

let car = new Car('Toyota');
car.logName();

жишээнээс харцгаая.

Функц ба хувьсагч

  Нээгдсэн тоо: 2493 Төлбөртэй

Функцын тухай ойлголт

Функц – гэдэг нь программын дурын хэсгээс дуудан ажлуулах боломжтой Javascript кодын хэсэг. Функцыг ашиглахын тулд түүнийг эхлээд тодорхойлох хэрэгтэй. Функц давтагдахгүй нэртэй байх ёстой. Нэр өгөх дүрэм нь хувьсагчийн нэрийг өгөх дүрэмтэй ижилхэн. Функцыг тодорхойлох бичлэг нь ерөнхийдээ доорх хэлбэртэй байна.

function <функцын нэр> ([<параметрүүдийн жагсаалт>])
{
     JavaScript оператор;
     JavaScript оператор;
     . . .
     JavaScript оператор;

     [return <Буцаах утга>]
}

Тайлбар болон түлхүүр үгс

  Нээгдсэн тоо: 4850 Нийтийн

Сайн тайлбартай программын код бичих бол программ зохиох соёлоос гадна кодыг ойлгомжтой болгох үндсэн арга. Иймд та программчлалын хэлийг үзэж эхлэх үеэсээ тайлбарыг ашиглаж сурахыг хичээгээрэй. Эхлэн суралцаж байхад том хэмжээний код бараг бичдэггүй болохоор тайлбарыг нэг их анзаардаггүйгээс болоод кодод тайлбар хийхгүй бичээд сурах гээд байх муу талтай. Энэ бол маш буруу барил гэдгийг танд сануулъя. Та том хэмжээний ажил гүйцэтгэх үедээ голдуу багаар ажиллах тул таны кодыг бусад хамтран ажиллагсад ойлгох шаардлага гарч болохыг санах хэрэгтэй. Том хэмжээний кодод тайлбар хийхгүй бол хэсэг хугацааны дараа та өөрөө ч ойлгохгүй байдал үүсч болохыг сануулъя. За ингээд хичээлээ эхлэе.

Стратег (Strategy)

Стратег (Strategy) нь тус тусдаа хайрцаглагдан тэдгээрийн бие биеэ орлолтыг хангасан алгоритмын багцыг тодорхойлох загварчлалын хэвийг илэрхийлнэ. Нөхцөл…

Нээгдсэн тоо : 10

 
Ерөнхийллийн хязгаарлалт

Универсал параметрүүд ашиглан ерөнхийлөгдсөн классийг дурын төрлөөр төрөлжүүлж болно. Хааяа төрлийг тодорхой болгох шаардлага үүсдэг. Жишээ нь бидэнд…

Нээгдсэн тоо : 13

 
Хуваагдах шинжүүд

Тооны хуваагдах шинж гэдэг нь хуваах үйлдлийг хийхгүйгээр тоо хуваагчид үлдэгдэлгүй хуваагдах эсэхийг тогтоох аргачлал буюу тооны өөрийн…

Нээгдсэн тоо : 17

 
Асуултын мэдээлэл

Өмнөх Хулганы товч даралтын боловсруулалт хичээлд асуулт, түүний хариултуудын хувилбарууд, зөв хариултын…

Нээгдсэн тоо : 18

 
Мэдэгдэхгүй бүрдүүлэгчийг…

Нийлбэрт нэмэх үйлдлийн үр дүн мэдэгдэхгүй байхад нийлбэрийг хэрхэн олох аргыг судлан сураад байгаа. Тэгвэл нийлбэрийн нэг бүрдүүлэгч…

Нээгдсэн тоо : 24

 
Ерөнхийлөгдсөн төрлүүд

.NET фреймворк ердийн төрлүүдээс гадна ерөнхийлөгдсөн (generics) төрлүүд болон ерөнхийлөгдсөн аргуудын үүсгэлтийг дэмждэг. Энэхүү боломжийн онцлогийг судлахын өмнө…

Нээгдсэн тоо : 19

 
Баганаар нэмэх

Тоонуудын нэмэх үйлдэл ашигладаг аргачлалуудын талаар авч үзье.

Нэг оронтой тоонуудыг нэмэх

Нэг оронтой…

Нээгдсэн тоо : 28

 
Байгуулагч (Builder)

Бүтээгч (Builder) хэв нь обьект үүсгэх ажиллагааг төрөл бүрийн шатуудад хуваах боломжийг олгосноор түүний үүсгэлтийг хайрцагладаг.

Хэвийг хаана…

Нээгдсэн тоо : 26

 
Нийлбэрт тоо,…

Нийлбэр дэх бүрдүүлэгчдийг нэгтгэн нэмэх дүрэм -ийг үндэслэн дараах хоёр дүрэм гарч ирдэгийг…

Нээгдсэн тоо : 28

 
Энэ долоо хоногт
Бодлого 3.065

тэгшитгэлийг бод.

Нээгдсэн тоо : 1252

 
Бодлого 9.057

AB, CD суурьтай ABCD трапецын талууд AB=30, BC=20, CD=5 ба DA=15 байг.

  1. Трапецын дундаж шугамын урт
  2. Трапецын өндөр
  3. Трапецын талбай

Нээгдсэн тоо : 1354

 
Бодлого 2.098

бол .

Нээгдсэн тоо : 1030

 
© 2014 Зохиогчийн эрхээр хамгаалагдсан. Холбогдох - 96655195