ברוכים הבאים לפרק הראשון של סיכום חודשי שמראה מה קורה בצוות הסביבה העסקית של מפתחי האינטרנט✨
אנחנו צוות של מהנדסים וגורמי תקשורת שמפיקים מאמרים ודוגמאות קוד כמו יסודות האינטרנט של האתר הזה והפורטל החדש שלנו web.dev. אפשר גם להמשיך את העבודה שלנו בערוץ ה-YouTube שלנו, ואל תשכחו לעקוב אחרינו ב-@ChromiumDev :)
חודש פברואר הוא חודש קצר, אבל התכנים שלנו בהחלט לא קצרים. נתחיל עם גרסאות גדולות מהצוות.
פריטי תוכן
Workbox
חברת Workbox 4.0 הושקה ממש לפני כמה ימים.🎉workbox-window אם אתם כבר משתמשים בתיבת העבודה, תוכלו לעיין במדריך להעברת נתונים (מיגרציה) בין v3 ל-v4.
רוצים לדעת איך אפשר להשתמש ב-Workbox בפרויקט הקיים? ריכזנו כאן מדריך לשימוש בהם עם חבילות תוכנה לבחירתכם.
לא בטוח איזו תיבת עבודה של עבודה עוזרת לפתור? ראו את הריאיון עם Service Workers בתוכנית State of the Web.
lit-html ו-LitElement
הצוות בפרויקט הפולימר עבד על הפצה יציבה של lit-html ו-LitElement – שתי ספריות של הדור הבא לפיתוח אתרים. רוצה לנסות אותם? כדאי להתחיל עם המדריך אני רוצה לנסות את LitElement 📝
פעילויות אינטרנט מהימנות
עם השקת גרסה 72 של Chrome, הפעילות באינטרנט המהימנה (TWA) נכנסה לשוק! ב-TWA, אפשר להציג את Chrome במסך מלא בתוך פעילות ב-Android. כלומר, אפשר להעביר את תוכן האינטרנט שלך ל-app-sphereֵ מילים. כדאי לעיין במדריך לתחילת העבודה או לקרוא איך @svenbudak הגדיר את PWA בחנות Google Play
המאמרים הבאים
בקרוב נשיק גרסה יציבה של Chrome 73 (12 במרץ), יש לנו המון תכונות מלהיבות!
V8 – מנוע ה-JavaScript של Chrome כולל כמה עדכונים, כולל Object.fromEntries ו-String.prototype.matchAll. כדאי לקרוא את נתוני הגרסה v8.
עובדים עם אודיו ווידאו באינטרנט? התמיכה במקשי מדיה לחומרה כבר כאן, והאפשרות 'דילוג על המודעה' במצב 'תמונה בתוך תמונה' נמצאת עכשיו בגרסת המקור לניסיון! למידע נוסף, כדאי לעיין במאמר עדכוני אודיו/וידאו ב-Chrome 73.
ואם כבר מדברים על גרסת מקור לניסיון, התכוננו לעדיפות אחזור עם עדיפות אחזור – מפתחים יכולים להגדיר את החשיבות של רכיבי <script>, <img> או <link> כדי לתת לדפדפן איך לטעון אותם. התכונה עדיין ניסיונית, אז אנחנו מזמינים אותך לנסות ולשלוח משוב!
ביצועי הרינדור הם תמיד בראש סדר העדיפויות שלנו. ב-Chrome 73 wheel ו-mousewheel מאזינים שרשומים ביעדי הבסיס (חלון, מסמך או גוף) יהיו מאזינים פסיביים כברירת מחדל, ומספקים גלילה מהירה באמצעות גלגלים כברירת מחדל.
אנחנו גאים להכיר את התכונות החדשות, ורצינו גם להיפרד לשלום, לכן חשוב לבדוק גם את המוציאים משימוש וההסרות של Chrome 73.
פיתוח חדש
הנה עוד כמה דברים שעבדנו עליהם, שיראו את הדפדפן בסביבה שלך.
כדי למנוע ביצוע של יצירת סקריפטים חוצי-אתרים, אנחנו מפתחים API חדש בשם סוגים מהימנים. אם תבחרו להצטרף לסוגים מהימנים (דרך Content Security Policy), המסמך יינעל מהחדרת DOM. אנחנו פועלים כדי לספק עוד דוגמאות לקוד ומדריכים בנושא, אבל בינתיים כדאי לקרוא עוד על סוגים מהימנים כדי להתנסות בהם.
לחיצה על הלחצן 'קדימה ואחורה' ב-Chrome עשויה להיות מהירה מאוד! אנחנו בודקים מטמון חדש לדף הקודם/הבא שישמור במטמון דפים בזיכרון כשהמשתמש יוצא. כדאי לקרוא את ההסבר ואת האב טיפוס של המטמון לדף הקודם/הבא בפוסט הזה.
לסיום, IntersectionViewr v2 מציג את הרעיון של מעקב אחר 'חשיפה' של יעד בפועל.
מה אנחנו מתכננים לעשות
העבודה שלנו לא מסתיימת בתכונות הדפדפן! אנחנו בוחנים גם את הביצועים של אפליקציות אינטרנט, בונים אפליקציות אינטרנט וחושבים על דרכים שונות לעזור למפתחי אינטרנט בכל מקום. אלה כמה מהדברים שביצענו החודש.
- עיבוד באינטרנט
- קביעת עדיפויות ל-JavaScript ב-Chrome
- איסור על ייבוא גדול של פרויקטים מפרויקטים של JavaScript
- יעד לשיתוף אינטרנט של קבצים
- החלפת נתיב חם ב-JavaScript של האפליקציה באמצעות WebAssembly
- גיליונות סגנונות ניתנים לבנייה: סגנונות חלקים לשימוש חוזר
- תגובה הדרגתית
- בעיות בביצועים של דף האינטרנט
סרטונים ופודקאסטים חדשים
מרטין מתחיל סדרה חדשה בשם JavaScript SEO. הפרק הראשון עוסק באיך החיפוש ב-Google מוסיף אתרי JavaScript לאינדקס! מגין הציגה לאחרונה השתקפויות בפרויקט web.dev במפגש. ג'ייק וסורמה חזרו עם פרק חדש בפודקאסט HTTP203 שעוסק בניסוי של סבב תמונות.
יש לנו גם תוכניות קבועות כמו "New in Chrome" , "What's New in DevTools" (מה חדש בכלי הפיתוח) ו-The State of the Web בערוץ שלנו ב-YouTube.
תודה מיוחדת
ראית את דוגמאות של בובות תיאטרון? אולי כבר ראית את זה מהציוץ של אריק בידלמן "📯The 12 Days of Puppeteer 🤹🏻 ♂️🎁" בשנה שעברה. זה אוסף מדהים של דוגמאות קוד של Puppeteer, שמאפשרים לך לחשוב בצורה יצירתית על מה שאפשר לעשות בדפדפן. כדאי לך לראות אותם!
(בהצלחה לפרויקט החדש אריק! נתגעגע!)
סיכום
מה דעתך על הסיכום החודשי הראשון? אם נהנית מהעדכון או שיש לך רעיונות לשיפור, אשמח לדעת ב-Twitter @kosamari ✅
אם פיתחתם משהו חדש באמצעות תכונות שהוצגו כאן או שיניתם משהו ב-codebase על סמך המאמרים שלנו, חשוב להודיע לנו על כך בכתובת @ChromiumDev.
בחודש מרץ, חלק מאיתנו יצאו להודו כדי לשמוע עוד על חוויית השימוש באינטרנט לנייד ✈️ נשמח לשתף את מה שלמדנו שם!
נתראה בחודש הבא👋