การเล่นตลกเกี่ยวกับอาชญากรที่ต้องการซึ่งคุณสามารถพิมพ์บนหัวจดหมายที่ระบุทุกคนที่คุณรู้จัก
ตัวอย่างนี้ช่วยให้คุณเข้าใจหรือระลึกถึงหลักการขององค์ประกอบเว็บ บางทีคุณอาจค้นหาข้อมูลใหม่เกี่ยวกับองค์ประกอบเว็บหรือวิธีการพิมพ์โดยตรงจากเว็บเบราว์เซอร์
คุณจะเรียกใช้มันได้อย่างไร
วิธีที่ง่ายที่สุดในการเรียกใช้ตัวอย่างคือทำใน Stackblitz เพียงแค่เลือกสแต็กของคุณ:
- วิ่งบน stackblitz โดยใช้ Angular
- ทำงานบน stackblitz โดยใช้ React
- ทำงานในเบราว์เซอร์มือถือ
หากคุณต้องการดำดิ่งลงในรหัสให้ใช้ WebPack Dev Server ภายในตัวอย่างผ่าน npm i && npm start
สิ่งที่ต้องการฉันชี้
- คุณสามารถใช้อินสแตนซ์ขององค์ประกอบเว็บเพื่อทำงานโดยตรงกับคุณสมบัติและวิธีการของมัน สะดวกกว่าใช้แอตทริบิวต์สตริงและกิจกรรม DOM
- ใช้ *.D.TS TypeScript File เพื่ออธิบายอินเทอร์เฟซขององค์ประกอบเว็บของคุณในแพ็คเกจ
- ใช่ส่วนประกอบเว็บสามารถมีอิทธิพลต่อ DOM ทั้งหมดของหน้าเว็บหลังจากการโทรเชื่อมต่อกับการโทร ใช้ด้วยความระมัดระวัง ในตัวอย่างนี้มันได้ทำเป็นข้อยกเว้นของปกติ
- นี่เป็นตัวอย่างที่ดีที่สถาปัตยกรรม "Plug and Play" ซึ่งเป็นชุดสูทที่แข็งแกร่งของเว็บ printwantedform ไม่จำเป็นต้องมีการตั้งค่าเพิ่มเติมสำหรับการพิมพ์ คุณต้องใช้วิธีการโทร ()
- JS ดั้งเดิมทำให้ฉันทำงานได้ยากด้วยการโหลดแบบฟอนต์ของ Google และพอดีกับเนื้อหาทั้งหมดในหน้าพิมพ์เดียวโดยไม่คำนึงถึงการนับจำนวนคำ
- มันไม่ยากที่จะยอมแพ้การพึ่งพาและทำแพ็คเกจเล็กน้อย
- คุณสามารถใช้วิธีการ render () สำหรับการพิมพ์ด้วยตัวเอง ตัวอย่างเช่นคุณสามารถสร้าง PDF บนฝั่งเซิร์ฟเวอร์โดยใช้ Puppeteer บางทีมันอาจเป็นวิธีที่ยาก แต่คุณจะต้องแน่ใจว่าได้ผลลัพธ์ที่คาดหวัง
ฉันหวังว่าตัวอย่างนี้จะเป็นประโยชน์กับคุณ!