HTML5 Mobile Development Guide (note Summary)

Source: Internet
Author: User

  1. Viewport:<meta name= "viewport" content= "width=device-width,initial-scale=1,user-scalable=0"/>
    1. Grammar is too damned, a bunch of dwarfish people ~!
    2. is the default width of the Apple Safari mobile browser 980px? Who thought about this crap design? The default should not be the device width, and then allow the user to zoom?
    3. Why doesn't the site allow user scaling? No, it's a pinch gesture operation.
    4. Imagine that the viewport width is less than the actual width of the device, and in this case is the scaling of the font vector scaled? Where's the picture? The former seems to be possible, the latter is not possible, only pixel interpolation
  2. The core of
  3. jquery Mobile is a bunch of dataset properties?
    1. First, the design that binds the Data-xxx attribute to the custom style behavior does not seem to care how the JS code is implemented, but the feeling is still not flexible enough, in fact jsp/ Jstl is no different from the dataset in the design.
    2. Considering the need to rely on additional library files and a bunch of CSS picture resources for using jquery Mobile, of course , if the cache is not a problem, but if possible, try to use native code to write better
    3. The essence of grid layout is to use DIV+CSS to do grid Layout, the original table element is used to do this, there is a precision problem: if the width of each column is not an integer, there may actually be a problem
    4. p161 It's interesting to see "Installed" on a Web page: How do I install a JS control into my browser? (Leveraging Web caching technology)
  4. sencha Touch = ext.js + JQTouch + Raphael?
    1. ext.lib.component xtype
    2. note ext's some weird abbreviation style: Cls Tpl ...
    3. The use of
    4. ext is basically a bunch of JSON-style configuration code, style configuration, data source configuration, and so on
    5. carousel: UI components that can be toggled by sliding gestures
    6. overlays (note that these UIs are specific how to use no care, just pay attention to its naming conventions)
    7. about date selection controls: Now the style is basically based on the Apple iOS design style of the year, month, day absolute choice of positioning, can you make a based on the current + relative time positioning of the fuzzy selection control? For example, "Now + 3 weeks later + closest to the last one weeks five"?
      1. I think I can apply for a UI patent for this design!
    8. x
  5. PhoneGap
    1. is Xcode integrated with PhoneGap? That's a good one.
    2. Accelerometer acceleration sensor?
    3. Compass Compass?? How is this azimuth information combined with the placement of the mobile screen?
    4. * Detect network status with Connection object-This can be used to do automatic flow control switching function
    5. File object: HTML5 file API does not see how to be widely used, but if you use PG to achieve a peer-to download software ...
    6. Capture: Media capture (slightly)

HTML5 Mobile Development Guide (note Summary)

Related Article

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.