提额 APP
提额 APP
开始参与这个APP也是巧合,一个月之前,我还在忙于电信运营商的工作,上级就过来问我在之前公司有没有用过 html css js这些。在维库的时候,可是从前台到后台都是要全包的呀,因为项目人数真的是少的可怜啊,说多了都是泪啊,还是不说为好。我很果断地回复了之前用过。然后我就默默地被调走去做这个app的前端。我一听是前端,我当时有点懵,不知道该如何下手。很久没有这样开始做一个项目,而且是负责前端,而不是自己更熟悉的后端,接口之类的。
html css js虽然之前用过,但也只是简单的使用。由于之前的工作中,美工是会把所有的html和css写好再给我们去实现。没想到这次,我们的设计师只负责给我一个颜色宽度等一些参数,让我自己去搞整个页面的结构。一开始的时候,我感觉很郁闷,不知道该从什么地方开始下手。
可是人员就我一个去负责前端的工作,没办法,我只能硬着头皮上了,自己慢慢地去参考他们之前做的app,怎么去拆解图片上的原因,如何用div+css去布局页面的结构。
时间一点一点地过去, 我也慢慢地开始上手了,一些css 不懂的地方去查firefox的developer center 和 google查询如何解决问题。 当然最直接的就是找公司的那些纯前端的同事去解决问题。
phonegap作为APP的壳,嵌入到ios、android等,只能手机的原生项目中去编译生成软件项目。这样就可以简化app开发的工作量。一次开发多个app都可以运行。通过网页的自适应来解决多平台之间的问题,phonegap是ios下运行的效率比我自己想象中的要好,完全不用担心一些类似android会出现的问题。android在一些高配的手机上还是蛮流畅的,但是一到低配的手机,简直卡的一B啊。说多了都是泪,都不好意思说。在wp8上现在还没有用phonegap自己去实现,应该会比想象中的好一些。从之前的wp8项目看来,卡顿的问题故意是没办法解决的。phonegap估计也会回复你说他们已经尽力了。我们只能尽量去优化自己APP的性能,从而达到客户比较满意的状态。
提额APP是一个单页的APP,所有的页面都会通过js来加载到首页中。也就没有多余的url地址。整个项目就只有一个。项目中的地址无论你是怎么去切换。都不会改变页面的地址。只是页面一层一层地网上叠加。但是这样做就遇到了一些问题。就是css3中的transition的效果,不能对position:fixed的元素进行正常的切换效果。这两个之前存在一种无解的冲突,最后只能通过把元素换成position:absolute进行transition切换,然后再把那个元素clone到position:fixed的外层中。 这样研究营造出了一种固定定位的效果。这样就满足了原来所需的一些效果。
总结:
- APP项目 PhoneGap + html + css + js 服务端用 ASP .net ashx作为服务接口
- 增加了html css 盒模型的理解, 更加清楚 position在 网页上的一些使用
- 对APP的开发流程有了进一步的了解,熟悉。做web app的想法还可以继续坚持
- 作为前端的角色,去完成一个从无到有的项目,这种感觉还是不错的。
--EOF--
No.304
写于 2014-07-26
提额 APP的更多相关文章
- App开发:模拟服务器数据接口 - MockApi
为了方便app开发过程中,不受服务器接口的限制,便于客户端功能的快速测试,可以在客户端实现一个模拟服务器数据接口的MockApi模块.本篇文章就尝试为使用gradle的android项目设计实现Moc ...
- Android Studio配置 AndroidAnnotations——Hi_博客 Android App 开发笔记
以前用Eclicps 用习惯了现在 想学学 用Android Studio 两天的钻研终于 在我电脑上装了一个Android Studio 并完成了AndroidAnnotations 的配置. An ...
- Android请求网络共通类——Hi_博客 Android App 开发笔记
今天 ,来分享一下 ,一个博客App的开发过程,以前也没开发过这种类型App 的经验,求大神们轻点喷. 首先我们要创建一个Andriod 项目 因为要从网络请求数据所以我们先来一个请求网络的共通类. ...
- 【原创分享·支付宝支付】HBuilder打包APP调用支付宝客户端支付
前言 最近有点空余时间,所以,就研究了一下APP支付.前面很早就搞完APP的微信支付了,但是由于时间上和应用上的情况,支付宝一直没空去研究.然后等我空了的时候,发现支付宝居然升级了支付逻辑,虽然目前还 ...
- SQLSERVER走起 APP隆重推出
SQLSERVER走起 APP隆重推出 为方便大家查看本微信公众以前推送的文章,QQ群里面的某位SQLSERVER重度爱好者开发了<SQLSERVER走起>的APP 以供大家一起交流 网页 ...
- 从中间件的历史来看移动App开发的未来
在移动开发领域我们发现一个很奇怪的现象:普通菜鸟新手经过3个月的培训就可以拿到 8K 甚至上万的工作:在北京稍微有点工作经验的 iOS 开发,就要求 2 万一个月的工资.不知道大家是否想过:移动应用开 ...
- 搞个这样的APP要多久?
这是一个“如有雷同,纯属巧合”的故事,外加一些废话,大家请勿对号入座.开始了…… 我有些尴尬地拿着水杯,正对面坐着来访的王总,他是在别处打拼的人,这几年据说收获颇丰,见移动互联网如火如荼,自然也想着要 ...
- app开发外包注意事项,2017最新资讯
我们见过很多创业者,栽在这app外包上.很多创业者对于app外包这件事情不是特别重视,以为将事情交给app外包公司就完事了,实际上不是的.无论是从选择app外包公司还是签订合同.售后维护等各方面都有许 ...
- 【Win 10 应用开发】在App所在的进程中执行后台任务
在以往版本中,后台任务都是以独立的专用进程来运行,因此,定义后台任务代码的类型都要位于 Windows 运行时组件项目中. 不过,在14393中,SDK 作了相应的扩展,不仅支持以前的独立进程中运行后 ...
随机推荐
- pagerank
http://jung.sourceforge.net/ https://github.com/louridas/pagerank/blob/aeb9b17ada1f925bb525961574f6d ...
- Java学习笔记-多线程-创建线程的方式
创建线程 创建线程的方式: 继承java.lang.Thread 实现java.lang.Runnable接口 所有的线程对象都是Thead及其子类的实例 每个线程完成一定的任务,其实就是一段顺序执行 ...
- 【抓包工具】wireshark
wireshark下载地址:http://download.csdn.net/detail/victoria_vicky/8819777 一.wireshark优劣势 wireshark劣势:只能查看 ...
- 跳转Activity两种方法
摘要:假设从A界面开启另外一个B界面根据是否需要返回数据分为两种方式 一.无需返回数据方式 在A界面中调用startActivity方法进行直接跳转即可 二.需要返回数据方式 1.在A界面中调用sta ...
- linux重定向
常用FD有3个,为0(stdin,标准输入).1(stdout,标准输出).2(stderr,标准错误输出),默认与keyboard.monitor有关: cmd > file 把 stdout ...
- Linux 远程复制文件
Linux 远程复制文件 如果想把机器A上面的dir目录下面的所有文件复制到机器B的dir目录下,我们可以使用nc命令来完成 在机器A的dir目录下面执行: tar -czf - * | nc -l ...
- 零基础如何系统学习Java Web
零基础如何系统学习Java Web? 我来给你说一说 你要下决心,我要转行做开发,这样你才能学成. 你要会打字,我公司原来有一个程序员,打字都是两个手一指禅,身为程序员你一指禅怎么写出的代码,半个 ...
- Java学习资料
微信扫码:http://v.dxsbb.com/jisuanji/Java之家:http://www.javazhijia.com/bs/biye/137.html一些 http://www.ibei ...
- arcgis engine 监听element的添加、更新和删除事件(使用IGraphicsContainerEvents)
IGraphicsContainerEvents Interface 如何监听 element事件? 如,当我们在Mapcontrol上添加.删除.更新了一个Element后,如何捕捉到这个事件? ...
- 多线程之GCD
什么是GCD Grand Central Dispatch 是Apple开发的一种多核编程技术.主要用于优化应用程序以支持多核处理器以及其他多对称处理系统TA会自动管理线程的生命周期(创建线程.调度任 ...