如何安裝reframe js

本篇內(nèi)容介紹了“如何安裝reframe js”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

　　Reframe.js的創(chuàng)建

　　它實(shí)際上是由DollarShaveClub創(chuàng)建的，該俱樂(lè)部令人驚訝地具有自己的GitHub頁(yè)面。

　　這也許是網(wǎng)絡(luò)上最簡(jiǎn)單但最有價(jià)值的JS插件之一。

　　Reframe是他們的免費(fèi)插件之一，專(zhuān)門(mén)為需要更簡(jiǎn)單的方式處理響應(yīng)式嵌入式內(nèi)容的開(kāi)發(fā)人員而開(kāi)發(fā)。

　　沒(méi)有CSShacks，使這些元素具有響應(yīng)性是非常困難的。

　　明顯的罪魁禍?zhǔn)资莵?lái)自YouTube和Vimeo等網(wǎng)站的嵌入式視頻。

　　使用Reframe.js，您只需選擇要定位的任何元素，然后使用reframe()函數(shù)對(duì)其進(jìn)行reframe()構(gòu)圖。

　　您可以從GitHub下載副本，并且副本只有1KB。

　　首先將Reframe.js插件添加到您的網(wǎng)頁(yè)。

　　你應(yīng)該準(zhǔn)備好了。

　　加載頁(yè)面和臂桿！

　　然后，您只需向函數(shù)傳遞選擇器即可選擇要重構(gòu)的任何元素。

　　Reframe會(huì)自動(dòng)在其周?chē)砑右粋€(gè)div和class以創(chuàng)建響應(yīng)式樣式。

　　您可以將.video類(lèi).video到嵌入中，并將其用作選擇器。

　　例如，假設(shè)您的網(wǎng)站上嵌入了一些視頻。

　　reframe.js安裝

　　npmireframe.js--save

　　//Yarn

　　yarnaddreframe.js

　　例子

　　reframe('iframe');//WrapalliFramesinthepage

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

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

“如何安裝reframe js”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！