内容简介:A web component which enhances user experience by lazy loading iframes and providing a better fallback user interface
<lite-iframe />
A web component which enhances user experience by lazy loading iframes and providing a better fallback user interface
View Demo · Report Bug · Request Feature
About The Project
Built With
Getting Started
To get a local copy up and running follow these simple steps.
- Install NPM packages
npm install lite-iframe
- Include the
lite-iframecomponent file in your project root.
import 'lite-iframe';
OR
- You can include unpkg CDN link in the project file.
<script src="https://unpkg.com/lite-iframe@0.2.0/dist/lite-iframe.esm.js" type="module" ></script>
Usage
You can use lite-iframe like normal iframe.
<!-- Codepen --> <lite-iframe scrolling="no" title="Piccalilli CSS Utility — Issue #2 — Full bleed utility" src="//codepen.io/andybelldesign/embed/Nmxrwv/?height=300&theme-id=dark&default-tab=css,result" frameborder="no" allowtransparency="true" allowfullscreen="true" > </lite-iframe> <!-- Youtube --> <lite-iframe type="youtube" src="https://www.youtube.com/embed/lzQyH-nX0u0" ></lite-iframe>
For live example, please see the demo
Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated .
git checkout -b feature/AmazingFeature git commit -m 'Add some AmazingFeature' git push origin feature/AmazingFeature
License
Distributed under the MIT License. See LICENSE for more information.
Contact
Annamalai Saravanan - @asvny_
Project Link: https://github.com/asvny/lite-iframe
Acknowledgements
以上所述就是小编给大家介绍的《
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
程序设计方法(中文版)
Matthias Fellisen / 黄林鹏、朱崇恺 / 人民邮电出版社 / 2003-12 / 49.00元
《程序设计方法》以Scheme语言为基础介绍计算和程序设计的一般理论和实践。《程序设计方法》由8个部分和7个独立的章节(第8、13、18、24、29、33、38章)组成。8个部分主要讨论程序设计,独立章节则介绍一些与程序设计和计算相关的话题。《程序设计方法》第1至第3部分介绍了基于数据驱动的程序设计基础。第4部分介绍了程序设计中的抽象问题。第5部分和第6部分是与递归及累积相关的内容。《程序设计方法......一起来看看 《程序设计方法(中文版)》 这本书的介绍吧!