- 浏览: 138621 次
文章分类
最新评论
使用html js开发webapp的过程中,最注重的还是对速度的优化和用户的体验;而相对于native原生的android应用,webapp轻便了很多;甚至在一些设备中的表现跟使用java语言开发的程序不分伯仲;这让我们更加坚定的选择使用前端技术来开发手机应用;下面介绍一下自己开发过程中遇到的和从其他渠道搜集总结的一些经验和大家分享,希望相互交流共同进步。
phonegap是最常用的一个用来开发webapp应用的一个框架;
1,手机应用中的click事件,在系统进行解析的时候会被赋予0.3s的延迟,所以要想加快点击操作,那就使用tap或者touch事件;
2,应用中如果引用了较多的图片资源,那么你就要想到预加载、使用css中的after伪类吧;
body::after{content:url(..) url(..) url(..) ;display:none;}
这个只适用于webkit内核解析的浏览器,对于ie;需要在进行代码适配,方法:在前面的基础上添加一个空标签
#preloadcontent{
background-image:url(..);
background-image:url(..);
width:0px;
height:0px;
display:inline;
}
<!--[if(IE 6)|(IE 7)]>
<div id="preloadcontent"></div>
<![endif]-->
3,出现闪屏
4,出现强退
5,出现连跳
6,html中的样式使用,text-shadow box-shadow都会拖慢应用的运行速度,因为这些样式需要花费很长一段时间 来进行渲染
7,如果做手机端,千万不要使用jquery mobile, 因为它很垃圾!
发表评论
-
node 安装phonegap错误
2014-03-12 17:40 454Error: shasum check failed for ... -
PhoneGap和Cordova在iOS 7上的表现,Cordova 3.1即将发布
2014-03-12 16:26 656苹果开放下载ios7了, 我想给大家分享下在 iOS 7上运 ... -
IOS应用程序升级
2014-02-18 17:06 1695IOS应用程序升级流程介绍:IOS手机端应用程序需要升级时, ... -
PhoneGap开发IOS,JS调用IOS方法/phoneGap插件
2014-02-18 17:01 724目录[-] PhoneGap开发 ... -
前端开发经验总结
2013-12-06 09:54 856课程简介对于桌面平台 ... -
开发ipa过程中遇到的问题
2013-11-07 17:52 924写在开头的话:坑爹的 ... -
phonegap判断设备是否在线(android)
2013-10-10 09:30 536document.addEventListener(&q ... -
Creating Fast Buttons for Mobile Web Applications
2013-08-20 21:34 1177Creating Fast Buttons for Mobi ... -
phonegap推送实现(android)
2013-08-19 14:08 2982需求 必备知识 这篇文章至少需要有过一个中等层次的Pho ... -
jquerymobile与sencha touch两者比较
2013-08-06 09:14 822很多人问我Sencha Touch (百度百科Sencha ... -
localstorage初步运用
2013-07-17 17:56 1060首页 WEB前 ... -
webapp 技术总结
2013-07-03 21:21 993如果你是一名前端er,又想在移动设备上开发出自己的应用,那 ... -
css3硬件加速
2013-06-19 09:46 542CSS3中有些属性是需要开启硬件加速才有效果的,在phon ... -
移动开发框架
2013-06-19 09:30 0摘要:移动开发行业的发展速度让人目不暇接,也在此大势之下 ... -
app cache
2013-06-19 09:11 1032对于web app来说,离线应用功能已经越来越重要。诚然, ... -
检查mobile是否在线
2013-04-27 11:32 645在PhoneGap应用,或者黑莓Java/HTML混搭应用 ... -
webApp 经验总结(转)
2013-04-27 10:18 1397mobileTech A useful tools or ... -
bootstrap
2013-04-25 19:54 830直接上我遇到的问题吧: 在这个“下拉菜单”中有一个登录表单 ... -
meta标签在移动端开发的妙用
2013-04-24 14:57 3964对于桌面平台web布局中大家对meta标签再熟悉不过了,它永 ... -
phonegap 数据库详解
2012-08-03 15:53 2957今天就把之前使用phonegap的一些见解和疑惑写出来,以便于 ...
相关推荐
随着手机功能的不断提升,越来越多的用户使用手机...在硬件条件受限的情况下,对手机应用程序进行优化可以提升手机的响应速度并且可以给用户提供一个良好的用户体验,文章给出了Android系统下应用开发的一些优化策略。
然后将逐个介绍与移动Flash应用开发有关的每一个关键主题,包括多点触摸事件、移动传感器、加速度计、GPS、移动服务集成以及永久数据存储。最后,因为移动设备的处理能力远远低于桌面设备,所以还将学习如何优化应用...
CMS,是一个移动平台开发、优化的专业解决方案。对于用户来说,它会加速移动平台的用户体验,没有刷新、离线查看、UI友好。对于开发人员来说,这样的 前后台分离,无遗是最好的选择,仅仅需要提供数据,或者仅仅是...
从产品的层面,详细讲解了如何快速组建团队及如何快速的发布、推广、迭代产品。
移动应用开发,作为现代科技领域的一大热门,正以前所未有的速度改变着人们的生活方式。它涵盖了从构思、设计、编程到测试、发布等多个环节,是一项集创意、技术与市场洞察于一体的综合性工作。 移动应用开发的核心...
MIP(移动网页加速器)通过优化网页JS、控制资源加载顺序,达到加速网页的效果
• Dalvik 虚拟机 专为移动设备优化 • 集成的浏览器 基于开源的WebKit 引擎 • 优化的图形库 包括定制的2D图形库,3D图形库基于OpenGL ES 1.0 (硬件加速可选) • SQLite 用作结构化的数据存储 • 多媒体支持 ...
移动端完美适配 — 在这个以手机为王的时代,我们的HTML源码专为移动设备优化,确保你的企业网站无论在大屏还是小屏上都能流畅展现,抓住移动互联网的巨量流量。 专业企业设计 — 每行代码都经过精心设计与优化,...
移动端完美适配 — 在这个以手机为王的时代,我们的HTML源码专为移动设备优化,确保你的企业网站无论在大屏还是小屏上都能流畅展现,抓住移动互联网的巨量流量。 专业企业设计 — 每行代码都经过精心设计与优化,...
随着 Adobe® Flash® ...此文档重点介绍针对移动浏览器中运行的应用程序的最佳做法。不过,大多数这些优化都适用于所有平台 (包括桌面、移动设 备、表和 TV)上运行的 Adobe® AIR® 和 Flash Player 应用程序。
Dalvik 虚拟机:专门为移动设备做了优化 内部集成浏览器:该浏览器基于开源的WebKit 引擎 优化的图形库:包括2D 和3D 图形库,3D 图形库基于OpenGL ES 1.0 (硬件加速可选) SQLite:用作结构化的数据存储 多媒体...
· 优化的图形库 包括定制的2D图形库,3D图形库基于OpenGL ES 1.0 (硬件加速可选) · SQLite 用作结构化的数据存储 · 多媒体支持 包括常见的音频、视频和静态图像格式 (如 MPEG4, H.264, MP3, AAC, AMR, JPG, ...
随着 Adobe® Flash® Player ...此文档重点介绍针对移动浏览器中运行的应用程序的最佳做法。不过,大多数这些优化都适用于所有平台(包括桌面、移动设备、表和 TV)上运行的 Adobe® AIR® 和 Flash Player 应用程序。
如图所示,与很多优化工具不同的是,Deep XP系统优化专用工具提供的是一种模式选择式优化方式,Deepin XP内置了6种优化模式,你只需根据个人情况选择合适自己的优化模式,就可轻松实现优化过程,提高运行速度,减少...
拥抱移动开发的未来! 如果你在思考下面这些问题,也许本书就是你想要的! Android开发与传统的J2ME开发有何相似与不同? 如何通过Shared Preferences、Files、Network和SQLite等方式高效实现Android数据的存储...
· 优化的图形库包括定制的2D图形库,3D图形库基于OpenGL ES 1.0 (硬件加速可选) · SQLite 用作结构化的数据存储 · 多媒体支持包括常见的音频、视频和静态图像格式(如MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, ...
本文将带你深入了解Swift的特点、语法、应用领域以及对开发者和移动应用开发的重要意义。 一、Swift的特点 1. 现代化:Swift采用现代化的编程范式和设计理念,使得代码更简洁、易读、易维护。它引入了许多新特性,...
· 优化的图形库包括定制的2D图形库,3D图形库基于OpenGL ES 1.0 (硬件加速可选) · SQLite 用作结构化的数据存储 · 多媒体支持包括常见的音频、视频和静态图像格式(如MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, ...
拥抱android开发,拥抱移动开发的未来! ·android开发与传统的j2me开发有何相似与不同? ·如何通过shared preferences、files、network和sqlite等方式高效实现android数据的存储?又如何通过content ...
Dalvik 虚拟机 专门为移动设备进行过优化 集成的浏览器 基于开源的 WebKit 引擎 优化的图形机制 自定义的 2D 图形库,基于 OpenGL ES 1。 0 规范的 3D图形实现(本 项硬件加速器可选 SQLite 轻量级的...