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

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.