Гэты артыкул з'яўляецца кіраўніцтвам па усталёўцы кода на Фэндоме.
Імпарт CSS на Фэндоме[]
На Фэндоме правіла @import можа эфектыўна імпартаваць некалькі CSS-стыляў для:
- эканоміі прасторы і падвышэння прадукцыйнасці
- чыстага і дакладнага адлюстравання ўсіх элементаў
- паслядоўнай загрузкі і захавання кэша старонак
Разгледзім прыведзеныя ніжэй прыклады.
Прыклады выкарыстання правіла @import[]
Злева паказаны прыклад некалькіх аперацый імпарту з выкарыстаннем класічнага правіла @import. Справа ж вы можаце ўбачыць, як мага з'яднаць іх у адну каманду, якая будзе мінімізаваць памер вашага кода, тым самым павялічваючы прадукцыйнасць:
- Шмат імпартаў — брудна і павольна
-
@import url("/index.php?title=MediaWiki:LocalCSS1.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:LocalCSS2.css&action=raw&ctype=text/css"); @import url("https://dev.fandom.com/index.php?title=MediaWiki:InterWikiCSS.css&action=raw&ctype=text/css"); /* CSS */
- Адзін імпарт — чыста і эфектыўна
-
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css"); /* CSS */
Note: That, however, would not work well for some stylesheets which import other stylesheets in their turn. Those "parent" stylesheets may break if combined with other stylesheets in the same @import statement.
Месцаванне @import на старонках CSS[]
Правілы імпарту CSS павінны быць паказаны напачатку старонкі перад кожным іншым правілам. У адваротным выпадку яны не будуць працаваць. Вось прыклад слушнага месцавання:
- Няправільнае месцаванне
-
/* CSS */ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
- Слушнае месцаванне
-
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css"); /* CSS */
Таксама можна імпартаваць CSS з дапамогай старонак JavaScript праз importArticles (дэталёвей).
Імпарт JavaScript на Фэндоме[]
Аператар importArticles прызначаны для эфектыўнага пакетнага імпарту скрыптоў, каб:
- паскорыць іх працу,
- зрабіць ваш код чысцей,
- з'яднаць некалькі HTTP-запытаў у адзін
- і дазволіць некалькім скрыптам загружацца і выконвацца хутчэй.
Калі вы ўсталёўваеце некалькі розных скрыптоў, у вашым JavaScript, напэўна, назапасіліся непатрэбныя аператары імпарту.
Прыклады выкарыстання importArticles[]
Калі ў вашым JavaScript ёсць некалькі радкоў кода, якія пачынаюцца з importScript, importScriptPage ці importArticles, вы можаце іх з'яднаць! Разгледзім прыведзены ніжэй прыклад. Злева — прыклад таго, як можа выглядаць ваш JavaScript. Справа — як вы можаце палепшыць гэты код.
- Шмат імпартаў — брудна і павольна
-
importScriptPage('Script1.js', 'dev'); importScript('MediaWiki:Script2.js'); importArticle({ type: 'script', article: 'u:dev:Script3/code.js' }); importScriptPage('Page1.js', 'wiki'); importScriptPage('Page2.js', 'wiki');
- Адзін імпарт — чыста і эфектыўна
-
importArticles({ type: 'script', articles: [ 'u:dev:Script1.js', 'MediaWiki:Script2.js', 'u:dev:Script3/code.js', 'u:wiki:Page1.js', 'u:wiki:Page2.js' ] });
Нататкі пра імпарт JavaScript[]
Нататка: у гэтым прыкладзе зверніце ўвагу на месцаванне косак і іншых знакаў прыпынку. Для людзей, якія не знаёмыя з праграмаваннем (і нават для тых, хто знаёмы!), Пашыраная абмыла пры напісанні кода складаецца ў выпадковым выдаленні, забыванні ці няправільным выкарыстанні крытычна важных знакаў, такіх як коскі ці двукоссі. Гэта можа прывесці да сінтаксічнай абмылы, якая парушае структуру кода. Уважліва прытрымвайцеся прыведзенаму тут пагадненню пры выкарыстанні importArticles.
Яшчэ адным метадам з'яўляецца выкарыстанне старонкі MediaWiki:ImportJS для імпарту вашых скрыптоў. Але з importArticles вы зможаце зрабіць значна больш, прыкладам, паказаць патрэбныя налады, чым пры выкарыстанні ImportJS!
HTML і вікі-разметка на Фэндоме[]
Як перамкнуцца ў рэжым выточнага кода і зрабіць ваш код чысцей
Рэжым выточнага кода прызначаны для апрацоўкі складаных HTML-кодаў на старонцы, што дазваляе зменшыць колькасць непажаданага кода, які часам аўтаматычна дадаецца. Рэжым выточнага кода — лепшы спосаб рэдагавання, калі вы скарыстаеце шаблоны ці HTML-тэгі, такія як <span>, <p> і <div>.
Вось трохі карысных рад:
- Калі вы бачыце
у вобласці рэдагавання ў Візуальным рэдактары, ён ставіцца да шаблону ці змесціва з кодам, які не падтрымваецца ці занадта складзены для апрацоўкі ў Візуальным рэдактары. У рэжыме выточнага кода вы ўбачыце гэта якое ўтрымваецца цалкам. - Калі вы бачыце
у вобласці рэдагавання візуальнага рэжыму, гэта ставіцца да каментароў. У выточным рэжыме гэты кантэнт будзе адлюстроўвацца як <!-- -->. - Рухавічок MediaWiki мае адмысловую мову, званы вікі-тэкстам, каб зрабіць рэдагаванне прасцейшым. Гэта мова падтрымваецца ў візуальным рэдактары і не будзе так лёгка ламацца, як HTML.
- Некаторыя HTML-тэгі, такія як
<u>ці<s>, падтрымваюцца ў візуальным рэдактары. - Шаблоны можна рэдагаваць толькі ў рэжыме выточнага кода.
