بچووککەرەوە و جوانکەرەوەی CSSی بەخۆڕایی

چۆن کار دەکات

ئەم ئامرازە تۆکنایزەرێکی CSSی دەستنووس و بەبێ پشتبەستن بەکاردێنێت کە تەواو بە جاڤاسکریپت بنیاتنراوە — بەبێ کتێبخانەی دەرەکی، بانگی سێرڤەر. تۆکنایزەرەکە هەر پیتێک پۆل دەکات وەک کۆد، لێدوان، ڕیزبەندی خاڵدار، یان نرخی url() پێش جێبەجێکردنی هەر گۆڕانکارییەک، کە ڕێگری دەکات یاسای بۆشایی ناوەڕۆکی خاڵدار، لینکی داتا، یان دەقنووسینی calc() تێکبدات.

1. 1
   پاسی تۆکنایزکردن

   CSSی داخڵ پیت-بە-پیت دەپشکنرێت و دابەش دەکرێت بۆ تۆکنی جۆردار: پارچەی کۆدی خاو، لێدوانی /* ... */، ڕیزبەندی خاڵدار (پاراستنی سکێیپی هەڵمەت)، و بلۆکی url(...). ئەمە دڵنیایی دەدات کە گۆڕانکارییەکانی هەنگاوی دواتر تەنها دەقنووسی ڕاستەقینەی CSS دەگرن — هەرگیز ناوەڕۆکی خاڵدار یان لینکی داتا نا.
2. 2
   کورتکردنەوە یان جوانکردن

   لە دۆخی کورتکردنەوەدا، لێدوانی ئاسایی لادەبردرێت (لێدوانی /*! license */ دەمێنێتەوە)، بازداری بۆشایی لەناو تۆکنی کۆددا بۆ یەک بۆشایی کۆدەکرێتەوە، و بۆشاییی نزیک-یاسای دەورەوەی { } : ; , > ~ لادەبردرێت. بۆشایی دەوروبەری + و - بەئاگایانە بەجێدەهێڵدرێت بۆ ڕێگرتن لە شکاندنی دەقنووسینی calc(). لە دۆخی جوانکردندا، کۆدەکە سەرەتا بۆ بنەمایەکی پاک کورتدەکرێتەوە، پاشان دووبارە تۆکنایز و دووبارە ورییکراوەوە دەکرێت بە شوێنکەوتنی قووڵی دوو-بۆشایی و ناسینەوەی دوونوقتەی ڕاگەیاندن بۆ جیاکردنەوەی دوونوقتەی property: value لە دوونوقتەی هەڵبژێردار وەک a:hover.
3. 3
   خەمڵاندنی قەبارەی Gzip

   دوای دروستکردنی دەرچوونەکە، APIی سەرەکی CompressionStreamی وێبگەڕ بەکاردێنرێت بۆ کۆکردنەوەی ئەنجامەکە بە gzip و پێواندنی ژمارەی بایتی دەرکەوتوو. ئەمە خەمڵاندنێکی ڕاستەقینەی قەبارەی گواستنەوە دەبەخشێت هاوتای ئەوەی سێرڤەرێکی وێب بە کۆکردنەوەی gzip بۆ تۆڕەکە دەینێرێت.
4. 4
   کۆپی یان داگرتن

   CSSی پرۆسێسکراو لە ڕێگای APIی Clipboardەوە بۆ کلیپبۆرد دەنووسرێت، یان وەک styles.min.css (دۆخی کورتکردنەوە) یان styles.css (دۆخی جوانکردن) داگیرێت بە بەکارهێنانی Blobیەکی جۆری MIME text/css. ڕێژەی کەمکردنەوەی قەبارە بە زیندووی نیشان دەدرێت هەروەک دەینووسیت.

ئامرازە پەیوەندیدارەکان