Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how to install reframe js". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The creation of Reframe.js

It was actually created by DollarShaveClub, a club that surprisingly has its own GitHub page.

This is probably one of the simplest but most valuable JS plug-ins on the web.

Reframe is one of their free plug-ins designed for developers who need an easier way to deal with responsive embedded content.

Without CSShacks, it is very difficult to make these elements responsive.

The obvious culprit is embedded video from websites such as YouTube and Vimeo.

With Reframe.js, you simply select any element you want to locate, and then use the reframe () function to reframe () composition it.

You can download a copy from GitHub, and the copy is only 1KB.

First add the Reframe.js plug-in to your web page.

You should be ready.

Load the page and arm!

You can then simply pass a selector to the function to select any element to be refactored.

Reframe automatically adds a div and class around it to create responsive styles.

You can embed the .video class .video and use it as a selector.

For example, suppose you have some videos embedded on your website.

Reframe.js installation

Npmireframe.js--save

/ / Yarn

Yarnaddreframe.js

Exampl

Reframe ('iframe'); / / WrapalliFramesinthepage

Reframe (document.getElementById ('my-frame')); / / PassaDOMelement

Reframe (document.querySelectorAll ('.my-targets')) / / Passalivenodelist

This is the end of "how to install reframe js". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.