Sebuah lelucon tentang penjahat yang dapat Anda cetak pada kop surat yang menentukan siapa pun yang Anda kenal.
Contoh ini membantu Anda memahami atau mengingat prinsip komponen web. Mungkin Anda dapat mengetahui beberapa komponen web baru atau cara untuk mencetak langsung dari browser web.
Bagaimana Anda bisa menjalankannya
Cara termudah untuk menjalankan contoh adalah melakukannya di StackBlitz. Pilih saja tumpukan Anda:
- Jalankan Stackblitz Menggunakan Angular
- Jalankan di StackBlitz menggunakan React
- Jalankan di browser seluler
Jika Anda ingin menyelami kode, gunakan server webpack dev di dalam contoh melalui npm i && npm start
Apa yang ingin saya maksudkan
- Anda dapat menggunakan instance komponen web untuk langsung bekerja dengan sifat dan metodenya. Ini lebih nyaman daripada menggunakan atribut string dan acara DOM.
- Gunakan *.d.ts File TypeScript untuk menjelaskan antarmuka komponen web Anda dalam paket.
- Ya, komponen web dapat memengaruhi seluruh DOM halaman web setelah panggilan ConnectedCallback. Gunakan dengan hati -hati. Dalam contoh ini telah dilakukan sebagai pengecualian untuk normal.
- Ini adalah contoh yang baik arsitektur "plug and play" yang merupakan setelan kuat komponen web. PrintwantedForm tidak memerlukan pengaturan lebih lanjut untuk dicetak. Anda hanya perlu call print () metode.
- JS asli memungkinkan saya membuat pekerjaan yang sulit dengan beban async dari google font dan memasukkan seluruh konten ke dalam satu halaman cetak terlepas dari jumlah kata.
- Tidak sulit untuk melepaskan ketergantungan dan membuat paket kecil.
- Anda dapat menggunakan metode render () untuk cetakan sendiri. Misalnya, Anda dapat menghasilkan PDF di sisi server menggunakan dalang. Mungkin itu cara yang sulit tetapi Anda pasti akan hasil yang diharapkan.
Saya harap contoh ini akan berguna bagi Anda!
