FANDOM


Гэты артыкул з'яўляецца кіраўніцтвам па усталёўцы кода на Фэндоме.

Імпарт CSS на Фэндоме

На Фэндоме правіла @import можа эфектыўна імпартаваць некалькі CSS-стыляў для:

  • эканоміі прасторы і падвышэння прадукцыйнасці
  • чыстага і дакладнага адлюстравання ўсіх элементаў
  • паслядоўнай загрузкі і захавання кэша старонак

Разгледзім прыведзеныя ніжэй прыклады.

Прыклады выкарыстання правіла @import

Злева паказаны прыклад некалькіх аперацый імпарту з выкарыстаннем класічнага правіла @import. Справа ж вы можаце ўбачыць, як мага з'яднаць іх у адну каманду, якая будзе мінімізаваць памер вашага кода, тым самым павялічваючы прадукцыйнасць:

Шмат імпартаў — брудна і павольна

  1. @import url("/index.php?title=MediaWiki:LocalCSS1.css&action=raw&ctype=text/css");
  2. @import url("/index.php?title=MediaWiki:LocalCSS2.css&action=raw&ctype=text/css");
  3. @import url("https://dev.fandom.com/index.php?title=MediaWiki:InterWikiCSS.css&action=raw&ctype=text/css");
  4. /* CSS */

Адзін імпарт — чыста і эфектыўна

  1. @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
  2. /* CSS */

Месцаванне @import на старонках CSS

Правілы імпарту CSS павінны быць паказаны напачатку старонкі перад кожным іншым правілам. У адваротным выпадку яны не будуць працаваць. Вось прыклад слушнага месцавання:

Няправільнае месцаванне

  1. /* CSS */
  2. @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");

Слушнае месцаванне

  1. @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
  2. /* CSS */

Таксама можна імпартаваць CSS з дапамогай старонак JavaScript праз importArticles (дэталёвей).

Імпарт JavaScript на Фэндоме

Аператар importArticles прызначаны для эфектыўнага пакетнага імпарту скрыптоў, каб:

  • паскорыць іх працу,
  • зрабіць ваш код чысцей,
  • з'яднаць некалькі HTTP-запытаў у адзін
  • і дазволіць некалькім скрыптам загружацца і выконвацца хутчэй.

Калі вы ўсталёўваеце некалькі розных скрыптоў, у вашым JavaScript, напэўна, назапасіліся непатрэбныя аператары імпарту.

Прыклады выкарыстання importArticles

Калі ў вашым JavaScript ёсць некалькі радкоў кода, якія пачынаюцца з importScript, importScriptPage ці importArticles, вы можаце іх з'яднаць! Разгледзім прыведзены ніжэй прыклад. Злева — прыклад таго, як можа выглядаць ваш JavaScript. Справа — як вы можаце палепшыць гэты код.

Шмат імпартаў — брудна і павольна

  1. importScriptPage('Script1.js', 'dev');
  2. importScript('MediaWiki:Script2.js');
  3. importArticle({
  4.   type: 'script',
  5.   article: 'u:dev:Script3/code.js'
  6. });
  7. importScriptPage('Page1.js', 'wiki');
  8. importScriptPage('Page2.js', 'wiki');

Адзін імпарт — чыста і эфектыўна

  1. importArticles({
  2.     type: 'script',
  3.     articles: [
  4.         'u:dev:Script1.js',
  5.         'MediaWiki:Script2.js',
  6.         'u:dev:Script3/code.js',
  7.         'u:wiki:Page1.js',
  8.         'u:wiki:Page2.js'
  9.     ]
  10. });

Нататкі пра імпарт JavaScript

Нататка: у гэтым прыкладзе зверніце ўвагу на месцаванне косак і іншых знакаў прыпынку. Для людзей, якія не знаёмыя з праграмаваннем (і нават для тых, хто знаёмы!), Пашыраная абмыла пры напісанні кода складаецца ў выпадковым выдаленні, забыванні ці няправільным выкарыстанні крытычна важных знакаў, такіх як коскі ці двукоссі. Гэта можа прывесці да сінтаксічнай абмылы, якая парушае структуру кода. Уважліва прытрымвайцеся прыведзенаму тут пагадненню пры выкарыстанні importArticles.

Яшчэ адным метадам з'яўляецца выкарыстанне старонкі MediaWiki:ImportJS для імпарту вашых скрыптоў. Але з importArticles вы зможаце зрабіць значна больш, прыкладам, паказаць патрэбныя налады, чым пры выкарыстанні ImportJS!

HTML і вікі-разметка на Фэндоме

Location Source

Як перамкнуцца ў рэжым выточнага кода і зрабіць ваш код чысцей

Рэжым выточнага кода прызначаны для апрацоўкі складаных HTML-кодаў на старонцы, што дазваляе зменшыць колькасць непажаданага кода, які часам аўтаматычна дадаецца. Рэжым выточнага кода — лепшы спосаб рэдагавання, калі вы скарыстаеце шаблоны ці HTML-тэгі, такія як <span>, <p> і <div>.

Вось трохі карысных рад:

  • Калі вы бачыце Double Brackets Icon у вобласці рэдагавання ў Візуальным рэдактары, ён ставіцца да шаблону ці змесціва з кодам, які не падтрымваецца ці занадта складзены для апрацоўкі ў Візуальным рэдактары. У рэжыме выточнага кода вы ўбачыце гэта якое ўтрымваецца цалкам.
  • Калі вы бачыце Comment Icon у вобласці рэдагавання візуальнага рэжыму, гэта ставіцца да каментароў. У выточным рэжыме гэты кантэнт будзе адлюстроўвацца як <!-- -->.
  • Рухавічок MediaWiki мае адмысловую мову, званы вікі-тэкстам, каб зрабіць рэдагаванне прасцейшым. Гэта мова падтрымваецца ў візуальным рэдактары і не будзе так лёгка ламацца, як HTML.
  • Некаторыя HTML-тэгі, такія як <u> ці <s>, падтрымваюцца ў візуальным рэдактары.
  • Вы таксама можаце ўвайсці ў рэжым выточнага кода пры стварэнні ці адказе на тэмы ў форуме ці пры выкарыстанні сцены абмеркавання, пстрыкнуўшы Comment Source Modus у вобласці рэдагавання.
  • Шаблоны можна рэдагаваць толькі ў рэжыме выточнага кода.

Гл. таксама

Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+