Download, configuration, and HelloWorld of "ratchet" Ratchet2.0.2

Ratchet This thing is often criticized, said its components are not enough, many things need to write their own, but this is also the advantage of it, because it is entirely based on basic HTML and JavaScript, you can use the most basic HTML on the mobile to write their own desired things, saying that they are not updated for a long time, is also its advantage, mainly stability. If you need to build a lightweight mobile website, then consider using Ratchet2.0.2, which can replace complex jquerymobile in the interface, "Jquerymobile" HelloWorld and page switching (click to open the link). At the same time the most critical point, and no one asked you to only use a framework to write the site, you can completely mix a variety of frameworks, with Ratchet2.0.2 frame, and then with the Amazeui components, see "Amazeui" Amazeui download, Configuration and HelloWorld " (Click to open the link), with jquerymobile action, see "Jquerymobile" use jquerymobile to achieve the effect of sliding page (click to open the link).

1, first open Ratchet's official website (click Open link), directly click the Download button, you can download.

2, decompression ratchet-2.0.2zip get the following things, the Dist folder under the Css,fonts,js placed in your mobile phone site folder inside.

3. After creating a new helloworld.html, the directory structure is as follows:

4. Write the following code in helloworld.html:

<!        DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "HTTP://WWW.W3.ORG/TR/HTML4/STRICT.DTD" >
5, then with Google Browser, wild Fox Zen, such as the browser with a mobile phone page debugging function, basically point F12 key out, open this page, the effect is as follows, and"Jquerymobile" HelloWorld and the page switch  ( Click to open the link ), just move the mobile application interface to the Web page, the only difference is that the Ratchet2.0.2 layout is much simpler. 

Download, configuration, and HelloWorld of "ratchet" Ratchet2.0.2