สิ่งตีพิมพ์ในหัวข้อ 'front-end-development'


ทรัพยากรการออกแบบส่วนหน้า JavaScript
ฉันได้รวบรวมรายการเครื่องมือ/คุณสมบัติที่น่าสนใจสำหรับการออกแบบ JavaScript ส่วนหน้า ชุดทรัพยากรนี้เตรียมไว้สำหรับโปรเจ็กต์ Flatiron MOD3 ของฉัน ซึ่งฉันพยายามสร้างความท้าทายโค้ด 1v1 แบบสดใน Vanilla JS ลิงก์อาจมีเอกสารประกอบและตัวอย่าง กรอบงานการออกแบบ : กรอบงานภาพที่สมบูรณ์ Bootstrap 4 : ชุดเครื่องมือโอเพ่นซอร์สสำหรับการพัฒนาด้วย HTML, CSS และ JavaScript กล่อง CSS Flex : อนุญาตให้องค์ประกอบที่ตอบสนองภายในคอนเทนเนอร์จัดเรียงโดยอัตโนมัติตามขนาดหน้าจอ ฝึกซ้อมกับเกม เอกสาร..

วิธีที่เราใช้ React เพื่อช่วยปรับปรุงประสิทธิภาพของทีมผลิตภัณฑ์ของเรา
หนึ่งในที่รักของครอบครัว Palatinate Tech คือ "การเดินทางเล่นกอล์ฟของคุณ"; เว็บไซต์ที่เชี่ยวชาญเรื่องการเล่นกอล์ฟในช่วงวันหยุดในสหราชอาณาจักรและทั่วโลก เรามุ่งเน้นที่จะนำเสนอราคาที่ทันสมัยและข้อมูลที่เกี่ยวข้องทั้งหมดที่ผู้ใช้จำเป็นต้องใช้ในการตัดสินใจว่าจะไปเที่ยวที่ไหนในช่วงวันหยุด ความท้าทายประการหนึ่งที่เราเผชิญเมื่อเร็วๆ นี้ก็คือจำนวนแพ็กเกจที่ไม่ได้โหลดแบบไดนามิก แต่กลับกลายเป็นฮาร์ดโค้ด (ฮาร์ดโค้ด!) ลงในหน้าเว็บหลายสิบหน้าทั่วทั้งไซต์..

JTBAWB(XI): .__proto__ กับ .prototype ใน JS
2021/4/17 วันเสาร์ที่ 11 มาดูคุณสมบัติทั้งสองที่คล้ายกัน แต่แตกต่างกันออกไปข้างหน้า จากข้อมูลของ MDN ดูเหมือนว่า __proto__ แทบจะไม่ได้รับการแนะนำและไม่ได้เป็นมาตรฐานเว็บที่เกี่ยวข้องอีกต่อไป คุณลักษณะนี้ยังคงใช้งานอยู่เพื่อวัตถุประสงค์ด้านความเข้ากันได้เท่านั้น

ถึงเวลาที่คุณจะต้องเรียนรู้ Webpack แล้ว
ฉันใช้ Webpack ฉันเคยใช้มันใน create-react-app (CRA) ผ่าน react-scripts และในโปรเจ็กต์อื่นๆ ที่มีการตั้งค่าการกำหนดค่าแบบกำหนดเองก่อนที่ฉันจะลงมือใช้งาน แต่ฉันไม่รู้จริงๆว่ามันทำงานอย่างไร ฉันดูการกำหนดค่า ฉันเข้าใจแนวคิดเบื้องหลัง แต่ฉันไม่เคยเขียนการกำหนดค่า Webpack หรือพยายามตั้งค่าของตัวเองเลย นั่นคือสิ่งที่บทความนี้จะเกี่ยวกับ เปลี่ยนจากการไม่มีการกำหนดค่าไปสู่การตั้งค่าการทำงานพื้นฐานที่จะรวม HTML , CSS และ Javascript..

ทำหน้าที่เป็นความเสี่ยงในการโทรกลับ
สวัสดีทุกคน 🐾 บทความนี้เป็นบทสรุปของบทความ Jake Archibald's (Software Engineer ที่ Google) เรื่อง “ อย่าใช้ฟังก์ชันต่างๆ เป็นการเรียกกลับเว้นแต่ว่าฟังก์ชันเหล่านั้นจะได้รับการออกแบบมาโดยเฉพาะ ” ซึ่งโพสต์เมื่อวันที่ 29 มกราคม 2021 บทความนี้กล่าวถึงประเด็นของการใช้ฟังก์ชันต่างๆ เนื่องจากการเรียกกลับอาจทำให้เราพบกับพฤติกรรม/เอาต์พุตที่ไม่คาดคิดซึ่งแตกต่างไปจากที่เราคาดไว้ ให้เราดูว่ามันจะเกิดขึ้นได้อย่างไร เพื่อไม่ให้เป็นการเสียเวลา มาเริ่มกันเลย 🏃‍♂️ 🦺 การใช้งานที่ปลอดภัย..

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

คุณต้องทำเช่นนี้ในฐานะนักพัฒนา JavaScript
โปรดลบโฟลเดอร์โมดูลโหนดของคุณ จากสถานการณ์ที่โชคร้าย แล็ปท็อปของฉันเกือบจะหมดอายุการใช้งานแล้ว ฉันจำเป็นต้องสำรองข้อมูลไฟล์การเขียนโปรแกรมก่อนที่สถานการณ์จะแย่ลง ขณะทำเช่นนั้น ฉันก็ตระหนักได้ถึงบางสิ่งบางอย่างและหวังว่าทุกคนควรทำแบบฝึกหัดนี้เป็นครั้งคราว สแต็กของโมดูลโหนดและการขึ้นต่อกันจำนวนมากอย่างเหลือเชื่อ การเริ่มต้นโปรเจ็กต์โหนดใดๆ เกี่ยวข้องกับการดาวน์โหลดการขึ้นต่อกันมากมาย สำหรับโปรเจ็กต์ API ขนาดเล็กเช่นกัน..