کمتر شدن کدهای html

- 4 هفته پیش
توسط سید محمد حسین موسوی آپدیت شد
مهدی رستگار ( 6287 تجربه )
4 هفته پیش

دوستان vue js یه قابلیت داره اونم اینکه میتونی کامپوننت بسازی
حالا سوال من اینه میشه مثلا کدهایhtml بخش header رو توی کامپوننت header تعریف کنیم و هر وقت لازم شد فقط کافیه کامپوننت header رو فراخونی کنیم.
یا یه مثال دیگه میزنم فرض کنیم تو صفحه html چند بار tab panel استفاده کردیم بهتر نیست یه بار tab panel رو به صورت کامپوننت تعریف کنیم و هر جا خواستیم استفاده کنیم؟؟//
به نظرتون اینکار اصولی هست جهت کمتر شدن کدهای html؟؟؟
البته منظورم اینه در حالتیه که فقط اسکریپت رو اضافه کنیم به پروژه نه به صورت rest full api???

بهترین پاسخ انتخاب شده توسط مهدی رستگار
علی بیات
4 هفته پیش

@rm.8968
در نهایت کاربر قسمت رندر شده کار رو می‌بینه .

بله میشه گفت : در SPA ها این مشکل وجود داره و باید از SSR (server-side rendering) استفاده کرد اما یک SPA با صفحه ای که تعداد زیادی کامپوننت داشته باشه فرق میکنه. شما هر تعداد کامپوننت های ویو داشته باشید وقتی که از طریق ویو رندر میشه نهایتا HTML به کاربر بر‌میگردونه.

علی بیات ( 106602 تجربه )
4 هفته پیش

کاملا درسته
حتی اگر بخواهید می‌تونید همه اجزای صفحه رو به کامپوننت تبدیل کنید و این خوبیش اینه که بعد از چند وقت شما مجموعه کاملی از کامپوننت‌های ویو دارید که با کمی تغییر می‌تونید در پروژه های بعدی هم ازشون استفاده کنید و در واقع به سرعت می‌تونید سمت فرانت پروژه رو جمع کنید.

مهدی رستگار ( 6287 تجربه )
4 هفته پیش

@ali.bayat
مهندس جان منظورم تو قسمت rest full api ها نیستا من فقط میخوام اسکریپت vue js رو به پروژه ام اضافه کنم
سوال دوباره من به خاطر اینه که میخوام مطمئن بشم
چون معضلی شده بود واسه خودم مثلا tab panel توی یک پروژه استفاده کرده بودم حالا میخواستم تو پروژه بعدی استفاده کنم باید پروژه قبلی رو باز میکردم و کدهاشو کپی میکردم و دردسرهای خاص خودش کلاساش فرق میکرد و از اینجور چیزا

علی بیات ( 106602 تجربه )
4 هفته پیش

موردی که من برای شما توضیح دادم رو میشه در هر حالت کارکردن با VueJs استفاده کرد. یک کامپوننت ویو مثل یه بخش آماده شده برای این سیستم هست.

بله ۱۰۰ ٪ باید یه سری موارد رو در کلاس ها تغییر بدید اما این تغییر ها به نظرتون ساده تر از نوشتن یه کامپوننت جدید نیست؟ (که تنها قراره بخش های کوچکیش ویرایش بشه)

مهدی رستگار ( 6287 تجربه )
4 هفته پیش

@ali.bayat
واسه سئو بد نیست این حرکت؟؟
چون inspect element تفاوتی مشخص نمیشه بین کدهای html وکدهای vue js که رندر شده به صورت html . ولی view page source میزنیم کدهای vue js مشخصه . به نظرت ایرادی داره؟؟

علی بیات ( 106602 تجربه )
4 هفته پیش

@rm.8968
در نهایت کاربر قسمت رندر شده کار رو می‌بینه .

بله میشه گفت : در SPA ها این مشکل وجود داره و باید از SSR (server-side rendering) استفاده کرد اما یک SPA با صفحه ای که تعداد زیادی کامپوننت داشته باشه فرق میکنه. شما هر تعداد کامپوننت های ویو داشته باشید وقتی که از طریق ویو رندر میشه نهایتا HTML به کاربر بر‌میگردونه.

سید محمد حسین موسوی ( 17513 تجربه )
4 هفته پیش

برای این قضیه دوتا راه حل وجود داره. اولی سمت کلاینت با فریم ورک های جاوا اسکریپتی مثل vue و angular و ... که در موردش صحبت شد و مشکلی که به وجود می یاد همین بحث سئو هست که باید template شما سمت سرور ساخته بشه و در نهایت تبدیل به html بشه تا از لحاظ سئو به مشکل بر نخورید. اما اگر شما با زبان ها و فریم ورک های برنامه نویسی بکند هم آشنا باشی مثل php یا asp یا django و ... اونجا هم می تونی دقیقا همین کار رو انجام بدی هم کار خیلی راحته و هم طبیعتا این مشکل سئو دیگه مطرح نیست. حالا بسته به زبان برنامه نویسی و فریم ورک مورد استفاده اسم های مختلفی داره

برای ارسال پاسخ باید وارد سایت شوید