Cód JavaScriptLink to this heading#

Stíl an chódLink to this heading#

• Comhlíonadh leis an stíl ionghabhála a ordaítear sa chomhad .editorconfig. Molaimid eagarthóir téacs a úsáid le tacaíocht EditorConfig chun saincheisteanna insint agus spás bán a sheachaint. Úsáideann an chuid is mó de na comhaid JavaScript 4 spás le haghaidh ionbhrú, ach tá roinnt eisceachtaí ann.

• Agus athróga á ainmniú agat, bain úsáid as camelcase in ionad underscore_case. Uaireanta úsáideann comhaid éagsúla JavaScript stíl chód difriúil. Déan iarracht cloí le stíl chód gach comhad le do thoil.

• Úsáid an linter cód `eSlint `_ chun do chód a sheiceáil le haghaidh fabhtanna agus earráidí stíl. Reáchtálfar eSlint nuair a reáchtáil tú na tástálacha JavaScript. Molamar freisin breiseán eSlint a shuiteáil i d'eagarthóir téacs.

• Nuair is féidir, scríobh cód a oibreoidh fiú má athraítear struchtúr an leathanaigh níos déanaí le JavaScript. Mar shampla, nuair a bhíonn láimhseálaí cliceála á cheangal agat, bain úsáid as $ ('body') .on ('click', roghnóir, func) ``in ionad ``$ (roghnóir) .click (func). Fágann sé seo go bhfuil sé níos éasca do thionscadail iompar réamhshocraithe Django a leathnú le JavaScript.

Paistí JavaScriptLink to this heading#

Giarálann córas riaracháin Django creat jQuery chun cumais an chomhéadain riaracháin a mhéadú. I gcomhar, tá béim ar fheidhmíocht riaracháin JavaScript agus méid foriomlán comhad meán riaracháin a íoslaghdú.

Tástálacha JavaScriptLink to this heading#

Is féidir tástálacha JavaScript Django a reáchtáil i mbrabhsálaí nó ón líne ordaithe. Tá na tástálacha suite in eolaire barrleibhéil: source: js_tests.

QUnit.module('magicTricks', {
    beforeEach: function() {
        const $ = django.jQuery;
        $('#qunit-fixture').append('<button class="button"></button>');
    }
});

QUnit.test('removeOnClick removes button on click', function(assert) {
    const $ = django.jQuery;
    removeOnClick('.button');
    assert.equal($('.button').length, 1);
    $('.button').click();
    assert.equal($('.button').length, 0);
});

QUnit.test('copyOnClick adds button on click', function(assert) {
    const $ = django.jQuery;
    copyOnClick('.button');
    assert.equal($('.button').length, 1);
    $('.button').click();
    assert.equal($('.button').length, 2);
});

$ npm install

...\> npm install

$ npm test

...\> npm test