At the beginning of the year has been very obvious to feel the advent of mobile tide, but has been slow to hands, probably the HTML5,CSS3 has been to the lack of self-confidence of JS, but the problem has not been solved will always be the problem.
Now almost every company needs to develop mobile business and PC end is also fully supporting out, so this month's goal is to start from scratch to do a set of simple Web App page, in this project to record learning, to supplement their lack of chapters in this section of Knowledge block.
---------------------------------------------------------
Look at the development of mobile front-end viewport in-depth understanding of the mobile phone side of the display size problem has a preliminary and overall understanding. In the mobile Web resource collation see a good template, will probably continue to do so, in fact, I admire those who specialize in research issues and organize resources to share to us these small white learning, probably they have some kind of a very strong spiritual strength, now I can only do a resource collector and try to practice is the best use of resources.
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metacontent= "Width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name= "Viewport"><Metacontent= "Yes"name= "Apple-mobile-web-app-capable"><Metacontent= "BLACK"name= "Apple-mobile-web-app-status-bar-style"><Metacontent= "Telephone=no"name= "Format-detection"><Metacontent= "Email=no"name= "Format-detection"><title>Title</title><Linkrel= "stylesheet"href= "Index.css"></Head><Body>Start content here</Body></HTML>
With the basic understanding of viewport plus this template, you can probably step from 0.
Although the Chrome browser has a test preview for each device, but there is no test on the phone to have the RealSense, so for me this even the backstage how afraid to touch the person even how to see things on the phone do not know ...
Ask a colleague, he said, either get a simulator or post a Web ... Good trouble, see leaves-chai mobile development of the first article lost a link instantly enlightened, I just need a link on the phone to open on the line Ah, just before the runjs this thing, and then immediately put the code into the link to QQ, in the mobile phone to see the first eye of the effect is really happy, Although the incomparable simple foundation, but this is very important step ^_^, Http://sandbox.runjs.cn/show/j4mpupoc
This process also understand that position:absolute absolute positioning can not set the width of 100% can also achieve 100% effect, is to set left:0;right:0;
Well, the first step is this, the next is to write a good effect of the page out, before the work is to see the blog technical text is less, in fact, their skills have been stagnant for a long time, I believe that in learning mobile knowledge of colleagues will also be supplemented to learn a lot of PC-side knowledge of things.
From 0 onwards, mobile learning