内容简介: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
以上所述就是小编给大家介绍的《
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Python 3学习笔记(上卷)
雨痕 / 电子工业出版社 / 2018-1 / 89
经过9 年的发展,Python 3 生态已相当成熟。无论是语言进化、解释器性能提升,还是第三方支持,都是如此。随着Python 2.7 EOF 日趋临近,迁移到Python 3 的各种障碍也被逐一剔除。是时候在新环境下学习或工作了。 人们常说Python 简单易学,但这是以封装和隐藏复杂体系为代价的。仅阅读语言规范很难深入,亦无从发挥其应有能力,易学难精才是常态。《Python 3学习笔记(......一起来看看 《Python 3学习笔记(上卷)》 这本书的介绍吧!