applecake.js یه کتابخونه ی باحال

اول از همه باید بگم که من دیگه تو اکانت قبلیم(m.alavimajd) فعالیتی ندارم و از این به بعد تو این اکانت می نویسم .

خب من تصمیم گرفتم که یه کتابخانه ی js بسازم که بتونیم با استفاده از اون تو جاوااسکریپت , یه سرس المنت های تو html رو render کنم


مثال:

اگه کد html شما این باشه:

<html lang=&quoten&quot>
<head>
  <meta charset=&quotutf-8&quot>
  <title>Hello world</title>
  <meta name=&quotdescription&quot content=&quotlearn applecake.js&quot>
  <meta name=&quotauthor&quot content=&quotapplecake&quot>
  <link rel=&quotstylesheet&quot href=&quotcss/styles.css&quot>
</head>
<body>
  <div id=&quotmain&quot>
    <!--applecake.js will be rendered here-->
  </div>
    <script src=&quotdist/applecake1.0.0.js&quot>
  	<script src=&quotrender.js&quot>
</body>
</html>

خب همون طور که میبینید یه فایل render.js و applecake.js داریم . چون applecake.js بالاتره همه ی تابع ها و متغیر ها و … رو میشه تو render.js استفاده کرد ( فایل applecake.js در واقع فایلی هستش که کل محتویات applecake در اون هستش)

و در render.js :

Render(
&quotmain&quot ,
`
<h1>hello world</h1>
`


خب اینجا Render در واقع یک تابع ای هستش درون applecake.js که کارش نمایش دادن یه کد html درون یک id تو خود فایل html هستش

نتیجه :

‍‍‍<div id=&quotmain&quot>
<h1>hello world</h1>
</div>

البته این فقط بخشی از applecake بود و قابلیت های دیگری مانند IdManager و IDselector و ... داره

لینک گیتهاب : لینک

لطفا ما رو با star ها و issue ها و PR هاتون خوشحال کنید