Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML.CSS 和 Javascript 构建接近原生体验的移动应用程序.Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发. 您可能感兴趣的相关文章 16款时髦的扁平化 HTML5 & CSS3 网站模板 精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 Metro UI 风格 Bootstrap…

HTML5手机APP开发入(5) 回顾一下 HTML5手机APP开发入(4) 如何自定义Component,directive HTML5手机APP开发入(3) 如何实现MVC的代码重构,自定义一个Provider Service,Injectable 依赖注入 HTML5手机APP开发入门(2) 利用ionic2 向导生成一个项目并开发一个简单的通讯录的APP HTML5手机APP开发入门(1) ionic2+angular2 开发环境的配置 内容 完成一个登录验证的功能 这里我要向大家介绍一…

HTML5手机APP开发入(4) 课程内容 完成一个自定义的Component用来展现通讯录用户的明细信息如下图 http://bootsnipp.com/snippets/featured/profile-card 涉及的知识点: Component的定义,输入/输出 步骤 新建一个Component文件定义contactinfo.html HTML 代码从http://bootsnipp.com/snippets/featured/profile-card 复制过来 新建一个contacti…

HTML5手机APP开发入(3) 课程内容: 按照AngularJs MVC框架进行代码重构,新建一个DataService服务类使用SQLite插件实现储存对通讯录的本地存储. 涉及的知识点: Angular2 Injectable的使用熟成的模块依赖注入 引用类库 引用SQLite插件和 Storage,SqlStorage模块 重构代码 新建一个Model 新建一个modules目录,新建一个contact.ts,定义一下字段的类型 新建一个dataService 引用类或plugin p…

HTML5手机APP开发入门(2) 课程内容 使用IonicFramework v2 + angular 2 完成一个简单的联系人列表的操作,有三个页面: ListPage,DetailPage,AddItemPage 知识点: 如何添加新的模块(page) 如何实现页面导航 如何实现对数据的绑定 创建项目 (--ts:表示使用typescript语法) $ ionic start contact-app blank –v2 --ts 创建完成后 运行一下看看 注意:这里又有可能出现很多erro…

HTML5手机APP开发入门(1) 开发框架 Ionicframework V2 + Angular 2 具体内容可以参考一下网站 http://ionicframework.net/ http://ionicframework.com/ https://angularjs.org/ 开发环境配置 Node.js 安装Node.js 下载最新版本推荐安装 V4.X https://nodejs.org/en/ 还要需要安装Python开发包,推荐安装 V2.xx https://www.pyth…

公司准备要做一个项目,是p2p配资的app.在网上问了一些人后,发现有的是直接有html5做好后,用软件封装的.之前我学过app的开发,当时Android版本的,知道开发Android app时写的代码.那么问题来了: html5封装的app与原生态app有什么区别呢? html5又和app有什么区别呢? 为什么大型网络公司还是倾向于推广原生态app呢? html5是有跨平台的优势,但是为什么还是不温不火,或者我们仍称之为轻应用app呢? 查找了相关的资料,梳理了一下,发现有如下区别: 1.ht…

HTML5到底能给企业带来些什么? HTML5是近年来互联网行业的热门词汇,火的很.微软IE产品总经理发文: 未来的网络属于HTML5.乔布斯生前也在公开信<Flash之我见>中预言:像HTML5这样在移动时代中创立的新标准,将会在移动设备上获得胜利.更有人高调宣称“APP将在几年内灭亡,HTML5取而代之”.怪吓人的. 这么革命性的东西,不能只是技术宅们的那杯茶,在商业应用上也该有所作为.更具体些:HTML5到底将给企业带来什么?本文中我们做了如下探讨: 一.改变企业网络广告的模式与分布 广…

原理: html 页面负责内容: ui 负责页面样式: js 负责调用原生app方法. html5: html5这部分负责页面,也就是app中你看到的东西,大概的架构和内容 ui: mui 介绍:和HBuilder想搭配的移动ui,也和nativejs相搭配,感觉还不错,模仿的ios7界面风格 官网:http://dcloudio.github.io/mui/ nativejs: 介绍:一个可以调用Android和iOS原生方法的js 入门:http://ask.dcloud.net.cn/ar…

前言: 介绍使用html5+(nativejs)和mui开发移动app(包括Android和iOs) HBuilder h5+开发app的环境,是一个对eclipse做了深度定的IDE. 官网: http://www.dcloud.io/ 下载安装: 在官网上点击下载,安装好后可以自己将文件夹压缩成zip,方便以后使用,解压就可以用,不用安装的. 插件安装: HBuilder将插件做了下优化,提供了最长用的一些插件,并且使用dcloud网站下载,速度很快,eclipse自带插件安装需要FQ 打开…

phonegap框架,html5直接用于移动开发的框架.现版本UI延迟据说还是略大. App中搞活动,每次都通过mobile api把url给app即可. App操作Html webview.loadUrl(url) webview.loadUrl(js) Html操作App app定义类和方法 class AAA xxxFunction(int a){aView.setText(a.tostring())} Html onclick= "myobj.xxxFunction"     …

先附mui文档地址:http://dev.dcloud.net.cn/mui/ui/  .mui的UI组件比较简单而且在文档中很好找就不过多说了. 1 在app开发中,使用HTML5+的api,必须mui.plusReady方法中. 2 常用的a标签和window.herf跳转方法通通改为 mui.openWindow({       url: '文件路径',        id: '自己给文件起的id'        }) 3 ajax 部分.mui自己封装了可跨越的ajax.和jq的ajax…

  前  言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的混合APP的体验越来越趋于原生!那么在本系列博客中,我们就来一探H5开发APP的神秘面纱吧~~ 一. 移动APP项目搭建 由于我们的H5编写的都是一个个网页,需要使用浏览器打开才能使用,这显然不是APP的使用方式. 那么我们才能将一个手机网站,封装成一个APP呢? 时下热门的Cordova.Phon…

出处:http://www.cnblogs.com/jerehedu/p/7832808.html  前  言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的混合APP的体验越来越趋于原生!那么在本系列博客中,我们就来一探H5开发APP的神秘面纱吧~~ 一. 移动APP项目搭建 由于我们的H5编写的都是一个个网页,需要使用浏览器打开才能使用,这显然不是APP…

2013了,移动互联网火了几年,我们也看清了原生App的真面目,App很多很好,但是盈利很难,这时我们不得不把目光重新转向HTML5. 简单地说,HTML5是一个新技术,可以让开发者基于Web开发的App在任何Web标准上的浏览器运行,很多人认为它会拯救Web,让原生App过时. 但是这个答案讨论了很久也没得出答案,而最近一份BI报告终于给出了答案,答案是HTML5会赢,主要展示了从顾客.开发者以及品牌的来看HTML5的将来. 首先,为什么大家这么关心App和HTML 5的争论 分布:原生App…

当今天下,移动端基本上是安卓和苹果的天下,基本上没微软什么事,作为微软忠实的支持者,也要顺势而变. 但安卓和IOS  开发是两个完全不同的世界,有没有一种技术,开发完以后可以运行在任意终端呢,答案是有的,HTML5 OK, 闲话不扯,直奔主题吧. 一,环境搭建 1,下载JDK (这个很多  BD一堆) 1.环境搭建 1.1.JDK安装 1.2.Eclipse安装 1.3.Android SDK安装 1.4.ADT安装 1.5.创建AVD 2.HelloWorld 1.环境搭建 1.1.JDK安装…

出处:http://www.cnblogs.com/jerehedu/p/7832808.html  前  言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的混合APP的体验越来越趋于原生!那么在本系列博客中,我们就来一探H5开发APP的神秘面纱吧~~ 一. 移动APP项目搭建 由于我们的H5编写的都是一个个网页,需要使用浏览器打开才能使用,这显然不是APP…

我们搞app有一个重要的功能那就是支付功能.无论是微信支付,支付宝,还是银联支付总要有一样支付手段来支持我们网上付款.实现完整的功能.我们公司app的支付方式经过大家开会讨论选择了支付宝支付(其实是当时的条件只能实现支付宝支付(手动哈士奇)).我近期整理了一下我的支付dome决定写出来给有需要的小伙伴. 准备工作就是要去申请  .你得去蚂蚁金服开放平台申请一个应用,地址:https://openhome.alipay.com注册一个应用.申请根据步骤一步一步来很简单.留下官方教程和传送门http…

我们开发app,常常会遇到让用户上传文件的功能.比如让用户上传头像.我公司的业务要求是让用户上传支付宝收款二维码,来实现用户提现的功能.想要调用相册要靠HTML Plus来实现.先上效果图 基本功能是点击按钮就上传图片,然后获取到图片在服务器上的路径. 首先我们要打开相册,使用gallery模块管理系统相册来打开相册 mui('#shangchuan')[0].addEventListener('tap',function(){ chooseImg(); }) function chooseIm…

我们开发app有一定固定的样式,比如头部和底部选项卡部分就是公共部分就比如我在做的app进来的主页面就像图片显示的那样 我们该怎么实现呢,实现我们应该建一个主页面index.html,然后建五个子页面,通过mui来实现切换功能. 在index的html部分写下这样的代码 <body> <header class="mui-bar mui-bar-nav" style="padding-right: 15px;background: #00be68;"…

上一篇我写了关于新建项目,这一篇说一下配置环境我们新建一个移动app后,会发现一个mainifest.json文件,开发app所要配置的环境就在这个文件里 点击打开文件后会有配置界面,在配置界面的下方有关于配置的内容 应用信息主要的写你的项目的介绍和appid以及设置手机的屏幕状态 图标设置是设置app在手机页面上的图标必须是png格式. 启动图片配置是app启动图片也必须是png. sdk配置:是一些第三方授权验证的地方,要是用的第三方授权要进行配置.比如微信登录,qq登录等等,要先申请第三方…

近期在做app,现在项目进行了一段时间,我打算把自己的经验写出来,给自己总结一下也给会用小伙伴看一下.本人前端一枚.我们所以能选的技术就是CSS,HTML,JS了,经过准备我决定用HBuilder 准备工作:HBuilder 下载这个东西就不说了  看一下使用说明 MUI 前端的UI框架 建议做APP前先研究一下 建议做APP前先研究一下 建议做APP前先研究一下                                              (主要看打开页面的方法,事件代替的方法,a…

<p><a href="xxx://app/question/95">点击跳转,直接回帖报名</a></p> /* global navigator, document, window */ var UA = { App: navigator.userAgent.indexOf('naitangApp') >= 0, WeiXin: navigator.userAgent.indexOf('MicroMessenger') >…

  概 述 JRedu 在上一篇博客中,我们学习了如何使用Hbuilder创建一个APP,同时如何使用MUI搭建属于自己的第一款APP,没有学习的同学可以戳链接学习: http://www.cnblogs.com/jerehedu/p/7832808.html 今天这篇博客,我们继续深入学习MUI框架,主要学习这几个方面:加载子页面.页面跳转并传值,底部选项卡的多种实现方式. 一.MUI加载子页面 1加载子页面详解 在mobile app开发过程中,经常遇到卡头卡尾的页面,也就是说头部和尾部保持…

转自:http://blog.csdn.net/linlzk/article/details/45536065 最近发现群内大伙对用Hbuilder做的APP怎么做登录功能以及维护登录状态非常困惑,而我前一段时间正好稍微研究了一下,所以把我知道的告诉大家,节约大家查找资料的时间. 你是否真的需要登录功能? 把这个问题放在最前面并不是灌水,而是真的见过很多并不需要登录的APP去做了登录功能,或者是并不需要强制登录的APP把登录作为启动页. 用户对你的APP一无所知,你就要求对方注册并登录,除非AP…

登录 保存密码 安全 加密 最近发现群内大伙对用Hbuilder做的APP怎么做登录功能以及维护登录状态非常困惑,而我前一段时间正好稍微研究了一下,所以把我知道的告诉大家,节约大家查找资料的时间. 你是否真的需要登录功能? 把这个问题放在最前面并不是灌水,而是真的见过很多并不需要登录的APP去做了登录功能,或者是并不需要强制登录的APP把登录作为启动页. 用户对你的APP一无所知,你就要求对方注册并登录,除非APP本身已经很有名气或者是用户有强需求,否则正常人应该会直接把它删掉. 比较温和的方式…

在前面的文章中对于Kendo UI中的Grid控件的一些基础的配置和使用做了一些介绍,本文来看看如何将Kendo UI 中的Grid网格控件绑定到远程数据. 众所周知Grid网格控件是用户界面的一个重要的接口,尽管jQuery已经使得界面项目变得更加的容易,但是当网页设计时网格依旧是有一点玄乎.Kendo UI 中的Grid控件包含了快速模版引擎以及内置的数据源,使得我们可以非常快速的创建和运行网格. 创建Grid网格 在页面上首先需要一个网格,一个简单的描述了列表头的表格就可以了,如果你要自己…

1.Css3圆角白边:使用css3圆角效果时,在android某些机器上会产生白边,所以应该在圆角的div外套一个div(背景色和外部相同),然后有圆角效果的div 内部使用自己的背景色 border-radius:5px; box-shadow:inset 0 2px 5px #e1e1e1; <div style=””> <div style=”border-radius:5px;box-shadow:inset 0 2px 5px #e1e1e1;”> </div>…

Kendo UI Web中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页.排序.分组.选择等,同时还有着大量的配置选项.使用Kendo DataSource组件,可以绑定到本地的JSON数据或者是远程的数据. 创建Kendo Grid: 1.从现有的HTML表格元素中,用HTML定义组.行.和数据. 2.从 HTML div 元素中,用配置定义列和行,并绑定到数据. 从现有的HTML表格元素创建Kendo Grid:>>>示例代码 初始化Kendo Grid $(do…

安卓手机型号比较多,会出现bottom:0 找不到底部的问题,所以需要计算手机可视区域高度,这样便于使用百分比适配 (function(window,undefined){ /** * js_height.js 计算页面高度 * 调用方法:jsHeight.bodyheight(); 参数ID sub ID给某个DIV加高度 sub某个div高度的减值 * @date 2015-12-28 * @author haitaowang */ function Appheight(){} Apphei…