당신이 아는 사람을 지정하는 레터 헤드에 인쇄 할 수있는 Wanted 범죄에 대한 장난.
이 예는 웹 경쟁자의 원칙을 이해하거나 기억하는 데 도움이됩니다. 웹 브라우저에서 직접 인쇄하는 웹 구성 요소에 대한 새로운 정보를 찾을 수 있습니다.
어떻게 실행할 수 있습니까?
예제를 실행하는 가장 쉬운 방법은 Stackblitz에서 수행하는 것입니다. 스택을 선택하십시오.
- Angular를 사용하여 Stackblitz에서 실행하십시오
- React를 사용하여 Stackblitz에서 실행하십시오
- 모바일 브라우저에서 실행됩니다
코드로 다이빙하려면 npm i && npm start 통해 예제 내부의 Webpack Dev 서버를 사용하십시오.
내가 원하는 것
- 웹 구성 요소 인스턴스를 사용하여 속성 및 방법으로 직접 작동 할 수 있습니다. 문자열 속성 및 DOM 이벤트를 사용하는 것보다 더 편리합니다.
- *.d.ts TypeScript 파일을 사용하여 패키지에서 웹 구성 요소의 인터페이스를 설명합니다.
- 예, 웹 구성 요소는 ConnectedCallback 메소드 호출 후 웹 페이지의 전체 DOM에 영향을 줄 수 있습니다. 주의해서 사용하십시오. 이 예에서는 정상에 대한 예외로 수행되었습니다.
- 이것은 웹 구성 요소 강력한 양복 인 "플러그 앤 플레이"아키텍처의 좋은 예입니다. printwantedform은 인쇄에 대한 추가 설정이 필요하지 않습니다. Call Print () 메소드 만 있으면됩니다.
- Native JS는 Google 글꼴의 비동기로드로 어려운 작업을 만들었고 단어 수에 관계없이 전체 내용을 하나의 인쇄 페이지에 맞추 었습니다.
- 종속성을 포기하고 약간의 패키지를 만드는 것은 어렵지 않습니다.
- 인쇄 직접 Render () 메소드를 사용할 수 있습니다. 예를 들어, 인형극을 사용하여 서버 측에서 PDF를 생성 할 수 있습니다. 어쩌면 어려운 방법 일지 모르지만 예상 결과를 얻을 수 있습니다.
이 예제가 당신에게 유용하기를 바랍니다!
