Mobile development experience and client development experience

Mobile development experience and client development experience
1. There is input or textarea in fixed in iOS. If you enter text in the fixed and trigger the keyboard, the fixed container will be displayed in the center, instead of suspending the fixed. Solution: http://dwz.cn/crwnz2?mobile terminal clicktime 300msdelay. js or Baidu touch. js or fastclick. the touch issue of js3 and zepto: the swipe event is not supported by low-end mobile phones such as Xiaomi 1, basically without zepto4 or Baidu touch. js through touch. on bind event, but click will encounter a point through the problem, that is, the parent Level Trigger, sub level trigger solution: download the latest version of touch address: http://touch.code.baidu.com/through the latest API ev. originEvent. preventDefault (); touchend or touchstar can be used to solve the point-through problem written by Weiqiang's blog, but do you have to consider whether the user has a sliding screen? This button event will be triggered when the finger just hits this button or just leaves the button, so this method is not reasonable, it is often triggered only by clicking, not by clicking it. 5. The select drop-down box is highly problematic. The display style of the mobile phone is different. The height of the option List displayed in the QQ browser is as high as that in the select box. When the height is set to a higher value in the browser that comes with the HTC mobile phone, you cannot use option to select the required parameter values, and the option displays the first base color 6 by default. the ipod and iPhone 4 do not support JS that triggers the event audio through tap, for example, you cannot trigger sound playback through changes in src, and click to solve the problem. 7. Mobile-end audio does not support automatic music playback on Apple's mobile phones. Apple has a security mechanism that requires manual triggering to play music, that is to say, a music icon should be added for a screen-by-screen sliding project, not just to let the user turn off the music, but the speculative method is to execute the ID when the user calls the screen. play ();'s JS8 and forms won't be mentioned. For example, if the upload button sets the background image to be invalid, it is simulated by the opacity of 0, however, interview students did not respond much. 9. Many people use fullPage. js is used to implement large image scrolling or one screen, but this plug-in is used in development. If anchors is not set to define the anchors, the published public number will contain the # parameter, if anchors is not added, the user will jump to the second screen and exit. the user will jump to the second page immediately. Solution: anchors: ['page1 ', 'page2', 'page3', 'page4 ']. 10. swiper is recommended. js development, better Chinese API site is: http://www.swiper.com.cn/can solve a lot of mobile terminal problems, 11, Apple system in the rolling long Page always roll very uncomfortable, not easy, rebound effect:-webkit-overflow-scrolling: touch; 12. The default video Controller is hidden: video:-webkit-media-controls-enclosure {display: none! Important;}. You can also set the first frame of video on the mobile end. However, some mobile phones, such as HTC, are in the gray background by default. The solution is to build a picture on it, when you click it, the image disappears and triggers play. This is what Virgo does. 13, PNG graph compression is a headache, the effect is not good, you can try this Website: https://tinypng.com/many new people know jpg can adjust the quality, but do not know png can also be so compressed, the most effective website. Now there is a webP format chart of lower quality. Google developed it and Android mobile phone tests are acceptable, not Apple mobile phones. Don't use it. You can check it out. You can view the smart map: http://zhitu.tencent.com/14?you can use the font icon to use the style map. ie6is compatible with all features, and what do mobile terminals fear? Http://www.iconfont.cn/15w.css3animation effects can be referred to under the animate.css write very good: http://daneden.github.io/animate.css/ some low-end mobile phones more dazzling effect directly before and after, no intermediate effect, mobile phone card out Xiang, not supported. 16. Learn more about viewport. js users, if some mobile phones scale up or down, jquery should be placed in front of the viewport reference, and there is the meta tag. Note that width = device-width, github address: https://github.com/anatoo/viewport.js with px to cut the figure Mobile End, PC end how to cut your mobile end also followed the cut, but generally less use, viewport will have some problems, the project is in urgent need. 17. Use rem on the Mobile End. Do not use the old em. 18. The mobile phone number on the Apple mobile phone will disappear. Add the following code: <metacontent = "telephone = no" name = "format-detection"/> ignore email recognition and add the following code: <meta content = "email = no" name = "format-detection"/> 19. If you are tired, go to bed and try again .....