A fejlesztők gyakran felváltva használják a „könyvtár” és a „keret” kifejezéseket. De van különbség.

A keretrendszerek és a könyvtárak is mások által írt kódok, amelyek a gyakori problémák megoldására szolgálnak.

Tegyük fel például, hogy van olyan programja, ahol a húrokkal való munkát tervezi. Úgy dönt, hogy megőrzi a kódot DRY (ne ismételje meg magát), és néhány újrafelhasználható funkciót ír, például ezeket:

function getWords(str) { const words = str.split(' '); return words; } function createSentence(words) { const sentence = words.join(' '); return sentence; }

Gratulálunk. Létrehozott egy könyvtárat.

Nincs semmi varázslat a keretrendszerben vagy a könyvtárban. A könyvtárak és a keretrendszerek is újrafelhasználható kódok, amelyeket valaki más írt. Céljuk, hogy segítsenek a gyakori problémák könnyebb megoldásában.

Gyakran használok házat metaforaként a webfejlesztési koncepciókhoz.

A könyvtár olyan, mint az Ikeába járni. Már van otthona, de szüksége van egy kis segítségre a bútorokkal kapcsolatban. Nincs kedve a semmiből saját asztalt készíteni. Az Ikea lehetővé teszi, hogy különféle dolgokat válogathasson otthonában. Te irányítasz.

A keretrendszer viszont olyan, mint egy minta otthon építése. Van egy sor tervrajz és néhány korlátozott választási lehetőség az építészet és a tervezés terén. Végül a vállalkozó és a terv ellenőrzi. És tájékoztatni fogják Önt arról, hogy mikor és hol adhatja meg a bevitelt.

A technikai különbség

A keretrendszer és a könyvtár közötti technikai különbség a vezérlés inverziójának nevezett kifejezésben rejlik.

When you use a library, you are in charge of the flow of the application. You are choosing when and where to call the library. When you use a framework, the framework is in charge of the flow. It provides some places for you to plug in your code, but it calls the code you plugged in as needed.

Let’s look at an example using jQuery (a library) and Vue.js (a framework).

Imagine we want to display an error message when an error is present. In our example, we will click a button, and pretend an error occurs.

With jQuery:

// index.html