本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
HTML5应用 + Cordova = 平台相关的混合应用
Jerry之前的一篇文章 SAP Fiori应用的三种部署方式 曾经提到SAP Fiori应用的三种部署方式:
On Premise环境下以ABAP BSP应用作为Fiori应用部署和运行的载体
...
Cordova应用的JavaScript代码和自定义插件代码的调试
我之前写过三篇Cordova相关的技术文章。当我们使用Cordova将自己开发的前端应用打包安装到手机上后,可能会遇到需要调试Cordova应用的时候。
本文就介绍Cordova应用的调试步骤。
如果大家读过之前我写的文章,就知道Cordova应用在移动平台上运行时,实际上Cordova包内的前端应用的HTML/JavaScript代码仍然运行在一个嵌入的Webview里。同时Cordova ...
使用JavaScript调用手机平台上的原生API
我之前曾经写过一篇文章使用Cordova将您的前端JavaScript应用打包成手机原生应用,介绍了如何使用Cordova框架将您的用JavaScript和HTML开发的前端应用打包成某个手机平台(比如Android,iOS)的原生应用。
那么,您也许会有一些需求,需要在您的前端应用里使用到手机平台的一些原生API,比如使用手机Mobile操作系统提供的传感器(Sensor)。这些任务是Java ...
使用Cordova将您的前端JavaScript应用打包成手机原生应用
假设我用JavaScript和HTML开发了一个前端应用,我想把该应用打包成能直接在手机上安装和运行(不通过浏览器)的原生应用,例如像下面这样。对应用的用户来说,他们得到的用户体验和真正的用Android Studio或者XCode开发的原生应用完全一致。
这是怎么做到的?
答案是使用Apache的开源框架,Cordova。
以Android框 ...
Cordova插件中JavaScript代码与Java的交互细节介绍
在Cordova官网中有这么一张架构图:大家看右下角蓝色的矩形框"Custom Plugin"——自定义插件。意思就是如果您用Cordova打包Mobile应用时,发现您的移动应用里需要使用一些功能,这些功能用普通的JavaScript无法实现,而是需要调用移动平台的一些原生API才能实现时,我们就需要自己实现自定义插件。这些插件通过在特定的移动平台上采用原生开发实现,比如An ...
cordova 整合 webpack vue
cordova 是hybrid开发app的一个框架,通过js桥接原生api实现了js调用原生的一些功能;本打算学习下阿里的weex;可是一直打包不了,加上之前也用过cordova,打算使用cordova尝试一下;整合上vue这种开发界面的利器是不是更加爽呢?
1.环境搭建
> cordova环境搭建
由于我们使用cordova ...
ionic2 + cordova 应用-自定义组件
11.1 基本介绍 (欢迎加入Q群一起学习讨论657185219)
angular2 controller 和 Directive 合并成Component ,前文已有介绍,所以我们编写组件和其他普通页面一样。
11.2 组件调用
<page-dropdown
<!--[dataList] 入参 中括号 (dropMenuClick)回调事件小括号--& ...
ionic2 + cordova 应用-轮播图
10.1 轮播图官方文档(欢迎加入Q群一起学习讨论657185219)
10.2 使用html
<ion-header>
<ion-navbar>
<ion-title>slide-pic-demo</ion-title>
</ion-navbar>
</ion-header>
& ...
ionic2 + cordova 应用-列表刷新(上拉)
9.1 列表使用(欢迎加入Q群一起学习讨论657185219)
<ion-content>
<ion-list>
<ion-list-header>Follow us on Twitter</ion-list-header>
<ion-item *ngFor="let i of items" ...
ionic2 + cordova 应用-头部标题(样式自定)
8.1 标题栏使用(欢迎加入Q群一起学习讨论657185219)
<ion-header>
<ion-navbar>
<ion-title>
<ion-searchbar></ion-searchbar>
</ion-title>
<!--begin左侧;end结尾右 ...
ionic2 + cordova 应用-module
7.1 module的概念(欢迎加入Q群一起学习讨论657185219)
模块的使用:和我们平常所说的模块类似,angular2的应用是由根模块(app.module.ts)和其他子模块构成。
模块的功能:主要由@Ngmodule进行属性设置,继而可以来构建整个module,具体属性如下
declarations:Components/Pipes 的引入
providers:servic ...
ionic2 + cordova 应用-插件安装
6.1 ionic2 插件安装文档(欢迎加入Q群一起学习讨论657185219)
6.2 获取APP版本更新APP插件
6.2 安装插件
6.2.1 ionic cordova add cordova-plugin-app-version
这句话是cordova安装底层硬件支持插件
6.3 安装插件JS支持
npm install --save @ionic ...
ionic2 + cordova 应用-导航
5.1 页面跳转隐藏底部tabs(欢迎加入Q群一起学习讨论657185219)
看下面俩种方式跳转(paipai.ts)
import { App,NavController } from 'ionic-angular';
export class PaipaiPage {
constructor(
public app: App,
public navCtr ...
ionic2 + cordova 应用-表单
4.1 静态页面login.html(欢迎加入Q群一起学习讨论657185219)
<ion-content padding>
<form [formGroup]="loginForm" >
<ion-item>
<ion-label>Username</ion-label>
...
ionic2 + cordova 页面操作控制
3.1 样式调整
contact.html
<ion-header>
<ion-navbar>
<ion-title>
Contact
</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
...
ionic2 + cordova 目录结构解析
2.1 前置技能(欢迎加入Q群一起学习讨论657185219)
2.1.1 typeScript 教程
2.1.2 angular2 教程
2.1.3 sass教程
2.1.4 ionic2教程
2.1.5 基本知识
2.1.5.1Component
...
ionic2 + cordova 环境搭建
nodejs 安装
ionic安装以及demo建立
# cordova和ionic安装
npm install -g cordova ionic
#创建demo包含底部导航
ionic start myApp tabs
#浏览器运行查看效果
ionic serve
加入android平台的支持
#添加android支持
ionic platform add a ...