ionic
尘飞不到
专注前端开发领域
展开
-
关于Ionic
什么是Ionic,Ionic适合怎样的开发?Ionic是一个HTML5的移动应用开发框架,针对构建混合的移动应用程序。混合应用程序从本质上来说,是运行在浏览器内壳里面的小网站,它可以访问本地平台层。混合应用程序有许多超过纯原生应用的好处,特别是在平台支持,发展速度,还有第三方代码支持方面。想像一下,Ionic作为前端UI框架,它会帮助你处理所有你的App需要的外观和UI交互,你的app将变转载 2015-04-18 08:31:54 · 3072 阅读 · 0 评论 -
关于 $http.get在项目打包后,手机端运行无法取得数据
最近的ionic项目,在打包后发布到手机端测试,却奇怪的发现,只要涉及使用api网络请求的地方,全部无法获取数据了,$http请求返回的代码状态status是0。原来,是cordova新版本导致的问题,cordova 5.0增加一个叫cordova-plugin-whitelist的插件,是用来做白名单过滤的,按以下步骤,即可修复情况:1.执行命令 cordova plugin a原创 2015-06-04 09:35:14 · 2672 阅读 · 0 评论 -
ionic的样式布局简单入门
ionic的样式布局主要依赖于 ionic.css 文件,该css文件框架主要提供预定义的CSS类,来帮助我们快速构建适用于手机端的UI。ionic的预定义CSS类主要分以下四类:基本布局类 ionic将手机页面的布局模式基本抽象为三块:头、内容、尾。基本布局类提供了 这几个区域的CSS类。手机App开发实践中,用户界面通常划分为几个区域 - 标题/header原创 2015-04-17 18:35:24 · 4351 阅读 · 0 评论 -
ionic 环境配置
参考文章Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) http://rensanning.iteye.com/blog/2016364phoneGap之Android环境搭建 http://haomou.net/2014/08/06/2014_phonegap_android/ionic框架配置 http://haomou.net/201转载 2015-04-17 18:04:49 · 753 阅读 · 0 评论 -
学习ionic的资源和案例
国内关于ionic的一些资源还比较少,整理一些资源和案例站点,希望对大家有所帮助。许多ionic的简单例子,从这些简单代码可以学到很多知识和理念。 http://codepen.io/ionic/public-list/中文版的ionic文档(虽然现在还不完善),给英文不好的朋友 http://www.ionicframework.net/docs/cnode原创 2015-04-21 22:16:58 · 5791 阅读 · 0 评论 -
Ionic Framework 说明书(ionic命令行 语句)
如果你用了 Ionic Framework 一段时间之后你会发现有好多经常重复用到的命令行语句。有时候经常会突然用到一个特殊的标记或者选项,所以我做了个小抄放在手边。这样在开发我的 app 的时候就能把注意力集中在编程上,不用时不时的去搜索一个特殊的命令了。转载 2015-04-17 22:38:02 · 971 阅读 · 0 评论 -
使用SASS修改iconic样式
iconic使用了sass来快速更改UI样式,通过修改sass,能够编译生成我们要的样式。所以有必要了解学习好sass,来更方便的更改ionic成为我们要的UI。学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只转载 2015-04-21 17:21:20 · 2023 阅读 · 0 评论 -
通过CORS实现跨域方案
Angular推崇的时前后端分离,所以跨域由哪一方实现成为一个问题.这个就不得不说前端技术上的局限性,即使是相对好用的JSONP对于非GET请求也是无能为力的,因为它本质上还是通过script去get一些资源. JSONP这种只能GET的限制,在Angular推崇RESTful风格接口的API场景下,就完全制约了它的使用,总不能弃POST和PUT那些不管.并且JSONP的错误处理很弱转载 2015-04-23 08:37:48 · 813 阅读 · 0 评论 -
ionic开发-使用ngCordova增强设备调用能力
什么是ngCordovangCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。ngCordova是结合cordova和angular包装了许多插件,诸如访问文件,摄像头,GPS等等,这些插件只需要简单配置就可以在ionic中使用。原创 2015-04-19 22:59:57 · 1901 阅读 · 0 评论 -
使用AngularJS的$http服务与服务端进行数据交互
$http服务是基于$q服务的,提供了promise封装,它接受一个配置对象参数,并返回一个promise对象。同时,它还提供了2个方法用来定义Promise回调:success 和 error。 var promise = $http({method:"GET", url:"/someUrl"}). success(function(data, status, he原创 2015-04-22 21:33:07 · 8239 阅读 · 0 评论 -
关于ionic打开外部链接的问题
用ionic开发,遇到些奇怪的症状。记录一下1.升级到cordova 5.0后,在android表现为链接无法打开cordova 5.0需要手动添加whitelist插件,控制对外部链接的访问权限cordova plugin add cordova-plugin-whitelist设置白名单即可。2.打开外部链接没有回退按钮,非常不方便原创 2015-07-10 11:36:32 · 8867 阅读 · 0 评论