工作一个月关于移动web开发的感悟与理解

原创 2015年11月19日 17:40:26

  工作一个月关于移动web开发的感悟与理解

   来公司第一个月,见了一眼老板,不知为何他让我一安卓工程师用h5做安卓开发,做一个应用,不为别的,就是让自己练练,考验考验我的能力,当时很纠结,我只是有一点点html+css基础哎,真心不想做哎,肿么办,算了,家都搬了,硬着头皮坚持下来呗,就这样我开始走上研究h5的不归路上;

度娘,谷歌,它们两是我的朋友,我相信也是你们的朋友;不过呢,谷歌也许更高端一点,因为它有时候能搜索到百度搜不到的东西; 刚开始很盲目,在度娘和谷歌的帮助下,买了几本书《html5移动开发指南》,《html5+css3+jquerymobile轻松打造app与移动网站》,现在我想说,想买书可以,我建议你还是先找找看有没有电子书,如果有就不用买了,毕竟都不是土豪,而且电子书好携带,在手机上就可以看;之后又加了一些关于h5移动开发的群,想学一门技术,我觉得刚开始这三个方法还是不错的,1.找度娘,谷歌;2.多读一些书,比如一些入门类的书籍,毕竟你是刚开始学嘛,3.加群,万一你一幸运一不小心就遇到大神了呢,多和大神学习还是挺好的,而且群里的人都比较好,大家都是学技术的,互相帮助,还能提高自己;484又跑题了,不好意思哈;

在群里,我认识一个大神,他用phonegap做过h5移动项目,混合开发,他看到了我的诚意和努力的心,把他写的源码发给我了,于是,我就开始疯狂的学习phonegap;为了phonegap,我做了如下准备:首先打开了一个网站:我想大家都知道W3school:http://www.w3school.com.cn/,还有一个是菜鸟教程:http://www.runoob.com/html/html-examples.html;个人觉得菜鸟教程比较好,东西比较新;这是第一步,在菜鸟教程里学如下东西:html+css+js+jquery;上面都有在线测试,我建议你不要只是看看,把它看懂之后,自己敲一遍然后测试,这样就能记住了;学会了这些,你的基础就差不多了,至少别人不叫你渣渣了,呜呜可怜,然后我开始搭建phonegap的环境,这些准备工作都做好之后,我开始尝试着做项目;首先写需求,写完需求之后,我就开始按照我的需求自己做页面了,刚开始用html网页,感觉好慢,于是就用了jqm,这个真心好用,又简单,画面比较简洁,在加上我设计的加我喜欢的蓝色风格,关于jqm的学习推荐菜鸟教程+jqm官网:https://jquerymobile.com/;在度娘和谷歌的帮助下,很快我就设计好了页面,有那么一点点成就感哎;不过感觉性能太差了,不行,作为一个完美主义者,怎么能容忍;于是,我又想办法看有木有性能更好的;于是,我又加了一个群,认识了一个朋友,他用的的是mui,在我的诚意和努力下,他他源码给我了,哈哈,我是不是很努力呀,请允许我嘚瑟一下得意,于是,这一次来真的,我要用mui开始做移动项目了,这次是认真的;还不知道mui的我首先推荐你们去mui官网(http://dcloud.io/)看看哦,我想很多人应该都不知道,它是我们中国人写的,聪明的中国人,它是刚出来的新技术,很好,我就喜欢新技术,就这样我开始在mui官网的海洋里遨游;我特别喜欢它,越用越觉得好,它很接近原生,简单,好学;不错;

我经常去的两个网址:http://dev.dcloud.net.cn/mui/ui/#input;http://dev.dcloud.net.cn/mui/components/#pageinit;你们也可以看看哦,很好学的;本来想讲技术的,一不小心讲了一大堆废话,不好意思啊;现在快7:00了,我得回去了,下一篇我讲技术好不好;

最后,这篇博客是写给想学移动web开发的,还没有入门的人,如果很巧你是,那么我希望能帮助到你,也可以私信我,我们一起学习;如果被各位大神看见了,跪求你们教教我呗,还可告诉我一些学习方法,我很愿意学的,我相信大神都是乐于助人,无私奉献的;谢谢你们听我说了一席废话;请记住我哦!嘻嘻微笑

web开发人员工作心得

  • 2012年09月03日 01:14
  • 13KB
  • 下载

移动端web开发click touch tap区别

移动端用tap时会有穿透问题 一:click与tap比较 click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一般用tap代替click作为点击事件...

移动WEB开发之Safari、QQ、UC、360浏览器的私有Meta属性

Meta属性在移动端可以说是不得不知道的使用得非常频繁的技术。下面就给大家整理一下在移动端的各大浏览器一些私有的Meta属性。...

[CSS3]移动Web开发系列之CSS3增强型选择器

CSS3选择器

@media screen解决移动web开发的多分辨率问题

@media screen解决移动web开发的多分辨率问题

移动端WEB开发,click,touch,tap事件浅析

一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。 singleTap和doubleTap...

浅淡HTML5移动Web开发

说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了web(我们选择了h5)开发。但从这两种开发...

移动端web开发技巧笔记

META相关 1. 添加到主屏后的标题(IOS) 2. 启用 WebApp 全屏模式(IOS) 3. 百度禁止转码 通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的...

移动web开发响应式布局总结

首先来理解三个概念。一、viewport深入理解 我们在开发移动设备的网站时,最常见的的一个动作就是把下面这个东西复制到我们的head标签中: 该meta标签的作用是让当前viewport的...

移动端web开发的小笔记

移动端的开发跟PC端的开发还是稍有区别的,以下内容是个人移动开发的经验,后期会不定时更新错误以及新的内容 一、从meta标签说起 首先,在移动端,我们希望将页面窗口自动调整到设备宽度,需要的met...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:工作一个月关于移动web开发的感悟与理解
举报原因:
原因补充:

(最多只允许输入30个字)