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 هاتون خوشحال کنید

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

منطق عجیبه جاوااسکیریپت

ساخت ربات تلگرام - قسمت اول

چرا طراحی سایت ریسپانسیو؟