ionic2 打包的js文件太大了 怎么缩小啊

ionic 英 [au026au02c8u0252nu026ak] 美 [au026au02c8ɑ:nu026ak] adj. 离子的; [例句]This paper focuses on the applications of room temperature ionic liquids as solvents for catalysis and organic reactions.简述了室温离子液体在氢化反应、氧化反应和酯化反应等有机反应中作为催化剂和溶剂的应用。

怎么样，快速认识Ionic战队哪个国家的？1. 简介Ionic战队是一支近年来崛起的电竞战队，主要参加移动游戏竞技比赛。而他们来自哪个国家呢？他们的主场在哪里？下面我们来一起了解。2. Ionic战队来自哪个国家？Ionic战队来自中国。这支战队成立于2017年，是国内移动游戏竞技领域新晋势力。他们的主场在北京。3. Ionic战队的成员来自哪里？Ionic战队的成员来自不同的地区，但多数都来自中国大陆。他们在游戏竞技中的表现备受关注，战队组建初期就获得了游戏开发商和赞助商的支持。4. Ionic战队在电竞领域的成就Ionic战队在电竞领域的表现令人瞩目。他们参加的游戏竞技比赛，凭借团队配合和技术实力，多次在国内外比赛中获得前列成绩。5. Ionic战队的比赛风格如何？Ionic战队以团队配合见长，擅长在比赛中寻找敌方的疏漏，迅速下手取得胜利。而在比赛的过程中，他们注重策略和技术的搭配，善于利用手中的卡牌组建出各种有利于战斗的卡组。6. Ionic战队的未来发展方向Ionic战队的未来发展方向，在于拓展国内外电竞市场。他们不仅要维护自己在国内市场的地位，更要在国际竞技舞台上拼搏。同时，他们还将继续优化自己的比赛策略，提升技术实力。7. 结语Ionic战队是一支备受瞩目的电竞战队，虽然成立时间不长，但凭借着强大的团队配合和技术实力，已经在国内外比赛中取得了不俗的成绩。我们相信，在未来的发展中，他们一定能够赢取更多的荣誉。

（一）Hybrid(混合)模式开发的应用自有的性能缺陷。由于应用的逻辑执行是基于浏览器所带的JavaScript动态代码在界面主线程上执行,因此在低端Android设备上性能缺陷严重,用户操控时卡顿感很明显。好在随着Android系统设备提供商的硬件跑分残酷竞争,目前市面所售的智能手机使用Ionic开发出的APP应用与原生应用相比已经基本无差异感了。不过即使如此,Ionic也不能用于有较高实时图形响应要求的游戏开发。（二）深度依赖于AngluarJS框架AngluarJS框架在为Ionic带来各种好处的同时,也带来了初学者学习，深刻理解的人用起来效率很高,不理解的用了到处是坑的局面。而对AngluarJS框架的深度依赖,也让Ionic在AngluarJS开发团队开发其2.o版本时决定重起炉灶抛弃以前的架构的时候处境尴尬,不得不有点被胁迫地将Ionic框架同步升级为2.o版本,将开发使用的主力语言从JavaScript转为微软主导开发的TypeScript。（三）深度依赖Cordova插件提供硬件设备的接口当没有相应的Cordova插件提供想要的硬件设备的接口时,开发人员需要自己分别编写IOS和Android平台的插件。当然这种情形出现的几率并不大。（四）Windowsphone支持比较弱Ionic的官方网站已经基本没有关于Windowsphone的开发内容。好在Windowsphone的市场也已经日暮西山,这部分微软死忠用户的价值基本不用惦记了功能丰富，使用方便，但是比较笨重，比较大

摘要：Ionic是一个前端的框架，帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。有了它，开发者可以使用HTML5做出原生应用的感觉。　　原生应用通常跑起来会更快、更平稳，带给用户的体验也更出色。然而Web设计者/开发者也一直在寻找着一种工具，将原生应用的体验带到Web技术中。Ionic是一个前端的框架，帮助开发者使用HTML5、CSS3和JavaScript做出原生应用。　　Ionic不能完全取代PhoneGap和JavaScript框架的作用，但是它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的AngularJS拓展（可选）之外，还有大量的组件。　　对于开发工具来说，速度也是一个重要的因素。带有DOM操作最小化、零jQuery和硬件加速功能的Ionic可以给你留下好的印象。　　Ionic的联合创始人Max Lynch介绍这款工具时提到，这款工具就是由几个对Web开发十分狂热的普通程序员做出来的。Ionic倾向于关注标准兼容（standards compliant）的代码，这么做是比较超前的。他们的目标是通过HTML5使移动开发变得既简单又惊艳。转载

ionic在英语中是ion离子的形容词。Ionic与ion的关系是Ionic包含ion，ion属于Ionic，而ion有很多种，也可以搭配很多后缀。ion是Ionic的基本元素的前缀。

$http 建议使用 promise 原有的 .then .catch .finally 方法 不建议使用 .success .error 等方法 (无法链式调用)

1、ionic是一个强大的应用程序开发框架。2、用户可以在ionic中创建Modal控制器，从而实现ionic模态对话框和Modal控制器组件之间传值。

　　Ionic是一个前端的框架，帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。ionic的理念类前端开发的BootStrap，目标是封装HTML5移动跨平台开发的最佳实践，就像Twitter Bootstrap在前端开发中做的一样。Ionic框架目前发展很迅速，我们从2014年3月开始使用，当时是1.0.0beta2，现在已经更新到1.0.0beta10，大概每2个星期会出一个beta版本，并且都包含实质性更新。Ionic框架很先进，js部分是基于AngularJS框架，大量使用了Css3，css生成基于Sass，构建工具基于最新的gulp，版本升级基于bower，原生层无缝封装了cordova。　　使用Ionic框架，可以有效利用AngularJs的特性，极大的提供HTML5应用开发效率，质量，模块化程度。根据我们的经验，使用ionic开发，比使用基于jquery的移动框架，同样功能代码量会减少50%，开发速度提高一倍以上；与原生开发相比，不考虑原生应用开发不能跨平台的因素，同样是在iOS上开发，使用ionic要比使用oc开发快一倍以上。用户体验方面，在iOS和高端Android设备（1500元以上的手机，平板）上，与原生应用差别不大，一般用户无法分辨出是HTML5的。目前来看，市场竞争激烈的App，暂时还不适合用HTML5开发，即使HTML5完全能实现业务需求，例如去哪儿，携程这种竞争性的App。但在企业应用领域，使用ionic有明显优势，我们已经用ionic框架上线了iPad和android　　Pad企业应用。　　ionic官网为开发者提供了多个开发模板，如默认的Tab模板（页面基于类微信的Tab组织，使用了ionTab指令），Sidemenu模板等

在网上查了很多资料都没找到对应的解决方案，自己后面研究了下。大致找到了解决办法，虽然不是最完美的解决方案，但是也基本能解决问题了。 接的一个外包项目中需要在安卓机上使用思源字体，而在苹果机上使用苹方字体。当时考虑ionic是否有对应的平台配置项可以解决这个问题，但是在下ionic不是特别精通，始终没有找到解决的办法。最后想到在ios中运行，元素类名中会自动加入“ios”字符。所以最终选择的解决方案如下：在app.scss中引入思源字体和苹方字体，然后对所有元素设置为思源字体，对类名包含ios字符的元素使用苹方字体（但是把字体图标排除在外：not(ion-icon)）。这是本人想到的解决方案，如果有更优雅的解决方式欢迎大家告知。谢谢。

1. 必要性Ionic 基于 Cordova和AngularJS，兼容npm的。你可以这么理解：Ionic 里的JS是采用AngularJS语法的，所以，你必须要先知道AngularJS是怎么回事儿，它的各种模块该如何写（典型的模块名称以及APP架构： config、services、factories、controllers、filters、directives）；针对你这个问题的话呢：你要使用Ionic 那简洁优雅的命令打包跨平台的移动端APP的话，你就必须要学它。2. 学习AngularJS的好处至于AngularJS的好处，你百度或者谷歌一下，连篇累牍的，反正就一个字儿：好，好到能颠覆你之前对JS的认知，AngularJS是JS模块化的一个典型类库或环境。

一般Ionic项目创建可以使用ionic-cli命令，即： 然而查看该命令说明和源码是没有Vue的项目模版的（见 STARTER_TEMPLATES中的projectType ）。 所以使用Vue来创建项目： 这是Vue很基础的东西，安装依赖并运行看下： 此时可以看到项目能正常运行的，一般来说，应用都需要和路由打交道，所以添加下路由： 对Ionic集成，安装ionic相关依赖（其中@ionic/core是组件部分，@ionic/vue是封装成Vue方式调用的接口部分）： 安装完成后，在main.js中添加配置： 再次运行，发现命令行会有告警提示： 同时页面也会报错，显示空白页面，这是一个BUG（前期的版本是没有这个BUG的），我们需要安装ionicons，而且它对版本有要求，要在V4.5.10以下，所以执行： 此时再次运行，没有告警也没有错误提示，但是还是空白页面，调试页面发现有这样一个样式： 我也不知道这是干嘛用的，改了再说： 此时页面看到有东西了， 那我们尝试下ionic的组件能不能用 ，在Home.vue页面添加一个按钮： 可以看到组件渲染出来了，为了和ionic的dom结构保持一致，把App.vue稍微改动一下，变为如下： 我们再试试看事件能不能响应，页面稍微改一下： 运行，发现能正常使用的。 为了支持Ionic的路由和使用其动画和样式，@ionic/vue里在vue-router的基础上做了封装，所以处理一下，打开router.js，修改一下（把Router替换为IonicVueRouter即可）： 此时看到路由也是正常使用的。 众所周知，Ionic默认是使用android/md（Material Design）模式的，如果想使用ios模式，在<html>上添加mode="ios"，即： index.html添加meta项： 至此，基本项目配置就完成了，后续再谈论更多细节。

有啊，ionic 是一个前端框架，通过restful跟后台对接，用于开发hybrind app，淘宝、支付宝客户端就是这种 混合开发的

问题一,解决办法有如下这些: 重启Eclipse,方法File—>Restart。 尝试重启ADB服务。 你可以在sdk目录如c:Program FilesAndroidandroid-sdk-windowsplatform-tools下建一个叫restartADB.bat的windows批处理文件,文...

打包文件夹可以用压缩工具WinZip。一、WinZip软件简介。WinZip是由NicoMak Computing公司推出的一套基于Windows XP/Vista/7环境下的64位数据压缩工具。这个工具是目前Windows环境下最常用的压缩工具，它性能稳定，功能强大，使用方便，并且支持多种格式的压缩文档，如：Zip、GZ、Z、Uuencoded、Xxencode、BinHex等。64位版本的WinZip软件要求操作系统为Windows XP/Vista/7及以上版本。对硬件的要求是：486以上的电脑、16MB内存、1.5MB以上的可用硬盘空间。WinZip为在Windows下进行文件压缩和解压工作带来很大的便利。这个软件具有以下特点：WinZip支持长文件名和Windows 7外壳的紧缩集成方式，支持WinZip到资源管理器的拖放功能，压缩和解压都不用离开资源管理器。WinZip支持常用的Internet文件格式，允许通过IE浏览器直接从网上下载WinZip格式的压缩文件，并且不需要存盘就可以进行解压。建立与PKZip兼容的压缩，支持多盘文件压缩，操作更为简便。引入向导界面，方便用户操作。二、WinZip软件界面。WinZip的界面十分简单明了，主要由标题栏、菜单栏、工具栏和文件显示主窗口几个部分组成。其中主窗口中显示被打开的压缩文档中所有文件的名称、大小、日期等信息。工具栏中的工具按钮提供了WinZip软件常用操作的快捷方式，并且，WinZip还提供了联机帮助功能。在压缩和解压时，能够保留文件的属性，可以对系统文件和隐藏文件进行压缩和恢复。WinZip配置了病毒扫描和清除工具，解压之前可以检查文件中是否有病毒存在并把它清除。具有设置口令和文件加锁功能，保护文件不被破坏，还能够修复被破坏的文件。三、使用WinZip软件压缩文件。使用WinZip软件压缩文件十分方便，单击New按钮，打开New Archive对话框，在Create In下拉列表中选择压缩后文件要存放的位置，输入压缩后的文件名，单击OK按钮。在弹出的Add对话框中选中要压缩的文件夹，然后单击Add按钮就开始压缩了。还可以在Windows资源管理器中用鼠标右键单击要压缩的文件名，在弹出的菜单中选择Add to Zip命令，就会弹出Add对话框，在对话框中设置好压缩文件存放位置后，单击Add按钮，即可把文件压缩到预定位置。四、使用WinZip软件解压缩文件。要对压缩文件进行解压缩，首先在WinZip界面上单击Open按钮，选择打开压缩文件，然后单击Extract按钮，打开Extract对话框。在Extractto文本框中输入文件解压缩后要存放的位置，再单击Extract按钮，就可以把文件解压缩到指定的位置，另外，也可以在资源管理器中用鼠标右键单击要解压的文件，当在弹出菜单中选择Extractto选项，也可以弹出Extract对话框。使用WinZip还可以解压ZIP文件中的某一部分文件。在打开的压缩文件列表中，用鼠标右键单击要解压的文件。在弹出菜单中选择Extract命令，并在Extract to对话框中输入文件解压缩后要存放到的位置，然后单击Extract按钮即可解压这个文件。

首先需要安装好node.js（网上教程很多）这是为了使用npm来安装ant，cordova，ionic验证是否安装好node.js的方法是在命令提示符中输入“node -v”若出现版本号，证明安装成功。下载jdk，并配置java环境（网上教程很多）验证是否安装好的方法是在命令提示符中输入“javac”若出现如下内容，证明安装成功。安装ant,并配置相应的环境（网上搜教程）验证是否安装好ant的方法是在命令提示符中输入“ant -v”若出现版本号，证明安装成功。现在就可以安装cordova了，根据下图一步一步来就好了，官网有，可以自己搜下；验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”若出现版本号，证明安装成功。接下来是安装成功ionic的重要一步了，就是安装express,cmd 输入：npm install express 等待一会即可接下来就可以安装ionic了，也是按下图，或是去官网查看步骤;注意：如果按步骤执行到最后三步，发现出错，请先安装android sdk或者可以直接省略最后三步（即只用执行到 cd myApp），在命令提示符中输入“ionic serve”直接在浏览器中查看效果；

A subset of vacuoles are the organelles known as lysosomes, which contain digestive enzymes (packaged in lysosomes in the Golgi complex) that can break down most biological macromolecules. They act to digest food particles and to degrade damaged cell parts.溶酶体是液泡亚单位，含有消化酶，降解大部分生物大分子。消化食物微粒和降解损伤的细胞残片。

因为在 app 中保持 session 很烦而且浪费，所以 app 通常使用 token based authentication （太长了，后面请允许我叫它 TBA :-）来做认证。ionic 使用前端的技术栈，但思路得按 app 的来。简单答的话你可以搜索 json web token 作为一个起点。为什么说 session 在 app 上不好用我们都知道 http 是无状态的，而 session 却为浏览器与服务器提供了保持“会话”的能力。而这种好处是有代价的。我真是爱死这句话了。 session 的原理就不用我再多嘴了，总之就是浏览器与服务器需要做一些额外的工作，用于保证一次会话里的所有连接符合某种协议，才能达到效果。传统网站里，这部分额外的工作是由浏览器承担的。浏览器会完成所有的脏活累活，前端只管用就好了。但在 app 里面，谁来管这些事情？难道说每一个需要访问鉴权 api 的 app ，哪怕再小的需要，都得用上一个小浏览器？这种方案看上去并不能接受。既然保持状态的代价不能接受，那不保持好了。让 http 回到它最原始的样子。现在问题变成了：没有状态的情况下如何鉴权？答案倒也简单：每次连接都带上用户名密码。。。token based authentication听起来很糟糕，也确实不能这样做。。。这就是 BAT TBA 派上用场的时候了。我们只向服务器出示一次用户名密码，服务器认证了我们的身份之后，生成一个字符串“令牌”（token）。 app 拿到令牌后，访问每一个 api 都附带上令牌，而 api 看到令牌后，就会知道你是有权限访问它的，进而返回数据。这样就避免了多次传递用户密码这种敏感信息，而这个 token 的存储位置就很多选择了， ionic 的话还可以用到浏览器的 window.localStorage 。

存在即是合理，ionic可以让开发变得更简单，一套代码同时支持浏览器 安卓 苹果 windowsphone，比起原生，性能稍弱。我倒是很乐意用

ionic 划动事件 : on-swipe在屏幕上按住并快速拖动时，将触发on-swipe划动事件：gesture-swipe根据划动方向的不同，可细分为以下指令： on-swipe - 向任何方向的划动都触发事件 on-swipe-up - 向上划动时触发事件 on-swipe-down - 向下划动时触发事件 on-swipe-left - 向左划动时触发事件 on-swipe-right - 向右划动时触发事件可以在任何元素上使用这些指令挂接事件监听函数：<any on-swipe="...">...</any>ionic事件脚本接口 : $ionicGesture除了使用之前介绍的特定指令实现手势事件的监听，也可以使用$ionicGesture服务 注册/解除手势事件监听： on(eventType,callback,$element,options) - 注册手势事件监听函数参数eventType是支持的事件类型，参看下面介绍；参数callback指定监听函数； 参数$element是要绑定事件的jqLite元素。on()方法返回的是一个ionic.gesture对象，可供解除监听用。 off(gesture,eventType,callback) - 解除手势事件监听函数参数gesture是on()方法返回的结果对象，参数callback是要移除的监听函数。$ionicGesture服务支持的事件类型有：hold, tap, doubletap, drag, dragstart, dragend, dragup, dragdown, dragleft, dragright, swipe, swipeup, swipedown, swipeleft, swiperight, transform, transformstart, transformend, rotate, pinch, pinchin, pinchout, touch, release

Ionic默认的Tabs模板 ，Android的在上方，IOS的在下方。在www/js/app.js修改配置，添加一个变量，再修改相应属性： .config(function($stateProvider,$urlRouterProvider,$ionicConfigProvider){$ionicConfigProvider.platform.ios.tabs.style("standard");$ionicConfigProvider.platform.ios.tabs.position("bottom");$ionicConfigProvider.platform.android.tabs.style("standard");$ionicConfigProvider.platform.android.tabs.position("bottom");$ionicConfigProvider.platform.ios.navBar.alignTitle("center");$ionicConfigProvider.platform.android.navBar.alignTitle("left");$ionicConfigProvider.platform.ios.backButton.previousTitleText("").icon("ion-ios-arrow-thin-left");$ionicConfigProvider.platform.android.backButton.previousTitleText("").icon("ion-android-arrow-back");$ionicConfigProvider.platform.ios.views.transition("ios");$ionicConfigProvider.platform.android.views.transition("android");然后再在Android平台上调试Tabs就在下面了并且别的组件工作也正常 特别注意Cordova的配置一定要正确尤其是AndroidADTVisualStudio默认是不配置的具体参考这篇文章 复制代码代码如下:").addClass("pre-numbering").hide();((this).addClass("has-numbering").parent().append()numbering);for(i=1;i<=lines;i++){(numbering.append()(" ").text(i));};$numbering.fadeIn(1700);});}); 以上就介绍了IonicTabs，包括了ionic,tabs方面的内容，希望对IOS开发有兴趣的朋友有所帮助。

命令行执行：ionic serve

使用npm install -g cordova ionic命令安装Ionic，提示this is related to npm not being able to find a file，如图：可以使用sudo cnpm install -g cordova ionic --unsafe-pem=true 来安装成功了。

离子导从科学的角度来讲,这种现象是:< 安徽大学<.←.<6<⑨< 2<⑦<6 <7<8 <电是指在液体或固体中离子传导电流的现象。离子导电可以分为两种类型:液体离子导电和固体离子导电。液体离子导电液体离子导电是指电解质溶液中带电离子通过电导现象来传输电流的现象。电解质溶液中带电离子的数量很大,离子之间的电荷相互作用会导致电解质溶液在电场中产生电导。液体离子导电是众所周知的化学反应和电化学反应的基础。电解质溶液的电导率由离子浓度、离子电荷和运动迁移率等因素决定。固体离子导电固体离子导电是指离子在晶体或非晶体中传递电流的现象。在固体离子导电的过程中,离子通过晶格结构的缺陷位点进行迁移。固体离子导电的重要性在于一些材料可以在高温下表现出良好的离子导电特性,这使得它们成为电化学能源技术(如燃料电池和固体氧化物燃料电池)中的重要组成部分。固体离子导电分为两种类型:电荷载体型和质子型离子导电。电荷载体型离子导电:在电荷载体型离子导电中,带电离子通过晶体结构中的缺陷位点进行传输。这些缺陷位点可以通过添加杂质、控制晶体生长、通过热处理方法等制备。这种类型的离子导电主要用于制备输运材料(如氧化物离子输运材料和离子液体)。质子型离子导电:在质子型离子导电中,质子通过固体化合物的结构中的水分子络合物和氧原子团簇进行传输。质子型离子导电具有重要应用,包括固体氧化物燃料电池中的固体氧化物电解质和杂化电池中的质子交换膜电解质等。总体而言,离子导电是重要的科学现象,广泛应用于化学、电化学和材料科学等领域。

1-己基-2,3-二甲基咪唑六氟磷酸盐1-十六基-2,3-二甲基咪唑六氟磷酸盐1-己基-2,3-二甲基咪唑四氟硼酸盐1-己基-2,3-二甲基咪唑溴盐1-丁基-2,3-二甲基咪唑双（三氟甲烷磺酰）亚胺盐1-丁基-2,3-二甲基咪唑四氟硼酸盐1-丁基-2,3-二甲基咪唑氯盐1-十六基-3-甲基咪唑溴盐1-十六基-3-甲基咪唑氯盐1-十四基-3-甲基咪唑溴盐1-十四基-3-甲基咪唑氯盐1-十二基-3-甲基咪唑六氟磷酸盐1-十二基-3-甲基咪唑四氟硼酸盐1-十二基-3-甲基咪唑溴盐1-十二基-3-甲基咪唑氯盐1-癸基-3-甲基咪唑六氟磷酸盐1-癸基-3-甲基咪唑溴盐1-癸基-3-甲基咪唑氯盐1-辛基-3-甲基咪唑双（三氟甲烷磺酰）亚胺盐1-辛基-3-甲基咪唑六氟磷酸盐1-辛基-3-甲基咪唑四氟硼酸盐1-辛基-3-甲基咪唑溴盐1-辛基-3-甲基咪唑氯盐1-己基-3-甲基咪唑双（三氟甲烷磺酰）亚胺盐1-己基-3-甲基咪唑六氟磷酸盐1-己基-3-甲基咪唑四氟硼酸盐1-己基-3-甲基咪唑溴盐1-己基-3-甲基咪唑氯盐1-戊基-3-甲基咪唑溴盐1-丙基-3-甲基咪唑双(三氟甲烷磺酰)亚胺盐1-丙基-3-甲基咪唑六氟磷酸盐1-丁基-3-甲基咪唑醋酸盐1-丁基-3-甲基咪唑对甲基苯磺酸盐1-丁基-3-甲基咪唑硫氰酸盐

npm install -g ionic ionic@1.1.0@后面是你需要的版本号，安装之前先卸载原来的 npm uninstall -g ionic如果你装了cnpm，可以用cnpm安装会更快

make是根据依赖文件的时间戳来决定要不要重新编译的。在：object: deplist # actions中，可以把头文件加进deplist，这样修改头文件后，make就会重新编译了。单纯地修改文件，而不设置Makefile，则make程序不知道你这个文件对应哪个编译目标

重新找一个资源下载这个程序。可能下载源文件有问题

ionic-datepick_ntroduce_on-datetime官方文档地址:https://ionicframework.com/docs/api/datetime_onic时间 ion2calendar一个可配置与可选择范围日期的ionic2日历组件

先卸载 npm uninstall -g ionic再重装 npm install -g ionic@1.0.0 @后面是你的版本号如果你有cnpm可以cnpm install -g ionic@1.0.0防止被墙

1.弹窗如果自己写的话 要在$ionicBackdrop 上面的话，那么你的弹窗的z-index一定要大于ionicBackdrop的2.建议用ionic提供的弹窗3.自己写弹窗的话 就自己写个透明背景 ，透明背景可以是一个div 和ion-content同级别，然后绝对定位 宽度百分之百 高度百分之百

参考如下内容,应该是不行的:android打包能使用Ionic来开发app的很可能对Ios和android的app打包发布流程不是很熟悉，我这里简单说明下： Android Android的打包比较简单执行命令：1 ionic build android -release 找到www/platform目录下生成的apk包，此时的apk还不能被安装到手机上，还需要一步签名操作，大家可以参考：http://www.cnblogs.com/qianxudetianxia/archive/2011/04/09/2010468.html 创建key，需要用到keytool.exe (位于jdk1.6.0_24jrein目录下)，使用产生的key对apk签名用到的是jarsigner.exe (位于jdk1.6.0_24in目录下)，把上两个软件所在的目录添加到环境变量path后，打开cmd输入D:>keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore/*说明：-genkey 产生密钥 -alias demo.keystore 别名 demo.keystore -keyalg RSA 使用RSA算法对签名加密 -validity 40000 有效期限4000天 -keystore demo.keystore */D:>jarsigner -verbose -keystore demo.keystore -signedjar demo_signed.apk demo.apk demo.keystore/*说明：-verbose 输出签名的详细信息 -keystore demo.keystore 密钥库位置 -signedjar demor_signed.apk demo.apk demo.keystore 正式签名，三个参数中依次为签名后产生的文件demo_signed，要签名的文件demo.apk和密钥库demo.keystore.*/　　注意事项：android工程的bin目录下的demo.apk默认是已经使用debug用户签名的，所以不能使用上述步骤对此文件再次签名。正确步骤应该是:在工程点击右键->Anroid Tools-Export Unsigned Application Package导出的apk采用上述步骤签名。

ionic g page [newPageName] --pagesDir [dirName]例：ionic g page setting --pagesDir src/pages/aboutIonic跨平台项目（八）ionic2、ionic3命令大全

在调用豆瓣api数据时，ionic serve 和 ionic run android后，在网页和手机app中都有跨域问题。无意间看到必须加上白名单才能用，我想是不是这个原因，后来查了资料发现cordova5.0版本以后的为了安全都禁止了发送请求,很多的东西我们必须自己配置: 然后在我们app的config.xml中配置(添加<allow-navigation> 标签):具体的请看 白名单的API ,这下我们可以不用jsonp了，也不用担心跨域了

如果你想修改ionic插件中所有的ion-item，找到ionic.css或者ionic.min.css的文件，打开修改类名为ion-item他的样式。也可以在自己当前页面重写ion-item样式。或者直接写style 样式把他原来默认的样式给挤掉，就这3种方法了。第一种方法慎用。。。上次这么干的，坟头草都半米了。

页面布局首先在"tab-message.html"中添加聊天消息的布局<ion-view> <ion-content on-swipe-left="onSwipeLeft()"> <!--这里的rj-close-back-drop是自定义指令, 后面会讲是干嘛的--> <ion-list rj-close-back-drop> <ion-item class="item-avatar" on-hold="popupMessageOpthins($index)" rj-hold-active ng-repeat="message in messages"> <img ng-src="{{message.pic}}"> <!--这个就是来了新消息, 头像上的小红数字--> <span class="rj-sm-red-icon" ng-show="message.showHints"><p ng-bind="message.noReadMessages"></p></span> <h2 ng-bind="message.name"></h2> <p class="rj-list-p" ng-bind="message.lastMessage.content"></p> <span class="rj-push-right" ng-bind="message.lastMessage.time"></span> </ion-item> </ion-list> </ion-content></ion-view>大家在试这个的时候, 由于"messages"还未定义, 先不绑定, 用实际的值代替,像这样<img src="img/ben.png"><span class="rj-sm-red-icon"><p>1</p></span><h2>小王</h2><p class="rj-list-p">你在干什么?</p><span class="rj-push-right">12:30</span>这样就能看到效果了自定义样式可以看到上图有点丑, 需要我们自己修改样式, 可以自己添加css文件link进来, 但官方推荐使用sass的方式修改, 关于sass的语法, 可以看 这个 , 看完就差不多可以了.首先在项目目录下,运行命令$ionic setup sass$ionic serve运行以后, 就会对 scss/ionic.app.scss 文件监控, 有修改, 会自动编译该文件, 输出到 css/ionic.app.css所以你每次修改保存scss文件后, 浏览器会看到实时的效果, 非常方便.打开 scss/ionic.app.scss 文件, 如下/*To customize the look and feel of Ionic, you can override the variablesin ionic"s _variables.scss file.For example, you might change some of the default colors:$light: #fff !default;$stable: #f8f8f8 !default;$positive: #387ef5 !default;$calm: #11c1f3 !default;$balanced: #33cd5f !default;$energized: #ffc900 !default;$assertive: #ef473a !default;$royal: #886aea !default;$dark: #444 !default;*/// The path for our ionicons font files, relative to the built CSS in www/css$ionicons-font-path: "../lib/ionic/fonts" !default;可以看到官方预定义的颜色几个颜色, 如果要修改预定义的颜色, 直接修改这里就可以了.我们自己的样式, 直接在后面添加. 我们在后面添加$item-avatar-border-radius: 0;可以发现头像变成方的了, 那怎么知道修改这个变量呢?打开 www/lib/ionic/scss/ 目录, 可以看到很多scss文件├── _action-sheet.scss├── _animations.scss├── _backdrop.scss├── _badge.scss├── _bar.scss├── _button-bar.scss├── _button.scss├── _checkbox.scss├── _form.scss├── _grid.scss├── ionicons├── ionic.scss├── _items.scss├── _list.scss├── _loading.scss├── _menu.scss├── _mixins.scss├── _modal.scss...这些都是官方的样式文件, 找到 items.scss 文件, 这个就是ion-item相关的样式, 再搜 border-radius 很快就能找到啦具体的细节我就不说啦, 其它的修改都类似, 可以参考 我的代码popup的使用关于$ionicPopup的详细使用, 可以参考 官网首先在 controllers.js 文件中添加一个controller:.controller("messageCtrl", function($scope, $state, $ionicPopup, localStorageService, messageService) {$scope.popup = { isPopup: false, index: 0};$scope.onSwipeLeft = function() { $state.go("tab.friends");};$scope.popupMessageOpthins = function($index) { $scope.popup.index = $index; //这里通过$ionicPopup.show()方法创建了一个自定义的popup $scope.popup.optionsPopup = $ionicPopup.show({ templateUrl: "templates/popup.html", scope: $scope, }); $scope.popup.isPopup = true;};//实现标为已读/未读, 注意$scope.popup.optionsPopup.close()方法//用来关闭弹窗, 我竟然找了很久才发现这个接口$scope.markMessage = function() { var index = $scope.popup.index; var message = $scope.messages[index]; if (message.showHints) { message.showHints = false; message.noReadMessages = 0; }else{ message.showHints = true; message.noReadMessages = 1; } $scope.popup.optionsPopup.close(); $scope.popup.isPopup = false; messageService.updateMessage(message);};这里要注意两点要在routes.js中将该controll传进去需要通过自定义样式, 去掉自带的标题和按钮//routes.js.state("tab.message", {url: "/message",views: { "tab-message": { templateUrl: "templates/tab-message.html", controller: "messageCtrl" }}})自定义指令细心的人会发现两个问题:弹出popup时, 联系人列表没有动画效果弹出popup后, 点击popup以外的地方, popup不能消失, 这两个问题, 就通过自定义指令来解决首先在 directives.js 文件中添加 rjCloseBackDrop 指令, 用来解决上面第二个问题.directive("rjCloseBackDrop", [function() { return { scope: false,//共享父scope restrict: "A", replace: false, link: function(scope, iElm, iAttrs, controller) { //要在html上添加点击事件, 试了很久- -! var htmlEl = angular.element(document.querySelector("html")); htmlEl.on("click", function(event) { if (event.target.nodeName === "HTML" && scope.popup.optionsPopup && scope.popup.isPopup) { scope.popup.optionsPopup.close(); scope.popup.isPopup = false; } }); } };}])再创建 rjHoldActive 指令, 用来解决第一个问题.directive("rjHoldActive", ["$ionicGesture", "$timeout", function($ionicGesture, $timeout, $ionicBackdrop) { return { scope: false, restrict: "A", replace: false, link: function(scope, iElm, iAttrs, controller) { $ionicGesture.on("hold", function() { iElm.addClass("active"); //300ms后恢复 $timeout(function() { iElm.removeClass("active"); }, 300); }, iElm); } }; }])最后分别在 ion-list 和 ion-item 上添加指令<ion-list rj-close-back-drop> <ion-item class="item-avatar"rj-hold-active ng-repeat="message in messages">

在Windows下使用ionic打包与开发IOS程序ionic开发Android程序都不需要安装eclipse等IDE，只要一个能写SSS，JS ，HTML的IDE就行（Hbuilder，WebStrom，Sublime Text）， 开发完成之后不就执行个ionic platform add android,ionic build android，然后就能生成一个.apk文件，给手机上一安装O了。安装ionic开发环境（这个和在windows上安装android开发环境类似）。安装Nodejs，按照步骤下载安装即可。安装cordova，ionic，sudo npm install -g cordova ，sudo npm install -g ionic 或者合成一句统一安装sudo npm install -g cordova ionic。创建项目，cd firstIonicProjectForIosionic serve(自动在afai浏览器中打开)浏览器中运行项目（调试项目）。模拟器中运行项目因为apple开发的证书限制我们在没有申请购买apple账号的情况下，使用虚拟机来部署我们的应用，在部署之前需要使用npm安装一个ios-sim插件用来调用模拟器。用Ionic来开发app的很可能对Ios和android的app打包。开发iOS程序需要mac本，没的话就只能在虚拟机上安装一个MacOS。ionic开发ios程序就得安装Xcode IDE，这个ipa文件不能被直接安装到苹果上，只能先上传到APP Store，人家审核通过之后，我们再从APP Store上下载。

npm install -g ionic ionic@1.1.0 @后面是你需要的版本号，安装之前先卸载原来的 npm uninstall -g ionic 如果你装了cnpm，可以用cnpm安装会更快

话不多说： 1、 cordova.platformId 2、 ionic.Platform.isAndroid 3、 device.platform 1和2测试有效，直接使用赋值，无需注入。 3是 cordova-plugin-device 这个插件提供： 具体： https://github.com/apache/cordova-plugin-device

Fitbit Ionic智能手表拿到手后， 我们开始关注Fitbit Ionic智能手表的续航怎么样？毕竟不想隔两天就需要充一次电，这样劳心劳累。今天小编就为大家科普下关于Fitbit Ionic智能手表的续航怎么样。先看参数通过查看Fitbit Ionic智能手表的参数，我们发现续航时间是4天以上，但是这么模糊的续航时间带来只是一部分的参考价值。具体续航Fitbit Ionic内置有GPS/GLONASS定位，带有心率传感器，支持实时监测，可通过蓝牙4.0连接无线耳机惊喜音乐播放。续航方面，Ionic在GPS开启下可以达到10小时，基本可满足绝大部分运动时的追踪。能满足运动爱好者跑完几场马拉松。总结Fitbit Ionic智能手表正常续航下有着4天以上的续航时间，GPS开启下可以达到10个小时的续航，让我们充分应对运动记录。更多有关Fitbit Ionic智能手表使用方面的教程请点击下方获取王者之心2点击试玩

在单击事件中写:new 副对话框().setVisible(true);-------------------------------用这种方法试试:new JDialog1(new javax.swing.JFrame(), true).setVisible(true);

在实际开发，App经常需要调用摄像头进行拍照，或者从相册中选择照片，以下就是ionic调用手机摄像头的步骤 （1）引入插件 （2）在app.module.ts中引入并声明 并在providers中声明Camera （3）在需要用到的页面ts文件中引入 在构造函数constructor中声明private camera: Camera 注意一点： iOS设备必须在info.plist文件中添加上相机权限 NSCameraUsageDescription

　　一、理想状态下，controller之间是不会互相调用的 ，controller之间的交互可以通过service，rootScope全局共享对象等方式实现，一般情况下，推荐使用service进行交互 二、清空指定state缓存，可以说不缓存某个state或页面吗？如果这样可以使用以下几种方法 禁用全局缓存 $ionicConfigProvider.views.maxCache(0); 在state provider中禁用缓存 $stateProvider.state("myState", { cache: false, url : "/myUrl", templateUrl : "my-template.html" }) 在标签中禁用缓存 <ion-view cache-view="false" view-title="My Title!"> ... </ion-view>

古希腊建筑基本上是三种主要柱式： 多立克柱式：希腊多立克柱式（Doric Order）的特点是比较粗大雄壮，没有柱础，柱身有20条凹槽，柱头没有装饰，多立克柱又被称为男性柱。著名的雅典卫城（Athen Acropolis）的帕提农神庙（Parthenon）即采用的是多立克柱式。 爱奥尼柱式：希腊爱奥尼柱式（Ionic Order）的特点是比较纤细秀美，柱身有24条凹槽，柱头有一对向下的涡卷装饰，爱奥尼柱又被称为女性柱。爱奥尼柱由于其优雅高贵的气质，广泛出现在古希腊的大量建筑中，如雅典卫城的胜利女神神庙（Temple of Athena Nike）和伊瑞克提翁神庙（Erechtheum）。 科斯林柱式：希腊科斯林柱式（Corinthian Order）的比列比爱奥尼柱更为纤细，柱头是用毛莨叶（Acanthus）作装饰，形似盛满花草的花篮。相对于爱奥尼柱式，科林斯柱式的装饰性更强，但是在古希腊的应用并不广泛，雅典的宙斯神庙（Temple of Zeus）采用的是克林斯柱式。

我们可以借助两个类tabs-icon-left和tabs-icon-top来实现。图标在文字左方代码大概如此：<div class=”tabs tabs-icon-left”>-------------------------------------</div>图标在文字上方代码大概如此：<div class=”tabs tabs-icon-top”>-------------------------------------</div>选项卡除了位置调整，还可以设置颜色，添加徽章标记呢。若想进一步了解，可以看看秒秒学Ionic课程的第二章。

ionic没有问题，是你自己的代码错了。这是因为运行到ionic就发现了你的代码错误，你可以把刚才你写的代码一部分一部分删除，测测是从什么时候开始报错的。

修改项目目录下config.xml--name标签ENDAPP图标和启动画在项目的根目录下创建resources文件夹在文件夹中都放入icon.png（应用图标，最小192x192px，不带圆角），splash.png（启动屏幕，最小2208x2208px，中间区域1200x1200px）(可以是png、psd、ai)在cmd中进入项目所在文件夹执行：ionic resources出现问题："Invalid upload: unable to read uploaded image"解决问题：把图片格式给换成了ai格式然后再执行ionic resources（如果有其他方法，小伙伴可以告诉我）执行该命令后，会自动在resources文件夹下创建已添加的平台名称的文件夹，如：android，其中会自动将图片进行缩放、裁剪，生成不同分辨率的图片，并在config.xml中添加相应内容

button.scss 和 _button-bar.scss，以及_variables.scss(66行-163行)。按钮是手机app不可或缺的一部分，不同风格的app，需要的按钮多种多样，按钮的设置涉及按钮的大小、颜色、状态等。下面将对ionic的按钮样式做一一笔记。ionic button样式ionic默认提供9种颜色风格：$light: #fff !default;$stable: #f8f8f8 !default;$positive: #4a87ee !default;$calm: #43cee6 !default;$balanced: #66cc33 !default;$energized: #f0b840 !default;$assertive: #ef4e3a !default;$royal: #8a6de9 !default;$dark: #444 !default;使用如下所示：<button class="button"> Default</button><button class="button button-light"> button-light</button><button class="button button-stable"> button-stable</button><button class="button button-positive"> button-positive</button><button class="button button-calm"> button-calm</button><button class="button button-balanced"> button-balanced</button><button class="button button-energized"> button-energized</button><button class="button button-assertive"> button-assertive</button><button class="button button-royal"> button-royal</button><button class="button button-dark"> button-dark</button>效果图如下：按钮风格首先定义了基础的.button，以及根据不同的颜色风格，定义不同ative行为特效。.button基础样式部分代码如下：// _button.scss 第7行 - 30行.button {// set the color defaults@include button-style($button-default-bg, $button-default-border, $button- default-active-bg, $button-default-active-border, $button-default-text);position: relative;display: inline-block;margin: 0;padding: 0 $button-padding;min-width: ($button-padding * 3) + $button-font-size;min-height: $button-height + 5px;border-width: $button-border-width;border-style: solid;border-radius: $button-border-radius;vertical-align: top;text-align: center;text-overflow: ellipsis;font-size: $button-font-size;line-height: $button-height - $button-border-width + 1px;cursor: pointer;另外，根据不同的颜色样式的active的效果也不一样，如positive颜色样式的active效果如下： $button-positive-bg: $positive !default;$button-positive-text: #fff !default;$button-positive-border: darken($positive, 15%) !default;$button-positive-active-bg: darken($positive, 15%) !default;$button-positive-active-border: darken($positive, 15%) !default; 字体颜色为白色（#fff），边框颜色加深15%；当按钮按下时，背景颜色加深15%。其它颜色样式的active效果类似。Block Buttons & Full Width Block Buttons通常按钮的宽度是由text长度+左右padding值决定的，所以很难满足100%宽度的填充父容器。然而，ionic提供了block级的button样式（Block Buttons & Full Width Block Buttons）。

<ion-view> <ion-nav-buttons side="left"> <button class="button" ng-click="doSomething()"> 一个在导航栏左侧的按钮！ </button> </ion-nav-buttons> <ion-nav-buttons side="right"> <button class="button" ng-click="doSomething()"> 一个在导航栏右侧的按钮！ </button> </ion-nav-buttons></ion-view>

ionic2页面堆叠（个人理解）导致页面只请求一次，需求需要每打开一次页面请求一次，百度半天找不出相似的方法。 最后找到了一个大神的记录，在此借用一下。 (不会变表格。。。) ionViewDidLoad 页面加载完毕触发。该事件发生在页面被创建成 DOM 的时候，且仅仅执行一次。如果页面被缓存（Ionic默认是缓存的）就不会再次触发该事件。该事件中可以放置初始化页面的一些事件。 ionViewWillEnter 即将进入一个页面变成当前激活页面的时候执行的事件。 ionViewDidEnter 进入了一个页面且变成了当前的激活页面，该事件不管是第一次进入还是缓存后进入都将执行。 ionViewWillLeave 将要离开了该页面之后变成了不是当前激活页面的时候执行的事件。 ionViewDidLeave 在页面完成了离开该页面并变成了不是当前激活页面的时候执行的事件。 ionViewWillUnload 在页面销毁和页面中有元素移除之前执行的事件。 ionViewDidUnload 在页面销毁和页面中有元素移除之后执行的事件 在这里ionViewWillEnter和ionViewDidEnter都会在进入页面时执行，但是ionViewWillEnter会先执行。已修改工程，暂时未见什么问题。 ionViewWillEnter同时适用于 this.nav.Ctrl.push()跳转，自动生成的返回按钮点击返回亲测有效。this.app.getRootNav().push（）无效。 解决一大难题啊！哈哈~ 刚记完笔记回去，页面就报错了（啪啪啪打脸）。ionViewWillEnter和ionViewDidEnter同时用会报错去掉一个就行，will，did这是一个问题。。。。