کامپوننت ها بلوک های سازنده برنامه های کاربردی وب مدرن هستند. هنگام ساختن اجزای خود چه بهترین شیوه ها را باید رعایت کنید تا بتوانند در آزمون زمان مقاومت کنند؟ کامپوننت ها بلوک های سازنده برنامه های کاربردی وب مدرن هستند. هنگام ساختن اجزای خود چه بهترین شیوه ها را باید رعایت کنید تا بتوانند در آزمون زمان مقاومت کنند؟
عناصر سفارشی
عناصر سفارشی به توسعه دهندگان این امکان را می دهد که HTML را گسترش دهند و برچسب های خود را ایجاد کنند. از آنجا که عناصر سفارشی مبتنی بر استاندارد هستند، از مدل اجزای داخلی وب بهره می برند. نتیجه کد ماژولار بیشتری است که می تواند در زمینه های مختلف مورد استفاده مجدد قرار گیرد. بیشتر بدانید
سایه DOM
Shadow DOM یک استاندارد وب است که سبک اجزا و محصورسازی نشانه گذاری را ارائه می دهد. این یک بخش بسیار مهم از داستان Web Components است زیرا تضمین می کند که یک مؤلفه در هر محیطی کار می کند حتی اگر CSS یا جاوا اسکریپت دیگری در صفحه وجود داشته باشد. بیشتر بدانید
بهترین شیوه ها
از آنجایی که عناصر سفارشی و سایه DOM ابتداییهای سطح پایین هستند، همیشه مشخص نیست که چگونه میتوان آنها را به بهترین نحو ترکیب کرد تا مؤلفهای قوی و در بسیاری از محیطهای مختلف به خوبی کار کند. در حالی که شما واقعاً می توانید تقریباً هر کاری را با این API ها انجام دهید، در اینجا چند روش برتر وجود دارد که به شما کمک می کند اطمینان حاصل کنید که اجزای شما در هر مکانی به خوبی کار می کنند. بیشتر بدانید
مثال ها
HowTo-Components مجموعهای از عناصر هستند که بهترین شیوههای Custom Element و Shadow DOM را نشان میدهند. این عناصر برای استفاده در تولید در نظر گرفته نشدهاند، بلکه بهعنوان یک کمک آموزشی برای کمک به ترسیم بهترین پیشنهادات عملی به پیادهسازی واقعی ارائه میشوند. بیشتر بدانید
تاریخ آخرین بهروزرسانی 2017-08-14 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2017-08-14 بهوقت ساعت هماهنگ جهانی."],[],[]]