Une farce sur le criminel recherché que vous pouvez imprimer sur le papier à en-tête spécifiant toute personne que vous connaissez.
Cet exemple vous aide à comprendre ou à rappeler le principe des composants Web. Peut-être que vous pouvez en savoir plus sur les composants Web ou les moyens d'imprimer directement à partir des navigateurs Web.
Comment pouvez-vous l'exécuter
La façon la plus simple d'exécuter l'exemple est de le faire dans le Stackblitz. Choisissez simplement votre pile:
- Exécutez sur stackblitz en utilisant Angular
- Exécutez sur stackblitz en utilisant React
- Exécuter dans des navigateurs mobiles
Si vous souhaitez plonger dans le code, utilisez le serveur de développement Webpack à l'intérieur de l'exemple via npm i && npm start
Ce que je veux que je pointe
- Vous pouvez utiliser l'instance de composant Web pour fonctionner directement avec ses propriétés et méthodes. Il est plus pratique que d'utiliser des attributs de chaîne et des événements DOM.
- Utilisez * .d.ts Fichier TypeScript pour décrire l'interface de votre composant Web dans le package.
- Oui, le composant Web peut influencer l'ensemble de la page Web après l'appel ConnectedCallback Method. Utilisez-le avec prudence. Dans cet exemple, il a fait pour exception à la normale.
- Ceci est un bon exemple d'une architecture "plug and play" qui est la combinaison solide du composant Web. Le printwantedform ne nécessite pas d'autres réglages pour imprimer. Vous devez simplement appeler la méthode print ().
- Native JS m'a permis de faire du travail difficile avec une charge asynchrone de polices Google et de s'intégrer à un contenu entier dans une page d'impression indépendamment du compte de mots.
- Il n'est pas difficile d'abandonner les dépendances et de faire un petit package.
- Vous pouvez utiliser la méthode Render () pour l'imprimé vous-même. Par exemple, vous pouvez générer du PDF côté serveur à l'aide de marionnettiste. Peut-être que c'est difficile, mais vous serez sûr de l'issue attendue.
J'espère que cet exemple vous sera utile!