1.有条件可以自己做UI,不要用框架.用框架的话不要用jquery mobile,用sencha touch或者jqmobi(app framework) 2.不要在服务器生成UI,在本地生成. 3.前端尽量少在DOM上插入,删除显示的元素. 4.把页面切换特效关掉,安卓上很多白屏就是这样出现的. 5.避免网络请求,可以用LocalStorage,sqlite数据库,文件等保存在本地. 6.为数据使用本地缓存,如开启ajax的缓存. 7.限制结果集的高度和宽度 8.不要让界面等数据,先加载界面,

一:Ionic + angular + cordova + zipalign UI框架:lonic+angular 开发与编译打包框架:Cordova 优化工具:zipalign 二:MUI+HBuilder UI框架:MUI 开发与编译打包框架:HBuilder 三:FrameWork7+ Jquery/React/Vue +打包工具 四:vue+vue-strap+babel(es6)+webpack+vue-router

做了几个cordova的项目,觉得webapp性能的确是比不上原生,在IOS上还好,安卓上特别的明显.技术群里面很多人都在说cordova是个渣,没用之类的.其实只是很多人没有深入去了解,做点小优化,一般的增删改查APP还是完全能够满足性能要求的. 1.有条件可以自己做UI,不要用框架.用框架的话不要用jquery mobile,用sencha touch或者jqmobi(app framework) 2.不要在服务器生成UI,在本地生成. 3.前端尽量少在DOM上插入,删除显示的元素. 4.把

Crosswalk与WebView的不同 为什么要用corsswalk?由于cordova应用在安卓上运行的时候,都是调用的手机webview,而在不同的安卓机.不同版本的系统上,webview的性能差距很大.此外,即时是4.X的安卓webview,性能也不是非常好,而web app最大的问题慢,就是由此引起的.通过替换掉cordova的webview内核,采用crosswalk的内核,应用在渲染上性能会有极大的提升. WebView组件,如iOS的UIWebview.Android的Webvi

这个系列是基于Cordova 3.x的,很多Android的东西都是Eclipse ADT+Ant的,而目前Android的开发已经完全切换到了Android Studio+Gradle,需要大家特别注意!Cordova在不断的完善优化,除非有特别多的精力,也不建议看源代码. 基础篇 Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)详细内容 Cordova 3.x 基础(2) -- 应用图标icon和启动页面SplashScreen详细内容 Cordova

今天是2014年的最后一天,年终总结什么的就不写了.记录一下今天的工作内容.如果不知道phoneGap,那么就不需要往下看了,phoneGap现在已经叫cordova了,叫什么不重要,重要的是它对web移动应用的开发很重要,如果你正在查找关于cordova.js 插件安装方面的工作,那么本文或许对你有用. cordoval.js目前最新的版本是3.7.0,较之前的2.xxx系列,最大的变化是把功能进行了插件化,或者说是模块化也行.这样做的好处呢是开发者可以按需加载自己的功能插件,减小文件体积,同

这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app,包括环境搭建,框架使用等,具体项目已放置在github上,可下载下来自行启动. 下载地址:https://github.com/foreverjiangting/myApp/tree/master/myApp 一:环境搭建 1.配置java的运行环境,包括path变量的路径,这里不再详细讲解,请自行百度. 2.下载Android  Studio,并配置path变量,以及sdk路径.这个下载比较麻烦,请自行去

cordova + ionic 使用中碰到的一些问题     No Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin.解决办法index.html 中添加<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self'

Cordova 打包 Android release app 过程详解 时间 -- :: SegmentFault 原文 https://segmentfault.com/a/1190000005177715 主题 Cordova 安卓开发 TL;DR Android app 的打包分为 debug 和 release 两种,后者是用来发布到应用商店的版本.这篇文章会告诉你 Cordova 如何打包 Android release 版本,也会让你了解 Android app 的打包流程. 创建一

到<Cordova webapp实战开发:(6)如何写一个iOS下获取APP版本号的插件?>为止,我们已经大体学会了如何使用Cordova了,那些都是使用Cordova的开发者必备的技能.今天我们要说一下开发者应该具备的一些额外经验,这些经验简单有效,如果希望要更系统更好的方法,那就持续关注本系列文章吧,与敏捷个人一起成长. 本次练习你能学到的 学习如何动态不发布APP来修复bug 学习如何动态增加功能 学习如何躲开苹果的一些严格审核 如何动态不发布APP来修复bug 做过网站的都知道,修复b

Visual Studio 2015 和 Apache Cordova 在开始前,问一下自己下面这些问题: 熟练掌握web技术的开发者比例是多少?(占所有开发者的比例) 熟练掌握移动开发技术(并且使用跨平台开发工具)的开发者比例是多少? 熟练掌握web技术和移动开发技术的开发者比例是多少? 在以上的开发者中,能够胜任跨移动平台开发的开发者比例又是多少? 由于学习时间和职业范围限制,最后一个问题中符合条件的开发者,少之又少.事实上,在就业市场很少有公司招聘那些多面手(掌握很多技术的人),因为他们要

ionic+cordova+angularJs 这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app,包括环境搭建,框架使用等,具体项目已放置在github上,可下载下来自行启动. 下载地址:https://github.com/foreverjiangting/myApp/tree/master/myApp 一:环境搭建 1.配置java的运行环境,包括path变量的路径,这里不再详细讲解,请自行百度. 2.下载Android  Studio,并配置path

英文原版:http://www.codeproject.com/Articles/860150/Visual-Studio-and-Apache-Cordova 在开始前,问一下自己下面这些问题: 熟练掌握web技术的开发者比例是多少?(占所有开发者的比例) 熟练掌握移动开发技术(并且使用跨平台开发工具)的开发者比例是多少? 熟练掌握web技术和移动开发技术的开发者比例是多少? 在以上的开发者中,能够胜任跨移动平台开发的开发者比例又是多少? 由于学习时间和职业范围限制,最后一个问题中符合条件的开

onic官方文档链接:http://ionicframework.com/docs/ 如果是新的环境会有很多坑,主要是有墙,请仔细阅读每个步骤 文档包含以下内容: l  环境搭建 l  创建demo并调试运行 l  打包APK l  添加支持热更新 l  优化启动慢问题 l  常用命令 1.      环境搭建 需要安装以下软件和插件(Android): l  安装nodeJS(自带npm) l  配置cnpm  (使用淘宝镜像取代npm) l  安装cordova和ionic2 l  安装JA

前言 因为工作原因,最近需要研究Cordova框架,看了其中的源码和实现方式,当场在看的时候马上能理解,但是事后再回去看相关源码时候却发现之前理解的内容又忘记了,又不得不重新开始看,所以总觉得需要记录下来,这样也表明之前也是学习过,俗话说「好记性不如烂笔头 」,想必也是体现了笔记的重要性. 目录 为何要用Cordova 什么是Cordova Cordova中UML类图 Cordova实现机制 小结 ​ 为何要用Cordova 随着移动互联网的发展,现在基本是APP满天飞,不知在大家印象中,如果我

一.前言 前段时间,公司有个APP项目需要支持不同平台,于是采用了Ionic2 + cordova + angular2,在搭建环境过程中遇到了不少问题,刚好最近有时间整理出来. 二.开发环境搭建 参考这个网站步骤搭建:https://github.com/DonaldTdz/Ionic2QuickStart 注意:nodejs 要装6.0 +LTS最新版,不要装8.X的最新版本(https://nodejs.org/en/) Cordova版本要安装6.X版本,目前cordova-androi

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_2.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 上一章我们简单地整合了一个gulp任务,但是略显混乱,在任务多,而且任务互相调用的情况下容易出问题. 我们优化的思路是,写一个对象,列出所有任务,如果一个任务需要调用多个子任务,那也为它写一个任务,然后用run-sequence来执行(比如下面的'run.android'),它

ionic android 手工打包指令手册 [工作平台要求] 安装 node.js.cordova.ionic(非必须) 等前端相关软件与组件(1)安装 Java-SDK,正确配置系统环境变量 JAVA_HOME.CLASSPATH.加入 PATH node.js.JDK 安装路径不能要有空格和中文!!! 推荐安装路径: C:\nodejs\ C:\Java\jdk1.8.0_112(注意不要升级java,对应就是这个版本,不然其他的也要升级) 系统环境变量: JAVA_HOME=C:\Jav

问题 之前在使用ionic2时使用建立android平台命令或者编译时,总是会在获取gradle时卡住,等很久进度也不变化,导致命令超时失败.于是经过查阅资料和自己实践测试,总结出以下办法. 方法 其实主要原因是用命令下载时用的是指定的下载途径(可能不该这样形容,欢迎大家评论批评指正),国内通过这样下载十分慢,甚至时断时续,从而导致出现上面的问题. 所以我们自己去下载gradle,存放在本地,然后更改配置文件,使其不去网上下载而是从我们指定的本地位置获取. 首先我们打开下面这个js: 你的项目名

1.命令行更新 cordova,ionic.nodejs ,npm,bower等到新版本,不要在vs中更新 2.程序突然白屏 因为拷贝其他程序到js中,乱码 :a模拟器打开 f12看控制台错误解决 3.注意多一个逗号 ,},造成程序崩掉 4.无法真机调试: a.手机没连  b.重启vs或机器  instead saw 5.增加插件,注意更新app.js 的 config注入 6.service不返回,用在return中写函数 7.controller报错,注意注入$插件 8.$scope.dat