ภารกิจกอบกู้จักรวาลด้วย JavaScript

ในตอนของสัปดาห์นี้

โปรแกรมทำงานของบริการกดปุ่ม Firefox Nightly, เคล็ดลับ DevTools ประจำวันในกล่องจดหมายของคุณ, แก้ไขข้อบกพร่องของ IE ใน Chrome, การใช้ Flexbox สำหรับ RWD, ช่วยบันทึกจักรวาลด้วย JavaScript 1K และเครื่องกำเนิดไฟฟ้ากำลังทำงานสำหรับ IE และ Spartan

DEVTOOLS รายวัน

เพิ่มความรวดเร็วให้กับกระบวนการทำงานด้วยเคล็ดลับที่มีประโยชน์เหล่านี้ที่ส่งตรงถึงกล่องจดหมายของคุณทุกวัน Umar Hansa สาธิตเคล็ดลับในการใช้เครื่องมือสำหรับนักพัฒนาเว็บ 1 ครั้งต่อวันในรูปแบบ GIF แบบเคลื่อนไหว ตัวอย่างเช่น การข้ามไปยังหมายเลขบรรทัดในแผงแหล่งที่มา และการเล่นคำขอเครือข่ายซ้ำใน cURL

https://www.google.com/url?q=https%3A%2F%2Fumaar.com%2Fdev-tips%2F&sa=D&sntz=1&usg=AFQjCNGgWKnyERWpWflwl-7sk6qV4gngmg

แก้ไขข้อบกพร่อง IE ใน Chrome

จะเป็นอย่างไรถ้าคุณสามารถดีบัก Internet Explorer ใน Chrome ได้ ซึ่งเป็นโอเพนซอร์สโดยทีม IE เมื่อเร็วๆ นี้ อะแดปเตอร์การวินิจฉัย IE เป็นบริดจ์ที่ช่วยให้ Internet Explorer สามารถสื่อสารกับโปรโตคอลการแก้ไขข้อบกพร่องจากระยะไกลของ Chrome ได้ แม้ว่าโปรเจ็กต์นี้ยังเป็นการทดสอบ แต่ก็ช่วยให้คุณสามารถแก้ไขข้อบกพร่องของสคริปต์เบื้องต้นได้และทีมวางแผนที่จะพอร์ตไปยัง Spartan ในอนาคตอันใกล้

http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for-third-party-developer-tools.aspx

ผู้ปฏิบัติงานบริการ

การสร้างประสบการณ์แบบออฟไลน์อาจทำได้ง่ายขึ้นเนื่องจากโปรแกรมทำงานของบริการได้เข้ามาใช้ Firefox Nightly จากข้อกำหนดของ W3C โปรแกรมทำงานของบริการช่วยให้นักพัฒนาซอฟต์แวร์สามารถควบคุมหน้าเว็บได้มากขึ้น ซึ่งช่วยให้สามารถเปลี่ยนเส้นทางคำขอของเครือข่าย แสดงทรัพยากรจากแคช และส่งข้อความ Push ได้ โปรแกรมทำงานของบริการได้ดำเนินการจัดส่งใน Chrome แล้ว และทีมงานของ Firefox ประมาณการว่าอาจมีการนำโปรแกรมทำงานของบริการมาใช้ในเวอร์ชัน 41

https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly

http://www.w3.org/TR/service-workers/

https://jakearchibald.com/2014/offline-cookbook/

FLEXBOX สำหรับ RWD

ปรับปรุงเว็บไซต์ด้วย Flexbox เพื่อปรับปรุงเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์ Zoe Gillenwater ผู้พัฒนาได้อธิบายวิธีใช้ Flexbox เป็นการเพิ่มประสิทธิภาพแบบต่อเนื่องนอกเหนือจากเว็บไซต์ที่ต้องรองรับเบราว์เซอร์รุ่นเก่าด้วย นอกจากนี้ คุณยังสามารถใช้สไลด์ที่ครอบคลุมเป็นข้อมูลสรุปเพื่อช่วยให้จำคุณสมบัติของ Flexbox ได้มากมาย

https://vimeo.com/124796320

http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference

การแข่งขัน JS1K

คุณจะสามารถระเบิดเอเลี่ยนได้กี่ตัวด้วย JavaScript แค่ 1 พันตัว เพลง "Defender" ของ Keith Clark เป็นผู้ชนะการแข่งขัน JS1K ของปีนี้ ผู้แข่งขันจะได้รับมอบหมายให้สร้างประสบการณ์ที่น่าสนใจโดยใช้ JS ขนาด 1024 ไบต์ การชิงโชคของปีนี้มีทั้งการนั่งรถไฟรางเดี่ยว Mystery Monorail และรถไฟเหาะที่หาทางไม่ได้

http://js1k.com/2015-hypetrain/demo/2306

http://js1k.com/2015-hypetrain/demo/2322

http://js1k.com/2015-hypetrain/demo/2364

เครื่องกำเนิดไฟฟ้าในไอร์แลนด์/สปาร์ตัน

Callback อาจไม่ใช่เรื่องง่ายอีกต่อไป เนื่องจากทีม IE ได้ประกาศไปว่าโปรแกรมสร้างกระแสอยู่ระหว่างการพัฒนา เครื่องกำเนิดไฟฟ้าซึ่งเป็นส่วนหนึ่งของ ES6 เป็นฟังก์ชันพิเศษที่สามารถหยุดชั่วคราวและกลับมาทำงานอีกครั้งในภายหลัง ซึ่งช่วยให้คุณเขียนโค้ดแบบอะซิงโครนัสได้พร้อมกัน เครื่องกำเนิดไฟฟ้ากำลังจัดส่งใน Chrome และ Firefox แล้ว และขณะนี้กำลังอยู่ระหว่างการพัฒนาใน Safari

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators

https://www.youtube.com/watch?v=rT-1ZxhjzBw

https://www.chromestatus.com/features/4959347197083648

ภาพสเก็ตช์ 3 มิติ โดย Jason

http://codepen.io/loktar00/full/DphFg/

วงแหวน 18/100 เฟสรายวัน 6 ด้าน

http://codepen.io/sixsided/full/qEeEYm/

การกระจายแบบเกาส์เซียนด้วยฟิสิกส์โดย Frank Dumont

http://codepen.io/fdumont/full/CvdDI/

รวมเนื้อหาคล้ายๆ กัน PARTICLES OF MATTER โดย Abhijit Hota

http://codepen.io/XDBoy018/full/JodWKN/

บอกให้เรารู้ว่าคุณคิดอย่างไรบน Twitter #LazyWebShow