首页 > 代码库 > 初入移动端的手忙脚乱【html5+jQuery Mobile】(一)

初入移动端的手忙脚乱【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中有母版等实现,手机端如何处理呢?


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

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