Ionic2|PWA

ionic 3 中文教程

1

chalecao 发布于 2017-09-28

时隔三年,记得我最早翻译ionic中文教程的时候,是在2014年秋,一个偶然的机会接触到了ionic,我觉得这家伙简直就是未来。后来因为工作的原因,偏离了这个方向,主要去做web了。如今又回到H5的怀抱,决定重新翻译一下最新的ionic3教程,目前版本ionic 3.12.0, ...

阅读(1930)评论(0)赞 (2)

ionic调试插件开发

2

chalecao 发布于 2017-08-28

其实ionic关于插件这块,主要可以参考cordova,cordova上面的所有插件可以稍作修改,应用到ionic中来,但是由于涉及到一个js注入的问题,所以目前还有另外一个开源项目ng-cordova(www.ngcordova.com ), 也就是组合了cordova和ang...

阅读(977)评论(0)赞 (0)

ionic开发APP版本调试

1

chalecao 发布于 2017-08-28

学习前端,最基本的首先要学会调试。特别是js调试,当然我们做网页,都习惯用chrome或者firebug做调试,的确提供了不少便利。但是我们如今用js开发编译手机APP的时候,调试就显得无力了。皓眸哥我很少调试代码的,基本都是从错误原因反推定位可能出错的地方,基本上想一想就能解决...

阅读(849)评论(0)赞 (0)

Android浏览器Blob问题

1

chalecao 发布于 2017-08-28

如果你使用canvas导出图片,并将图片存储在uint8Array中,然后想通过blob构造之后上传到诸如aliyun oss服务器,或者个人文件服务器,那么你要注意了。在chrome早先版本和目前的android中,至少是andrid5.1之前的浏览器,包括微信浏览器等,都不支...

阅读(1260)评论(0)赞 (0)

ionic在ios9中的bug修复

3

chalecao 发布于 2017-08-28

更新了ios9之后,在微信浏览器测试ionic,在tab导航栏,经常点击一下,跳不到对应页面,还会闪屏,tab导航图标一直闪,然后用Android手机测了一下,正常。还以为是我自己手机配置差的原因,后来发现并不是。 原来是ionic的一个bug。 教程索引:(持续更新) i...

阅读(1023)评论(0)赞 (0)

MAC下Android环境与cordova搭建

3

chalecao 发布于 2017-08-28

为什么需要在mac下用Android,这个主要是因为前几天手痒,哈哈,把系统装成了黑苹果。不过用起来还是蛮流畅的,所以就用这个,懒得换了。熟悉熟悉mac也挺好的,在一个就是现在在学习ionic和cordova,做完项目后可以同时编译生成Android和ios手机app,这样挺方便...

阅读(929)评论(0)赞 (0)

手机网页调试工具weinre

1

chalecao 发布于 2017-08-28

调试手机网页一直很头疼,以前的做法全靠自己分析,用不同的浏览器打开做的网页,根据现象分析结果。貌似好不方便,要是能像浏览器开发者工具那样查看就好了。那么weinre来了。其实这个项目已经早有了。weiner主页:http://people.apache.org/~pmuellr/...

阅读(605)评论(0)赞 (1)

ionic开发插件之ngCordova配置安装

1

chalecao 发布于 2017-08-28

开始学ionic的时候就嫌弃ionic做不了与手机硬件紧密结合的APP,今天无意中看到了另外一个项目ngCordova,福音啊。神马拍照啊,文件上传啊,地理位置啊,借助ngCordova插件都可以实现。ngCordova是结合cordova和angular包装了许多插件,诸如访问...

阅读(771)评论(0)赞 (0)

ionic工具类API和配置

1

chalecao 发布于 2017-08-28

哎,真是不好意思。之前翻译Ionic教程的时候,忘记翻译ionic工具类api和配置这一块了。之前一致比较忙,忘记了。很多朋友经常问一些配置问题,比如为什么android的tab导航在上面,ios的tab导航在下面?…等等。其实这些都可以在ionic里面配置的。下面看我一一道来。...

阅读(1036)评论(0)赞 (0)

ionic发布APP的时候到了

1

chalecao 发布于 2017-08-28

开发完了你的APP项目,仿真器,模拟器都调试了,手机真机也调试了,那么,恭喜你,你快要成功了,只差最后几步了。这里我们一块学学打包发布android APP。

阅读(739)评论(0)赞 (0)

ionic中文javascript API(3)

3

chalecao 发布于 2017-08-28

onic除了提供css框架以外,参看ionic中文详解CSS组件,还是提供了javascript UI库。许多组件都是需要通过javascript来产生比较炫的效果。ionic遵循了mvc的设计模式,这一点可以通过通过创建tab栏的官方例子项目来体会view之间的控制与切换。下面...

阅读(841)评论(0)赞 (0)

Android最新SDK内容合集

1

chalecao 发布于 2017-08-28

打开android SDK manager,更新了半天,啥也没有。苦逼的android开发者,哎~~~喜讯来了,经过博主欢哥的不懈追求与研究,发现咱们可以手动操作,速度刚刚的。先配置好ANDROID_HOME环境变量,然后手动下载SDK以及需要的各个平台和相应的build too...

阅读(1433)评论(0)赞 (0)

reapp之用React开发hybrid app

3

chalecao 发布于 2017-08-28

用了这么久Ionic,是不是发现很多问题。我们来介绍一下Reapp吧。如果Ionic框架可以看成Angular与cordova的结合,那么Reapp可以看成是reactjs与cordova的结合。Reapp是一款使用React来开发混合应用的开源框架,为开发者提供了他们开发所需的...

阅读(560)评论(0)赞 (0)

Android不同API Level差异

1

chalecao 发布于 2017-08-28

Google每出一个Android版本,就对应一个API Level,不同的Level之间有些接口定义的不一样,按理说应该是向下兼容的。可是如果你在开发时用的API Level是17,然后从新开发,用API Level20,那么你就要注意了,这些接口还是有差别的。如果导入包的语句...

阅读(576)评论(0)赞 (0)

基于Ionic+angular在线DIY定制蛋糕项目

11

chalecao 发布于 2017-07-10

最近工作总结,突然想起来自己之前创业独自做的在线DIY定制蛋糕的项目,基于HTML5 + Canvas + Ionic开发,可以在线设计蛋糕、下单购买。后来由于缺少资金,停止开发了。如果又对这方面感兴趣的朋友,可以和我联系。邮箱: 807991555@qq.com,可以在菜单栏找...

阅读(914)评论(0)赞 (0)

Hybrid_APP说一说

1

chalecao 发布于 2015-03-31

今年似乎正刮一阵Hybrid开发风,这里说说三款不同的Hybrid开发框架, Native.js , AppCan , Intel XDK,各自有不同的思路和实现,给Web开发者们提供了不同的App开发平台和能力,那就一个个分别说说。 教程索引:(持续更新) ionic中文教...

阅读(2924)评论(0)赞 (3)

自动化测试之karma和jasmine

5

chalecao 发布于 2015-03-10

相信大家都知道测试的必要性,测试先行的概念。不过,写了这么多年的代码,除了之前用java的时候写过一些测试用例,还真的很少写过前端的测试用例,或者做一些自动化测试。感觉做单元测试还是很有必须的,它能帮助你整理思路,换个角度思考问题,发现bug。最近正好研究一下,之前了解到jasm...

阅读(2346)评论(0)赞 (0)

ionic文件选择与上传

2

chalecao 发布于 2015-01-07

采用ionic开发hybrid app混合应用,自然少不了使用文件选择和上传操作,经过皓眸哥左看看,右瞅瞅,有两种可以实现的方法: 1.采用cordova插件,需要使用js绑定事件操作,无法使用angular 2.使用ngCordova插件,这个是结合cordova与angu...

阅读(3116)评论(0)赞 (0)

phoneGap之Android环境搭建

chalecao 发布于 2015-01-05

PhoneGap,一早就听说有这么一个神奇的应用,它可以把WEB项目打包成各种移动平台的应用程序。这里我就研究一下,把之前开发的WebRTC项目打包成Android平台的apk文件试一下。正好公司现在比较缺少Android应用开发人员,看来web应用还是很有前景的。不过在网上看过...

阅读(2326)评论(0)赞 (1)

ionic中文javascript API(2)

3

chalecao 发布于 2014-10-20

ionic除了提供css框架以外,参看ionic中文详解CSS组件,还是提供了javascript UI库。许多组件都是需要通过javascript来产生比较炫的效果。ionic遵循了mvc的设计模式,这一点可以通过通过创建tab栏的官方例子项目来体会view之间的控制与切换。下...

阅读(1552)评论(0)赞 (0)

ionic中文详解CSS组件(2)

13

chalecao 发布于 2014-10-09

接着上一篇ionic中文详解CSS组件(1),我这里将一些相关组件的介绍合在一起,给出综合例子和显示效果,方便自己查阅。另外官网的JS API介绍文档有问题,国内访问不能跳转,请参考我的另一篇ionic中文javascript API.

阅读(2344)评论(0)赞 (1)

ionic中文教程

1

chalecao 发布于 2014-10-06

做前端的同学有福了,学完比较热火的angular,你就可以开始动手做静态的WebApp了,这是多么幸福的一件事啊。静态的WebApp,你可以做任何的Demo,甚至可以做一些通关小游戏这个先不谈。做完了WebApp之后,神器IonicFramework来了,只要你的App没有涉及像...

阅读(6546)评论(0)赞 (0)

ionic中文javascript API(1)

4

chalecao 发布于 2014-08-11

ionic除了提供css框架以外,参看ionic中文详解CSS组件,还是提供了javascript UI库。许多组件都是需要通过javascript来产生比较炫的效果。ionic遵循了mvc的设计模式,这一点可以通过通过创建tab栏的官方例子项目来体会view之间的控制与切换。下...

阅读(2550)评论(0)赞 (0)

ionic中文详解CSS组件(1)

34

chalecao 发布于 2014-08-09

本来不想写这个的,因为毕竟官网已经列的很详细了css component,国内的网络由于种种原因,有时候右边并不会显示一个手机框用于展示效果。我这里将一些相关组件的介绍合在一起,给出综合例子和显示效果,方便自己查阅。另外官网的JS API介绍文档有问题,国内访问不能跳转,请参考我...

阅读(6430)评论(1)赞 (0)

ionic框架配置

2

chalecao 发布于 2014-08-07

这段时间在做手机应用开发,由于目前部分缺少Android开发人员,所以想做个WebApp的形式,然后用phoneGap打包,先做第一个样品试用。研究了比较多的开发框架,后来自己用AngularJS和Ratchet搭建了一个小框架,做的差不多了,然后感觉有些限制,用cordova编...

阅读(2242)评论(0)赞 (0)