ionic

项目需求：使用Ionic1做混合App开发，使用Leaflet提供地图服务 遇到问题：地图上的click事件在Ionic App中不生效，在浏览器（PC和移动端）都可以 通过在Leaflet的github Issue 上搜索，有人遇到类似问题，解决方案是在地图的容器上加属性data-tap-disabled="true"，如下： 通过加这个属性，我的问题也解决了。后面查了一下ionic.bundle.js源码，其中2624行开始的注释有解释，Ionic Tap System 与 Google Map 和 Leaflet Maps等有touch detection system的第三方库有冲突，为解决这个冲突，可以禁用Ionic Tap System：

新年第一天，勇气君也不忘更新公众号。为了彻底贯彻勇气君一直以来的剁手方针，也是为了解答一直以来同学们在后台的问题，我们今天就来谈一谈大家都很感兴趣的功能服饰，高端的压缩衣，性感的紧身衣，高科技的开关衣….钢铁侠脱掉衣服也很牛逼，就是因为穿了一套不错的压缩衣当然，一如既往地，我们在文末也为大家准备了诚意满满的新年福利哦！早期紧身衣：Nike Pro说到功能服饰，勇气君最先接触到的就是紧身衣了。2011年马拉松刚开始在国内兴起，那时最先横空出世的爆款产品必然是Nike Pro紧身衣。NBA巨星经常身穿Nike Pro打比赛作为国内最开始流行的功能服饰，Nike pro系列有紧身短裤长裤、紧身T恤等等明星产品，风靡各大校园的篮球场，渐渐地也开始在马拉松赛道上流行开来。和所有紧身衣一样，Nike Pro系列防止肌肉过度颤动，进而提高运动表现效果。甭管最终马拉松的成绩是否因为提高了多少，但是在一个紧身衣刚开始普及的年代，穿着Nike pro的跑者着实风骚。但是Nike Pro的设计初衷是打底的产品，大部分跑者却外穿到比赛当中。甚至跑圈里还争论着“Nike Pro的紧身短裤是否可以当泳裤使用”的奇怪争论？直到2012年，勇气君有一天在马拉松赛道上见到了一身黑丝、更加紧致的Skins压缩衣。与紧身衣相比，据说压缩衣除了减少肌肉抖动，还可以提高血液循环效率，减缓乳酸堆积。当然，更重要的是，高大上的压缩衣比Nike pro逼格不知道高到哪里去了！压缩衣三巨头: Skins, 2xu, CWX在2012年的时候，一套带有黄色线条的黑色Skins压缩衣，被广大跑者誉为“跑步圣衣”，曾几何时，“等我马拉松进了400，我就败一套Skins A400”成为了多少马拉松跑友们口中的誓言！Skins A400的产品影响有多大？国内著名的跑步BBS“跑步圣经”的Logo就是以Skins为蓝本设计！Skins的产品有多受欢迎？想当年多少大神，只身穿着一套A400黑丝，外面一丝不挂地出现在各大山野草丛中….然而对于学生党，以及尚没有能力完成全马的爱好者，一套近千元的A400就是遥不可及的礼物，他们只好选择性能稍差、逼格稍逊、但是外观极其相似，且性价比极高的A200。Skins A200是Skins和李宁合作的压缩衣，曾经短暂的出现在跑步装备产业，但是论品质和性能仍比上不足比下有余。

histrionic是“戏剧性的”的意思，historical是“历史的; 有关历史研究的; 历史学的; 历史题材的”的意思histrionic和historical意思截然不同，它们都是形容词，histrionic表示戏剧性的，historical表示于历史有关的，历史的。

最近ionic 更新了新版本所以导致上面的方法也不能用了！！！！ 因为npm-shrinkwrap.json这个文件也更新了 但是cnpm并没有做出及时更新 所以某些依赖压根找不到 菊花就一直转。教大家一个终极方法！！！driftyco/ionic-cli · GitHubionic-cli直接 zip包先下载下来然后打开会有一个bin文件记住bin的路径记住bin的路径然后把bin 添加到环境变量里面去就可以了 这里说一下 linux(mac)系统的方法 windows就更简单了 直接我的电脑右击....export PATH=/usr/local/lib/node_modules/ionic/bin:$PATH当然 命令行的话关闭terminal以后就没效果了 所以还是要先到 ~/bash_profile里面去添加环境变量 具体的操作 可以百度 。配好以后 输入ionic 就ok了

ionic的npm-shrinkwrap.json 锁死了全部依赖文件都走 npmjs,教题主一个方法clone一份ionic-cli 找到根目录下的npm-shrinkwrap.json 把里面的npmjs改成taobao的。然后传到你自己的github上然后npm install git地址ok搞定！－－－－－－－－－－－－－－－分割线－－－－－－－－－－－－－－－－－－－OHHHH !BULLSHIT!!最近ionic 更新了新版本所以导致上面的方法也不能用了！！！！ 因为npm-shrinkwrap.json这个文件也更新了 但是cnpm并没有做出及时更新 所以某些依赖压根找不到 菊花就一直转。教大家一个终极方法！！！driftyco/ionic-cli · GitHubionic-cli直接 zip包先下载下来然后打开会有一个bin文件记住bin的路径记住bin的路径然后把bin 添加到环境变量里面去就可以了 这里说一下 linux(mac)系统的方法 windows就更简单了 直接我的电脑右击....export PATH=/usr/local/lib/node_modules/ionic/bin:$PATH当然 命令行的话关闭terminal以后就没效果了 所以还是要先到 ~/bash_profile里面去添加环境变量 具体的操作 可以百度 。配好以后 输入ionic 就ok了 LLLLLOOOOOLLLLLL!!!然后你可能又回遇到一个坑...那就是调试功能 你想要在浏览器里开控制台 看angularjs 的话就直接在命令行里输入ionic serve 就可以进入 浏览器模式开发 如果你出现问题了 报了某些错误 比如An uncaught exception occurred and has been reported to Ionic那么就在终端这么写 ionic serve --address 127.0.0.1

1.准备工作 下载 Ant（打包使用），Node.js（下载包），HBuilder（IDE，编写代码，真机调试）,Android SDK (Android编译) 加群：2452857682.配置环境变量： ANDROID_HOME D:Program Filesadtsdk （对应sdk路径） Path ;D:Program Filesapache-ant-1.9.4in （对应ant下bin路径）3.安装ionic等，运行命令提示符（管理员） 输入 a. 将cordova和ionic包安装到全局环境中（可供命令行使用）：[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片npm install -g cordova ionic b. 进入你要创建项目的路径：[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片cd E:StudyAndroidionicProject e: c. 创建一个名为myApp的还有tabs的项目（ionic start <project-name> <optional-template>） 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白）:[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片ionic start myApp tabs d. myApp就为项目名称,进入myApp这个文件夹:[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片cd myApp e. 添加android平台:[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片ionic platform add android f. 生成androidapk:[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片ionic build android g. 在android模拟器或真机中模拟:[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片ionic emulate android 其中f和g可以合并为：[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片ionic run android 即生成apk，并在模拟器或真机中模拟。4.更新ionic等 a.更新cordova及ionic包[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片npm update -g cordova ionic b.更新已建ionic项目中的js类库，命令行中先进入项目所在目录，然后运行：[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片ionic lib update 5.展现ionic项目结果（显示在ios和android上的样式）[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片ionic serve --lab 6.查看ionic版本（当前最新版本为1.2.13）

看了下上个答案就是拷贝粘贴过来的，都不知道问啥。所以我来回答下吧，测试了半天。看ionic start 的命令帮助 应该能用命令创建 可是试了好几次都不成功。命令是ionic start --appname "IonicAppTest" --id com.carry.ionicAppTest IonicAppD或者-a -i 但是都不好使。无语。。。 不过你们可以试一下还有另一种方法，因为创建的时候会生成一个配置文件config.xml，把里面的widget id 改成自己想要的包名就可以了，其中name就是你项目名称，默认的MyApp，改成你想要的。然后add ios/android 就可以了

父页面中的iframe :如下<iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>;1.父iframe 调用子iframe的方法$("#sunPage")[0].contentWindow.sunMethod();contentWindow 对象可以获取子iframe的window对象,兼容所有浏览器.sunMethod() 这是子iframe中的方法名.如果iframe的id不知道，比如用jbox 的open方法打开一个ifram.可以借助jquery的find方法找到iframe节点。如：$(selector).find("iframe")[0].contentWondow.sunMethod();2.父iframe 修改子iframe标签中的数据:如修改子iframe中的input的值.$("#sunPage").contents().find("#sunP").text("dsssssdd");jQuery contents() 方法: http://www.w3school.com.cn/jquery/traversing_contents.asp 介绍ID #sunP 是子iframe中的input的id;3.子iframe调用父iframe中的方法window.parent.daoYo("asdadasds");window.parent 直接调用window对象的parentdaoYo("asdadasds"); 父页面的方法名,可传参数;4, 子iframe 修改父iframe标签中的数据:如修改父iframe中的input的值.这个就不用说了.window.parent.$("#button3").text("ssssssssssss");

在 loading 的时候，总是有一层白色背景在 loading 图片后面，如下图： 如果是在 IOS 上，这样的效果很原生，非常漂亮，但是如果你不想要这个白色的背景，那可以通过修改 scss 变量来进行设置。 打开 theme 文件夹下的 variables.scss ，设置如下变量，即可移除背景以及背景阴影了：

<select id="select"> <option value="123">456</option></select>var a = $("#select").val(); // 结果为 123var b = $("#select option:selected").val(); // 结果为 123var d = $("#select option:selected").attr("value"); // 结果为 123var c = $("#select option:selected").text(); // 结果为 456

打包的时候报了内存溢出的错误（不加prod的时候不会内存溢出） windows: mac: increase-memory-limit 通过修改 ng.cmd 和 ngc.cmd 两个文件中添加 --max-old-space-size 解决 修改 package.json 文件

使用“js压缩”工具可缩小体积，可百度搜索“js压缩”查找工具把js代码ctrl + a全选，再ctrl + c复制，粘贴到js压缩工具里，点击“压缩”或“普通压缩”，然后再把压缩后的代码复制粘贴到js文件中。

无标题文档 var Atop = 0; function inix(){ Atop = findPos(document.getElementByIdx("Layer1"))[1]; } function move(){ document.getElementByIdx("Layer1").style.pixelTop = Atop + document.documentElement.scrollTop; } function find

ion-infinite-scroll 标签中 那个初始记载的load()中，你可以定义一个$scope变量。 事先大致算好，一屏幕大概要多少数据，如果第一次加载数据没有铺满屏幕，那么进入load马上让这个scope变量=false，ion-infinite-scrol

三种都是化学键metallic bonds金属键，金属单质或者合金才会有。ionic bonds离子键，阴阳离子间形成的，有阳离子和阴离子，一般是盐和碱中才有。covalent bonds共价键，非金属元素之间的化学键，在离子化合物中、共价化合物中都有可能有。比如氢氧化钠中，钠离子与氢氧根离子是离子键，氢氧根里氢原子与氧原子是共价键。

rui插件是什么插件？怎么还会用到dll文件，lz一定要小心哦。如果确认安全，可以把这个文件放在C:WindowsSystem32下，然后在运行里输入命令regsvr32 "C:windowsSystem32ionic.zip.dll就可以了。

我也遇到了相同的情况 请问你怎样解决的呢？

怎么说呢，前端开发其实也挺有需求的。但你要做等于是从头学前端了，会比较累。要先学H5，js等技术，然后才能学ionic的使用。除非公司肯投入一定的时间成本培养你，如果是等着要你做项目出活儿的话，就不是太合适了。既然是学后端的，那么最好还是做后端好些吧。

　　只要有ajax就可以与后台通讯了。至于ionic，在ios上的表现性能比较好，安卓有些卡，除非是很好的机器

错误原因从Android Gradle plugin 2.2.0开始，gradle会自动加载需要的SDK, build-tools，但是因为没有接受license，导致加载依赖终止。解决办法（1）找到自己的android SDK位置，进入Tools/bin目录下（2）打开cmd（不要用其他的），进入上面的目录（3）输入下面命令sdkmanager.bat --licenses（4）输入之后，会跳出来很多东西，我们只需要全部写上y即可（5）成功提示

1、背景模糊（字不透明） background: rgba(0, 0, 0, 0.5); 2、背景图透明（字不透明） <div style="position:relative; z-index:0;color:white;text-align:right;margin:1% 2%;float:left;width:45%;border-radius: 20px"> <div style="border-radius: 20px;position:absolute;width:100%;height:100%;z-index:-1;opacity:0.5; filter:alpha(opacity=50);"></div> <div style="font-size: 25px;padding-top:10%;padding-right:10%;"> test</div> </div> 3、背景的淡入 @keyframes fade-out { 0% {opacity: 0.3;}/ 初始状态 透明度为0.3 / 40% {opacity: 0.6;}/ 过渡状态 透明度为0.6 / 100% {opacity: 1;}/ 结束状态 透明度为1 / } @-webkit-keyframes fade-out {/ 针对webkit内核 / 0% {opacity: 0.3;} 40% {opacity: 0.6;} 100% {opacity: 1;} } .screen { animation: fade-out;/ 动画名称 / animation-duration: 2s;/ 动画持续时间 / -webkit-animation:fade-out 2s;/ 针对webkit内核 / } 在标签加入class属性‘screen"（属性可自行更改）。

covalent bond = attraction beeen nuclei and electron ionic bond = attraction beeen cation(positively charged) and anion(negatively charged) To determine when to use covalent and when to use ionc you need to cosider the electronegativity beeen the atom Generally speak If the difference is *** aller than 2 the atoms are covalently bonded (further divided to polar and non-polar) while if the difference is larger than 2 the atoms are ionically bonded But for your level you may understand ionic bond as metal ion/ammonium ion(NH4+)/hydronium ion(H3O+) bonded with non-metal ion; and covalent bond as the bond formed beeen o or more non-metal atoms. 2011-06-23 18:38:53 补充： for the drawings ionic bond for example MgCl2 the diagram will be like [Mg]^2+ 2[Cl]- (note that you need to draw the valence electrons of the anion) 2011-06-23 18:40:55 补充： covalent bond for example O2 You need to draw the O atoms together that is their outermost electron shell overlap each other then draw the bonded electrons and unbonded electrons in the outermost shell of each atom 2011-06-24 13:11:58 补充： To Knowledge enhance Life: As I remember when drawing the diagram of ionic pound it is not necessary to draw the valence electron of the cation. 2011-06-28 14:39:32 补充： Oh I see thanks a lot!!! 参考: me me me Ionic bond －is formed by electron trfer电子转移 from a metallic atom 　to a non-metallic atom. －the electrostatic attractive force beeen the positively 　charged cation and the negatively charged anion －Non-directional because the attraction is in all directions －Example: NaCl Covalent bond －formed by electron sharing电子分享 beeen o non-metallic atoms. －The shared electrons are located in beeen the nuclei 　of the bonding atoms. －Directional because the attraction only occurs on the direction joining the 2 atoms －Example: Cl2 How to draw? I have made o examples for you. Na(2 8 1) trfer one electron from its outermost shell to the outermost shell of Cl (2 8 7) Thus they obtain the octet structure Na bee positively charged and Cl bee negatively charged. 图片参考：imgcld.yimg/8/n/HA00524824/o/701106220074413873462470 By the sharing of electron both Cl(2 7) can obtain the Octet structure. Remarks: in drawing covalent bond You are required to show the electron of outermost shell . Dot and crisscross must be used together in order to distinguish electrons beeen o atoms. 2011-06-28 00:03:34 补充： I make an amendment here!!! If no any special requirement of the question it is not necessary to draw the valence electron of the cation. Thank you!! Please notice that: Covalent bond can be applied to both metals and non-metals (e.g. polyatomic ions) 一个化合物中 由金属及非金属组成 如 NaCl （氯化钠） 就系ionic covalent就系由非金属组成 如 CO2（二氧化碳） 咁你明啦- - 画图的话呢 书上就有ga啦。

　　2.0表示两声道左声道右声道低音由于完全音频占单位0.1所用0.1表示2.1表示两声道低音相比2.0低音5.1环绕前左右+低声外6.1

（1）input的checked是一个html属性，checked的值没有意义，只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法，只要有checked就表示页面在加载的时候checkbox被选中，没有写就页面加载的时候checkbox就不被选中。

方法倒是有很多种，不过直接利用资源管理器无疑是最快捷的。我说的并不是解决方案的资源体系，而是System.Resource.ResourceReader和Writer，虽然不像ResourceManager一样有丰富的支持，但是仅靠枚举接口也足够你使用了。我抽了点空直接给你写了个辅助静态类（ResPacker），注释齐全已调试，拿走用吧^_^using System;using System.Collections;using System.Collections.Generic;using System.Resources;using System.IO;using System.Drawing;namespace ConsoleApplication3{ class Program { //写在前面： //1.这个辅助类可以帮你把任意多的任意对象都塞到一个文件里去，也能一次性的提出来 //2.赶时间，一句try.catch都没写，自己补上 //3.不建议将不同类型的对象打包到一个文件里。用Image就都Image，用string就都string，免得取出来后还要判断类型 //4.增加和删除我没有写，原因是打包的资源文件本质是连续的字节流，从中间删一个文件太麻烦 //5.增加操作可以使用非覆盖模式的打包方法强制追加（后面有说明） //6.删除操作建议读取所有的资源，删掉不要的然后一次性覆盖写入 //7.再次提醒，.NET是决不允许资源名重名或者是数字首字资源名的。数字首字问题我已处理，重名问题自己看着办，最好穿进去前就丢到字典当主键 //8.我未做文件占用检测，所以请避免一边打包一边解包。 //9.此为静态类，给客户用的增删改小工具程序请把此类复制走 //999.感谢您的围观！代码随便用！有麻烦还找我！ static void Main(string[] args) { //打包 Dictionary<string, object> dicToPack = new Dictionary<string, object>(); dicToPack.Add("key1", Image.FromFile(@"c:UsersMakoPictures1.jpg")); dicToPack.Add("key2", "hello world"); ResPacker.Pack(dicToPack); //解包 Dictionary<string,object> dicRcv= ResPacker.GetAllResources(); Console.WriteLine((string)dicRcv["key2"]); Console.WriteLine(dicRcv["key1"].GetType().FullName); Console.ReadKey(); } } public static class ResPacker { /// <summary> /// 批量打包任意对象到资源文件 /// </summary> /// <param name="objCollection">被打包对象的列表。键值对中键为其在资源文件中的唯一标示名。</param> /// <param name="targetFilePath">目标资源文件。默认参数为当前目录下的"MyRes.pck"文件。</param> /// <param name="overwrite">是否覆盖已存在的目标文件。默认=True</param> public static void Pack(IDictionary<string,object> objCollection, string targetFilePath = "MyRes.pck", bool overwrite = true) { if (overwrite) File.Delete(targetFilePath); using (ResourceWriter rw = new ResourceWriter(targetFilePath)) { foreach (KeyValuePair<string, object> pair in objCollection) //为了防传进来的资源名有数字开头，资源名都加了前缀_ rw.AddResource("_" + pair.Key, pair.Value); rw.Generate(); rw.Close(); } } /// <summary> /// 解包资源文件，返回所有资源及其资源名 /// </summary> /// <param name="targetFilePath">要解包的资源文件。默认为当前目录下的"MyRes.pck"</param> /// <returns>资源字典，键值为资源唯一标示名。若无资源返回空集合。</returns> public static Dictionary<string,object> GetAllResources(string targetFilePath = "MyRes.pck") { Dictionary<string, object> rtn = new Dictionary<string, object>(); using (ResourceReader rr = new ResourceReader(targetFilePath)) { foreach (DictionaryEntry entry in rr) rtn.Add(((string)entry.Key).Substring(1), entry.Value); } return rtn; } /// <summary> /// 根据资源名在指定的资源文件中检索资源 /// </summary> /// <param name="resName">资源名</param> /// <param name="targetFilePath">要在其中检索的资源文件名，默认为"MyRes.pck"</param> /// <returns>资源名对应的资源</returns> public static object SearchResource(string resName,string targetFilePath="MyRes.pck") { object rtn=null; using (ResourceReader rr = new ResourceReader(targetFilePath)) { foreach(DictionaryEntry entry in rr) if ((string)entry.Key == "_" + resName) { rtn = entry.Value; break; } } return rtn; } }}

undle display name会 控制最终显示给用户的应用程序名。bundle name 就是整个应用程序所形成的bundle name吧， 我感觉是这样。一般最后修改一下bundle display name为中文就可以啦。 bundle name不用修改就行。

angular.module("mySuperApp", ["ionic"]).controller(function($scope, $ionicPopup, $timeout) { // 触发一个按钮点击，或一些其他目标 $scope.showPopup = function() { $scope.data = {} // 一个精心制作的自定义弹窗 var myPopup = $ionicPopup.show({ template: "<input type="password" ng-model="data.wifi">", title: "Enter Wi-Fi Password", subTitle: "Please use normal things", scope: $scope, buttons: [ { text: "Cancel" }, { text: "<b>Save</b>", type: "button-positive", onTap: function(e) { if (!$scope.data.wifi) { //不允许用户关闭，除非他键入wifi密码 e.preventDefault(); } else { return $scope.data.wifi; } } }, ] }); myPopup.then(function(res) { console.log("Tapped!", res); }); $timeout(function() { myPopup.close(); //由于某种原因3秒后关闭弹出 }, 3000); // 一个确认对话框 $scope.showConfirm = function() { var confirmPopup = $ionicPopup.confirm({ title: "Consume Ice Cream", template: "Are you sure you want to eat this ice cream?" }); confirmPopup.then(function(res) { if(res) { console.log("You are sure"); } else { console.log("You are not sure"); } }); }; // 一个提示对话框 $scope.showAlert = function() { var alertPopup = $ionicPopup.alert

ionic如果你使用tabs为abstract的话，默认是缓存页面的，可以在state里面设置禁用缓存：cache: false

能的，但具体实现上，还是有一些需要自己去适应的。

1.配置android studio 环境;1.1配置Java环境 下载jdk,jre（jre好像是跟jdk一起的，jdk1.8.0_101，jre1.8.0_101） 参考文档:如何配置jdk,jre的参考文档 配置的环境变量：PATH(jre/bin以及bin目录),ClASSPATH(lib以及lib/tools.jar目录),JAVA_HOME(jdk的安装目录) 测试配置java变量是否成功的方法是：在dos命令行输入：java -v,以及javac1.2配置ant环境（同样需要配置环境变量） 下载地址:ant下载地址 配置环境变量：系统变量PATH(ant的bin目录环境)； 测试ant安装是否成功:在dos命令行输入ant -v 如果显示ant版本说明安装成功。1.3下载Android studio（目前安装的是2.2版本的android studio;） 下载地址:android studio 下载地址 配置环境变量：系统变量：ANDEOID_HOME(SDK 目录)，PATH（SDK的tools以及platform-tools目录）; 测试android studio是否安装成功:dos命令行输入android -h,输出option相关信息表示成功！备注：Path:配置包或者二进制文件夹的路径；ClassPath:配置的是类的路径;

页面布局 首先在"tab-message.html"中添加聊天消息的布局 大家在试这个的时候, 由于"messages"还未定义, 先不绑定, 用实际的值代替,像这样 1 小王 你在干什么? 12:30 这样就能看到效果了 自定义样式 可以看到上图有点丑, 需要我们自己修改样式, ...

通常是这样做的，js控件选择一个日期后该控件的前面会有一个input框，该框的值就是你选定的值，然后再把form提交埃 另一种方法就是可以用ajax实现。

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

Debug和Release区别VC下Debug和Release区别最近写代码过程中，发现 Debug 下运行正常，Release 下就会出现问题，百思不得其解，而Release 下又无法进行调试，于是只能采用printf方式逐步定位到问题所在处，才发现原来是给定的一个数组未初始化，导致后面处理异常。网上查找了些资料，在这 罗列汇总下，做为备忘～一、Debug 和 Release 的区别Debug 通常称为调试版本，它包含调试信息，并且不作任何优化，便于程序员调试程序。Release 称为发布版本，它往往是进行了各种优化，使得程序在代码大小和运行速度上都是最优的，以便用户很好地使用。Debug 和 Release 的真正区别，在于一组编译选项。Debug 版本参数 含义/MDd /MLd 或 /MTd 使用 Debug runtime library(调试版本的运行时刻函数库)/Od 关闭优化开关/D "_DEBUG" 相当于 #define _DEBUG,打开编译调试代码开关(主要针对assert函数)/ZI创建 Edit and continue(编辑继续)数据库，这样在调试过程中如果修改了源代码不需重新编译GZ 可以帮助捕获内存错误Release 版本 参数含义/MD /ML 或 /MT 使用发布版本的运行时刻函数是忽略了

1npm按装包失败 更换源：npm config set registry 或者使用cnpm sudo npm install -g cnpm --registry 2.ionic真机调试 ionic run android --livereload -c -s 3.ionic run ios 报错 sudo npm install -g ios-deploy --unsafe-perm=true 4.跨域(...

第一步，创建静态页面checkbox.html，并引入ionic的相关CSS文件和JS文件，如下图所示：第二步，创建复选框容器，利用无序列表展示不同样式的复选框，代码如下：<li class="item item-checkbox"> <label class="checkbox"> <input type="checkbox" /> </label> 松树</li>第三步，第二步中没有添加checkbox-样式class，这里添加checkbox-assertive，代码如下：<li class="item item-checkbox"> <label class="checkbox checkbox-assertive"> <input type="checkbox" /> </label> 梨树</li>第四步，添加一个复选框，给定样式class为checkbox-balanced，代码如下：<li class="item item-checkbox"> <label class="checkbox checkbox-balanced"> <input type="checkbox" /> </label> 柳树</li>第五步，添加一个复选框，给定样式class为checkbox-calm，代码如下：<li class="item item-checkbox"> <label class="checkbox checkbox-calm"> <input type="checkbox" /> </label> 樟树</li>第六步，添加一个复选框，给定样式class为checkbox-dark，代码如下：<li class="item item-checkbox"> <label class="checkbox checkbox-dark"> <input type="checkbox" /> </label> 梧桐</li>

html通过iframe把2.html加载进来，然后通过iframe.contentWindow.A()就可以； 1、必须两个页面在同一个域。 2、将两个页面的js拿出来，保存为a.js。 3、在两个页面里都引用这个a.js，那么里面的函数在两个页面里都能使用了。

宝马530空调出现了怎么关闭？可以找专业的人给你关一下。

Fitbit Ionic智能手表的出现，相信很多新人小白在担心Fitbit Ionic智能手表有没有NFC功能?能不能佩戴它进行线下支付，刷地铁，公交?今天小编就为大家收集整理资料后告诉大家Fitbit Ionic智能手表是否支持NFC功能。先看配置我们通过Fitbit Ionic智能手表的参数，我们清楚的了解到Fitbit Ionic智能手表支持NFC支付，各位看官们是不是很激动，是不是可以愉快的刷刷刷了，但是我们要明白NFC功能的具备，并不代表可以愉快的刷刷刷了，还需要软件的适配，但是硬件都有了，软件就等待厂商们去联系吧。什么是NFC？NFC近场通信技术是由非接触式射频识别及互联互通技术整合演变而来，在单一芯片上结合感应式读卡器、感应式卡片和点对点的功能，能在短距离内与兼容设备进行识别和数据交换。工作频率为13.56MHz.但是使用这种手机支付方案的用户必须更换特制的手机。目前这项技术在日韩被广泛应用。手机用户凭着配置了支付功能的手机就可以行遍全国：他们的手机可以用作机场登机验证、大厦的门禁钥匙、交通一卡通、信用卡、支付卡等等。更多关于Fitbit Ionic智能手表使用方面的教程请点击下方获取王者之心2点击试玩

Fitbit Ionic智能手表的出现，相信很多新人小白在担心Fitbit Ionic智能手表的防水能力怎么样？能不能佩戴它进行游泳?今天小编就为大家收集整理资料后告诉大家Fitbit Ionic智能手表是否支持游泳。先看配置通过查看Fitbit Ionic智能手表的参数配置，我们不难发现Fitbit Ionic智能手表是支持防水的，心里开心了起来，但是防水等级有那么多种，Fitbit Ionic智能手表是属于那种呢？防水等级从别人回答看出来，Fitbit Ionic智能手表支持最大50米防水，可以在游泳时佩戴。而且手表支持快速更换表带，有运动、皮质和经典三种类别，Fitbit还与阿迪达斯合作推出一款特别版Iconic，有特别的运动表带。王者之心2点击试玩

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这是一个问题。。。。

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>

修改项目目录下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中添加相应内容

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

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

"scripts": { "clean": "ionic-app-scripts clean", "build": "ionic-app-scripts build", "ionic:build": "ionic-app-scripts build", "ionic:serve": "ionic-app-scripts serve", "minify": "ionic-app-scripts minify"},在package.json文件中的scripts节点加入 "minify": "ionic-app-scripts minify"。然后在命令行中运行 npm run minify。这样会极大缩小生成的 man.js 的文件大小。

　　一、理想状态下，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>

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

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

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点击试玩

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

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

页面布局首先在"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上下载。

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

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

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

参考如下内容,应该是不行的: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采用上述步骤签名。

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

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

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

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

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

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

命令行执行：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 来安装成功了。

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 划动事件 : 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可以让开发变得更简单，一套代码同时支持浏览器 安卓 苹果 windowsphone，比起原生，性能稍弱。我倒是很乐意用

因为在 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 。

首先需要安装好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.溶酶体是液泡亚单位，含有消化酶，降解大部分生物大分子。消化食物微粒和降解损伤的细胞残片。

打包文件夹可以用压缩工具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按钮即可解压这个文件。

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

一般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，淘宝、支付宝客户端就是这种 混合开发的

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不是特别精通，始终没有找到解决的办法。最后想到在ios中运行，元素类名中会自动加入“ios”字符。所以最终选择的解决方案如下：在app.scss中引入思源字体和苹方字体，然后对所有元素设置为思源字体，对类名包含ios字符的元素使用苹方字体（但是把字体图标排除在外：not(ion-icon)）。这是本人想到的解决方案，如果有更优雅的解决方式欢迎大家告知。谢谢。