近期公司需要开发一个项目,原来做的是手机版的单页面APP(Single Page Application),再后来客户反馈不错,还想要做ipad版本。一开始,我们是考虑把我们的单页面框架给重构,然后再给客户做一个ipad版(基本布局就是左右分栏),但工期赶(一个月不到),而且在讨论过改框架的技术难度...
分类:
移动开发 时间:
2015-01-13 13:59:41
阅读次数:
141
1.在HTML中定义一个函数如OCcallJS()function OCcallJS(){ alert("OC 调用js 的 方法");}2.当webview 加载完成的时候,oc 调用js 函数 通过webview的一个方法;stringByEvaluatingJavaScriptFromS...
分类:
移动开发 时间:
2015-01-13 12:26:19
阅读次数:
1706
1. 前言在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp)。对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载。在开发单页应用时第一个要处理的问题就是页面结构化,由于多...
分类:
移动开发 时间:
2015-01-13 12:03:39
阅读次数:
285
JS API(DOM/PhoneGap/Cordova/NodeJS/Library/Android/MongoDB....)最基础,可以看懂一行代码。------->JS OOP, JS语法核心,与API无关。可以看懂一段代码。------->这个阶段是代码加载并执行,但是不调用JS HTTP, ...
分类:
Web程序 时间:
2015-01-12 20:50:11
阅读次数:
179
在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重构来尝试解决这种不一致的问题。虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试,而且在Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果,我们无法在问题浏览器下实时联调...
分类:
移动开发 时间:
2015-01-12 13:06:35
阅读次数:
281
主要问题:1,头部输入框固定后,只要再滑动内容的话,输入框会随着滑动内容而滑动。2,在低端机:2.3以下的安卓机,你会发现怎么解决都不行的,系统浏览器是不会支持的,头部底部固定的话会滑动内容而滑动。flex模拟fixed(推荐使用) flex模拟fixed ...
分类:
移动开发 时间:
2015-01-12 11:25:55
阅读次数:
272
一 背景 公司需要开发一个web页面,需要支持主流android和ios手机,采用web页面好处是一个页面,在不同平台之间都可以用,节省成本,基本html、js和css大家也都熟悉。但是对比传统网页开发移动web开发还是有一定区别的。二 技术选择 在正式开发前,对目前网上流行的几种web app.....
分类:
移动开发 时间:
2015-01-11 16:10:02
阅读次数:
175
原文地址:http://ionicframework.com/docs/guide/starting.html请尊重他人劳动成果,转载请注明出处, 谢谢现在我们已经安装了所有需要的并且已经创建了一个新的Cordova项目,让我们来开始创建一个真正的应用吧!Todo list应用是学习框架最常见的一个...
分类:
其他好文 时间:
2015-01-11 00:51:04
阅读次数:
343
关于webApp响应式设计遇到的问题,分享给大家,最近在做一个手机webApp,因为我手机是”米3“,屏幕截图大小是1080宽,所以css样式用@mediascreenand(min-width:1080px){ …… },来判断屏幕最小宽度是1080px的手机web显示什么样的样式,结果却不能正....
分类:
移动开发 时间:
2015-01-10 23:32:20
阅读次数:
214
到底是使用开发工具构建一个良好的maven结构的Webapp,还是直接用mvn脚本创建呢?
看你的心情啊。其原理是一样的,开发工具构建也是使用的mvn脚本而已。请看下面的mvn脚本模板。
mvn archetype:generate \ -DgroupId=org.sonatype.mavenbook.simpleweb \ -DartifactId=simple-...
分类:
移动开发 时间:
2015-01-10 18:15:14
阅读次数:
174