-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathindex.html
More file actions
4 lines (4 loc) · 17.3 KB
/
index.html
File metadata and controls
4 lines (4 loc) · 17.3 KB
1
2
3
4
<!doctype html><html lang=en dir=ltr class="plugin-pages plugin-id-default" data-has-hydrated=false><head><meta charset=UTF-8><meta name=generator content="Docusaurus v3.9.2"><title data-rh=true>InversifyJS docs | InversifyJS</title><meta data-rh=true name=viewport content="width=device-width, initial-scale=1.0"/><meta data-rh=true name=twitter:card content=summary_large_image /><meta data-rh=true property=og:url content=https://inversify.github.io/ /><meta data-rh=true property=og:locale content=en /><meta data-rh=true property=og:locale:alternate content=zh_CN /><meta data-rh=true name=docusaurus_locale content=en /><meta data-rh=true name=docusaurus_tag content=default /><meta data-rh=true name=docsearch:language content=en /><meta data-rh=true name=docsearch:docusaurus_tag content=default /><meta data-rh=true property=og:title content="InversifyJS docs | InversifyJS"/><meta data-rh=true name=description content="InversifyJS documentation pages"/><meta data-rh=true property=og:description content="InversifyJS documentation pages"/><link data-rh=true rel=icon href=/img/favicon.ico /><link data-rh=true rel=canonical href=https://inversify.github.io/ /><link data-rh=true rel=alternate href=https://inversify.github.io/ hreflang=en /><link data-rh=true rel=alternate href=https://inversify.github.io/zh/ hreflang=zh-CN /><link data-rh=true rel=alternate href=https://inversify.github.io/ hreflang=x-default /><link data-rh=true rel=preconnect href=https://FJYVAGM6L7-dsn.algolia.net crossorigin=anonymous /><script data-rh=true>document.addEventListener("DOMContentLoaded",function(){void 0===window.docusaurus&&insertBanner()});function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container",n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/</span> (default value)</p>\n <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname;e.innerHTML="/"===s.substr(-1)?s:s+"/"}</script><link rel=alternate type=application/rss+xml href=/blog/rss.xml title="InversifyJS RSS Feed"><link rel=alternate type=application/atom+xml href=/blog/atom.xml title="InversifyJS Atom Feed"><link rel=search type=application/opensearchdescription+xml title=InversifyJS href=/opensearch.xml><link rel=stylesheet href=/assets/css/styles.07d07b5c.css /><script src=/assets/js/runtime~main.8bac300e.js defer></script><script src=/assets/js/main.7d911ae9.js defer></script></head><body class=navigation-with-keyboard><svg style="display: none;"><defs>
<symbol id=theme-svg-external-link viewBox="0 0 24 24"><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
</defs></svg>
<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id=__docusaurus><link rel=preload as=image href=/img/logo.svg /><link rel=preload as=image href=/assets/images/ts-7b64d9ca208b9c3f7055998de6866fb1.png /><link rel=preload as=image href=/assets/images/js-9f5fe44b92504ec4f2c3bab50221bcc3.png /><link rel=preload as=image href=/assets/images/plug-ed6eff3911ab24cbdc22444c76eccc7b.jpg /><div role=region aria-label="Skip to main content"><a class=skipToContent_JveB href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><div class="theme-announcement-bar announcementBar_W89S" role=banner><div class=announcementBarPlaceholder_w51R></div><div class="content_K2iS announcementBarContent_IgDd"><a target=_blank rel="noopener noreferrer" href=/blog/announcing-inversify-8-0-0/>InversifyJS 8 is out! 🎉️</a></div><button type=button aria-label=Close class="clean-btn close closeButton_Kw1a announcementBarClose_bnYl"><svg viewBox="0 0 15 15" width=14 height=14><g stroke=currentColor stroke-width=3.1><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"/></g></svg></button></div><nav aria-label=Main class="theme-layout-navbar navbar navbar--fixed-top"><div class=navbar__inner><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/><div class=navbar__logo><img src=/img/logo.svg alt=InversifyJS class="themedComponent_iSp5 themedComponent--light_dTP9"/><img src=/img/logo.svg alt=InversifyJS class="themedComponent_iSp5 themedComponent--dark_nEqz"/></div><b class="navbar__title text--truncate">InversifyJS</b></a><div class="navbar__item dropdown dropdown--hoverable"><a href=# aria-haspopup=true aria-expanded=false role=button class=navbar__link><svg viewBox="0 0 24 24" width=20 height=20 aria-hidden=true class=iconLanguage_sIn4><path fill=currentColor d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"/></svg>English</a><ul class=dropdown__menu><li><a href=/ target=_self rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang=en>English</a><li><a href=/zh/ target=_self rel="noopener noreferrer" class=dropdown__link lang=zh-CN>简体中文</a></ul></div><a class="navbar__item navbar__link" href=/docs/introduction/getting-started/>Tutorial</a><a class="navbar__item navbar__link" href=/blog/>Blog</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class=navbar__link aria-haspopup=true aria-expanded=false role=button href=/docs/introduction/getting-started/>8.x</a><ul class=dropdown__menu><li><a class=dropdown__link href=/docs/next/introduction/getting-started/>Next</a><li><a class=dropdown__link href=/docs/introduction/getting-started/>8.x</a><li><a class=dropdown__link href=/docs/7.x/introduction/getting-started/>7.x</a><li><a class=dropdown__link href=/docs/6.x/introduction/getting-started/>6.x</a></ul></div><a href=https://github.com/inversify/monorepo target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width=13.5 height=13.5 aria-label="(opens in new tab)" class=iconExternalLink_pBWw><use href=#theme-svg-external-link /></svg></a><div class="toggle_nU9A colorModeToggle_Kzvh"><button class="clean-btn toggleButton_Yn_B toggleButtonDisabled_GxaZ" type=button disabled title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_EA88 lightToggleIcon_EG8u"><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_EA88 darkToggleIcon_jXjF"><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_EA88 systemToggleIcon_wQWb"><path fill=currentColor d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"/></svg></button></div><div class=navbarSearchContainer_VQ9i><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Meta+k)" aria-keyshortcuts=Meta+k><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 24 24" aria-hidden=true><circle cx=11 cy=11 r=8 stroke=currentColor fill=none stroke-width=1.4 /><path d="m21 21-4.3-4.3" stroke=currentColor fill=none stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="theme-layout-main main-wrapper mainWrapper_JGsw"><header class="hero hero--primary heroBanner_c70D"><div class=container><h1 class=hero__title>InversifyJS</h1><p class=hero__subtitle>A powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript<div class=buttons_lHLg><a class="button button--secondary button--lg" href=/docs/introduction/getting-started/>Quick Start</a></div></div></header><main><section class=features_t9lD><div class=container><div class=row><div class="col col--4"><div class=text--center><img class=featureSvg_GfXr src=/assets/images/ts-7b64d9ca208b9c3f7055998de6866fb1.png /></div><div class="text--center padding-horiz--md"><h3>Strongly Typed</h3><p>InversifyJS is powered by TypeScript. TypeScript enable JavaScript developers to use highly-productive development tools and practices when developing JavaScript applications.</div></div><div class="col col--4"><div class=text--center><img class=featureSvg_GfXr src=/assets/images/js-9f5fe44b92504ec4f2c3bab50221bcc3.png /></div><div class="text--center padding-horiz--md"><h3>Universal</h3><p>InversifyJS compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 2022 (or newer)</div></div><div class="col col--4"><div class=text--center><img class=featureSvg_GfXr src=/assets/images/plug-ed6eff3911ab24cbdc22444c76eccc7b.jpg /></div><div class="text--center padding-horiz--md"><h3>Pluggable</h3><p>Inversifyjs is framework-agnostic and has been designed to in a way that makes possible its integration with popular frameworks and libraries like hapi, express, react or backbone.</div></div></div></div></section><div class=sponsorsContainer_Uy62><h2 class=sponsorsTitle_YrwS>Sponsors</h2><p class=sponsorsSubtitle_FPJf>We are incredibly grateful for the support of our sponsors. Every contribution helps us maintain and improve InversifyJS.</p><object data=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODAwIDE0MyIgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxNDMiPgo8IS0tIEdlbmVyYXRlZCBieSBodHRwczovL2dpdGh1Yi5jb20vYW50ZnUvc3BvbnNvcnNraXQgLS0+CjxzdHlsZT4KdGV4dCB7CiAgZm9udC13ZWlnaHQ6IDMwMDsKICBmb250LXNpemU6IDE0cHg7CiAgZmlsbDogIzc3Nzc3NzsKICBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCBSb2JvdG8sIE94eWdlbiwgVWJ1bnR1LCBDYW50YXJlbGwsICdPcGVuIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOwp9Ci5zcG9uc29ya2l0LWxpbmsgewogIGN1cnNvcjogcG9pbnRlcjsKfQouc3BvbnNvcmtpdC10aWVyLXRpdGxlIHsKICBmb250LXdlaWdodDogNTAwOwogIGZvbnQtc2l6ZTogMjBweDsKfQo8L3N0eWxlPgo8dGV4dCB4PSI0MDAiIHk9IjQwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBjbGFzcz0ic3BvbnNvcmtpdC10aWVyLXRpdGxlIj5Ccm9uemUgU3BvbnNvcnM8L3RleHQ+PGEgaHJlZj0iaHR0cHM6Ly9naXRodWIuY29tL2pvc2h1YXdoZWVsb2NrIiBjbGFzcz0ic3BvbnNvcmtpdC1saW5rIiB0YXJnZXQ9Il9ibGFuayIgaWQ9Impvc2h1YXdoZWVsb2NrIj4KICAKICA8Y2xpcFBhdGggaWQ9ImM0YTZjMzEiPgogICAgPHJlY3QgeD0iMzgwIiB5PSI2NSIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIHJ5PSIyMCIgLz4KICA8L2NsaXBQYXRoPgogIDxpbWFnZSB4PSIzODAiIHk9IjY1IiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGhyZWY9ImRhdGE6aW1hZ2Uvd2VicDtiYXNlNjQsVWtsR1JyWUNBQUJYUlVKUVZsQTRJS29DQUFBd0RnQ2RBU295QURJQVBtMHVrMGFrSXFHaExCSzh5SUFOaVdrQUU5dFZybHNvTW10bERWbFpuY3ErY1FJMERrOWN6YVVTMDltc1dBTWlBaG9CcXVkUTFmWVhlVWtDWm9VRGVmU3Q0M0pSUjhNQldMK2pmVW1KVmV2TldlNG8rbGRjM3pYTi9jQnVhaHdLTVdNN05ERzFvSjduS0VjRDdPMDMwQUQrL3pvbGxiZzI2ZjFDcWdiRmEwUXhqeHJXUUZpYk1kQlJPb2doZGIrb1E5dEYzOWVwMzNHZll4ajVubnVzZ0k5QklSeXlFUXVsUS85MitNMDVqcUdwYXBXYjBOaU9jOFBwandKYi9aRWZuekgyTlBOZk9HcS9RdVNqVTl3Mkp4bFRmMG9UYlA5WjNZVVRLcEsxUVNJNlJybjJhT29LdEt6bXZRcHgraHZTd1VHWEV0U0I4TTlaeU04YzJwTzVxczJMUU5UNW84TjFQV0g4bHgyRTNqQkhZVlZxRy9XOVZtcU9DMFNhMG8zek9mS1hZMHc0OUFQeGZacGE3aFMxYmVLOUFiY0RuQng1bjZBSXlHQnFLRGE2K20wZDEwZHJ5WEMzL1hUWW9oRnRhbEdKSlRleEJ1YWl1MitzdnNzQUR3VDcrTXFoVmdKQ2lQYlcwSUVNMEh1b0g2eGRIV1ZIYUZaVEFDL0JoYzZTNGJhZjJpSEJTVFovUGN6K2VMK1RrKzRudmh5OFFibnlNNEJTdHkzS3BrV0hmdnlTOUszdlJqN3d4cHp0RzY1QWVYNVdPNUtZQ0t2YWJJUVYyRCtCdTluekxEaXpaSGowSjNZQlFIT0RjK1ppcmU1OXBmbUxvRVRYM0l0S0l0bzJLZGhJTlRuejBReGpIajZ5WGpZNjd4TFo1eGRJYmJNWmYwVzZxMjNUcERXWTU4U2oyaWpaZTd1andua2pvYmEzS2F2OUlndGRwS1I1VzNiSGRGelVUdWpYOTg1T2greEJNZ0Rod0djZmNPS2p4RW8wRElaQ1Y4MzlBNFNweGhaMFVpa05zejg1YnljWjF3bFVJU0JvYmlpWEduZE9IT3pzVk5Oc1E3M0hxMVhmbWRTbFVxQ20rMExCSCtXVjM3Skd6KzNJYXdqc1d2YVZyTGtRWHlvdUFraXRTVDVOYTM5T3FXVFpNYmVJOCtiQUpXWWlZMU9WbW5GOGd0SEFBQUFBIiBjbGlwLXBhdGg9InVybCgjYzRhNmMzMSkiLz4KPC9hPgo8L3N2Zz4K type=image/svg+xml aria-label=Sponsors class=sponsorsObject_YDyX></object></div></main><div class=fixedBottomContainer_EZnL><button class=closeButton_uOq7 aria-label=Close><span></span></button><section class=frameworkBanner_vNfe><div class=bannerContent_iTKs><button class=accordionButton_QGCb aria-expanded=false><div class=accordionHeader_UoNS><div class=bannerBadge_rTVR><span class=pulse_T902></span>NEW</div><div class=accordionHeaderContent_aEf5><span class=bannerTitle_eleP><span class=titleFull_XGkw>🚀 Introducing InversifyJS Framework</span><span class=titleMobile_AwyE>Framework</span></span></div><span></span></div></button><div class=accordionContent_irhg><p class=bannerDescription_SPrA>Take your dependency injection to the next level with our new framework! Build modern web applications with built-in support for HTTP, routing, and more.<div class=bannerButtons_UOZC><div class=buttonContainer_jyGP><a href=https://inversify.io/framework/ rel="noopener noreferrer" class=documentationButton_Sex6><span class=buttonText_NSOW>Explore Framework</span><span class=buttonIcon_fV4z>📖</span><div class=shimmer_GGMR></div></a></div></div></div></div></section></div></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class=footer__title>Docs</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/introduction/getting-started/>Tutorial</a></ul></div><div class="theme-layout-footer-column col footer__col"><div class=footer__title>Community</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://discord.gg/jXcMagAPnm target=_blank rel="noopener noreferrer" class=footer__link-item>Discord<svg width=13.5 height=13.5 aria-label="(opens in new tab)" class=iconExternalLink_pBWw><use href=#theme-svg-external-link /></svg></a></ul></div><div class="theme-layout-footer-column col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/blog/>Blog</a><li class=footer__item><a href=https://github.com/inversify/monorepo target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-label="(opens in new tab)" class=iconExternalLink_pBWw><use href=#theme-svg-external-link /></svg></a></ul></div></div></div></footer></div></body>