初入移动端的手忙脚乱【html5+jQuery Mobile】（一）

刚入职一家公司，面试的是Web前端开发，进来后，直接让做一个手机端app，之前是学过html5，jQuery Mobile，但只仅限于学习，制作各种小demo，一旦做起东西来，还是有些摸不着头绪的，关键的问题是，没有一个资深的带着做，另外，前端的工作还是由我一个来做，入职第一天的时候，才弄明白入职后工作这整个的一个状况，当时真是头大了。

问领导，用什么软件开发，领导说，这个你自己来定。

哇！这也太看得起了吧，心里的无限的空落呀！就这样，第一天下午，就干瞪着电脑，惆怅+茫然的下班了，要在这里干下去吗？期间更是有好几个公司打电话面试，让自己更加的茫然+无措，找工作找了一星期，就定了，是不是有些太草率了？

各种顾虑，回到家后，和LG商量，到底该如何办？

是选择再找呢，还是？

讨论了半天，结论是，这是一个机会，并且公司做自己的产品，可能一下子由Web前端跨入移动前端，有些许不适应，但如果经历了前期的这些坎，之后是不是会稍好一些？

如果去其他的公司，Web端的页面，已经做的够多了，去了也纯属重复性工作，跨入移动端的，也是需要慢慢来并且看公司的需要。

如果有人带，多好呀？╯(╯▽╰)╰

第二天来了之后，开始查找相关信息，开发环境，使用技术等，好的地方是，下班走的时候，下载了几个html5移动demo，回家查看后，有了一些头绪，原来是这个样子。

接下来就是第三天了，继续查看网上技术，同时查看相关自认为的技术难题。

1、如何自定义图标     

2、如何定义主题

3、如何实现自适应（传说中的响应式设计）

解决：1、.ui-icon-home:after{}重新定义，但页面中只需要写data-role=“home”，即可。

2、有一个在线资源，可以进行自定义化设计，当然，中间还是有些问题的，自己捯饬几次，就差不多明白了，软件是themeroller。

3、响应式，网上很多种，不过个人用的是css定义的，@media screen and (min-width:320px)，min-width是因为max-width不管用，所以测试写min看效果如何，没想到ok。原因之后接触的多了，会有所了解吧。

基本这几个问题，就到了第二周的现在，当然将公司移动wap首页做出来了，细节优化，需要后期来做。

今天一个问题，思考了好长时间，也不知如何解答。最后去询问领导，领导说，每个页面的头都是不一样的，可以写死，哇，顿时轻松了不少，不过回头想想，还是将问题记录下来，以便之后忘记。

描述：一个模块，头不变，只要中间的内容不变，该如何处理呢？Web端，用iframe，asp.net中有母版等实现，手机端如何处理呢？

大家如果有什么好的建议和方法，欢迎指点迷津！