ഇഷ്ടാനുസൃത നാവിഗേഷൻ

നാവിഗേഷൻ ഇഷ്ടാനുസൃതമാക്കുന്നത് എങ്ങനെയെന്ന് വിശദീകരിക്കാൻ നമുക്ക് ഡെമോ സൈറ്റ് എടുക്കാം i18n-demo.github.io

മുകളിലെ ചിത്രത്തിലെ അക്കമിട്ട പ്രദേശങ്ങളുമായി ബന്ധപ്പെട്ട ഫയലുകൾ ഇപ്രകാരമാണ്:

1. ഇടത് .i18n/htm/t1.pug
2. വലത് .i18n/htm/t2.pug

pug എന്നത് HTML 's സൃഷ്ടിക്കുന്ന ഒരു ടെംപ്ലേറ്റ് ഭാഷയാണ്.

➔ എന്നതിൻ്റെ വ്യാകരണം പഠിക്കാൻ ഇവിടെ ക്ലിക്ക് ചെയ്യുക pug

അന്താരാഷ്ട്രവൽക്കരണം നടപ്പിലാക്കാൻ ഫയലിൽ ഫോർമാറ്റ് സ്ട്രിംഗ് ${I18N.sponsor} ഉപയോഗിക്കുന്നു, കൂടാതെ അതിൻ്റെ ഉള്ളടക്കം ഉറവിട ഭാഷാ ഡയറക്ടറിയിലെ അനുബന്ധ i18n.yml ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കും.

നാവിഗേഷൻ ബാറിൻ്റെ ശൈലിക്ക് അനുയോജ്യമായ ഫയൽ : ആണ് .i18n/htm/topbar.css

[!WARN] pug ൽ css ഉം js എഴുതരുത് , അല്ലെങ്കിൽ ഒരു പിശക് ഉണ്ടാകും.

വെബ് ഘടകങ്ങൾ

js pug ൽ എഴുതാൻ കഴിയില്ല. ഇടപെടൽ ആവശ്യമാണെങ്കിൽ, ഒരു വെബ് ഘടകം സൃഷ്ടിച്ചുകൊണ്ട് അത് നേടാനാകും.

ഘടകങ്ങൾക്ക് ഒരു വെബ് പേജ് ഘടകത്തെ md/.i18n/htm/index.js -ൽ നിർവചിക്കാനും തുടർന്ന് foot.pug -ൽ ഘടകം ഉപയോഗിക്കാനും കഴിയും.

ഇഷ്ടാനുസൃത <x-img> പോലുള്ള വെബ് ഘടകങ്ങൾ സൃഷ്ടിക്കുന്നത് എളുപ്പമാണ്.

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

നിലവിൽ x/i-h.js 18x/src/i-h.js md/.i18n/htm/index.js -ൽ പരാമർശിച്ചിരിക്കുന്നു, ഇത് നാവിഗേഷൻ്റെ അന്തർദേശീയവൽക്കരണത്തിനും ഫൂട്ടർ ഇഷ്ടാനുസൃതമാക്കിയ ഉള്ളടക്ക വാചകത്തിനും ഉപയോഗിക്കുന്ന ഒരു വെബ് ഘടകമാണ്.