Nalutas: Handa na ang dokumento ng javascript vanilla

Ang pangunahing problema sa Document ready javascript vanilla ay hindi nito sinasamantala ang pinakabagong mga pamantayan sa web. Maaari nitong gawing luma na ang mga website at maaaring maging mahirap na panatilihin ang mga ito.

$(document).ready(function() {
  // code goes here
});

Ang code na ito ay gumagamit ng jQuery upang lumikha ng isang function na tatakbo kapag handa na ang dokumento. Madalas itong ginagamit upang matiyak na ang lahat ng elemento ng HTML ay na-load bago patakbuhin ang anumang JavaScript code.

Ckecks

Ang Ckecks ay isang library para sa pag-verify ng kawastuhan ng JavaScript code. Nagbibigay ito ng simple at maigsi na syntax para sa pagpapahayag ng mga tseke, pati na rin ang iba't ibang mga utility upang gawing mas madali ang checking code.

Haligi

Sa JavaScript, mayroong dalawang uri ng mga column: mga layout na nakabatay sa column at mga layout ng grid. Ang mga layout na nakabatay sa column ay nakabatay sa ideya ng paghahati ng pahina sa mga column at pagtatalaga ng nilalaman sa bawat column. Ang mga layout ng grid, sa kabilang banda, ay gumagamit ng isang grid system upang mag-layout ng nilalaman sa isang pahina.

Ang mga layout na nakabatay sa column ay mas karaniwan sa mga web application, habang ang mga layout ng grid ay mas karaniwan sa mga application sa pag-print. Gayunpaman, ang parehong mga uri ng mga layout ay maaaring gamitin sa mga web application at pag-print ng mga application.

Para gumawa ng column-based na layout sa JavaScript, kailangan mo munang gumawa ng array ng mga object na kumakatawan sa mga column sa iyong page. Ang bawat bagay sa array ay dapat magkaroon ng mga sumusunod na katangian:

pangalan : Ang pangalan ng column.

: Ang pangalan ng column. lapad : Ang lapad ng column sa mga pixel.

: Ang lapad ng column sa mga pixel. taas : Ang taas ng column sa mga pixel.

Susunod, kailangan mong lumikha ng isang halimbawa ng ColumnLayout , na hahawak sa paglalaan ng espasyo para sa bawat column at pag-render ng nilalaman dito. Magagawa mo ito sa pamamagitan ng pagpasa ng hanay ng mga bagay na kumakatawan sa iyong mga column sa ColumnLayout constructor:

Kundisyon

Mayroong ilang karaniwang kundisyon sa JavaScript na kailangan mong malaman.

Ang una ay ang kung pahayag. Binibigyang-daan ka ng pahayag na ito na subukan ang isang kundisyon at, kung totoo ito, isagawa ang code sa loob ng block. Ang syntax para sa isang if statement ay ang mga sumusunod:

if (kondisyon) { // Code to execute }

Ang pangalawang kundisyon na kailangan mong malaman ay ang habang pahayag. Ang pahayag na ito ay gumagana sa isang katulad na paraan sa kung pahayag, ngunit ito ay patuloy na execute ang code sa loob ng block hanggang sa ang kundisyon ay hindi na totoo. Ang syntax para sa isang habang pahayag ay ang mga sumusunod:

while (kondisyon) { // Code to execute }

Kaugnay na mga post:

Mag-iwan ng komento