作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5536298.html                     上一篇提到,Ionic2提供了很多Component供使用,例如: <ion-title></ion-title> <ion-icon></ion-icon> 等 我们可以创建自定义Component, 如: <new-component></new-component> 我

I'm new to Ionic. I have started project with super template. But when I try to run the app in browser. It throws an error saying: ReferenceError: webpackJsonp is not defined at http://localhost:8100/build/main.js:1:1 解决: This is a breaking change in

刚接触 ionic,一步一步学习,有错误的,望大家指出. 公式 Ionic = Cordova + Angular2 + ionic CSS Cordova: 提供了使用 JavaScript 调用 Native 功能 安装 全局安装 ionic 和 cordova npm install -g cordova ionic android,需安装 JDK 和 androidSDK.Gradle,并配置好环境变量 新建 ANDROID_HOME 变量名,并设置其值为 androidSDK 目录 在

浅谈angular2+ionic2   前言: 不要用angular的语法去写angular2,有人说二者就像Java和JavaScript的区别.   1. 项目所用:angular2+ionic2+typescript 2. 项目结构 3. Src目录是我们本地开发的目录文件,www我ionic2编译后生成的文件 4. 每个文件夹下面都有三个文件  分别是.Html..scss..ts分别代表结构文件.样式文件.功能文件.也就是HTML+css+js,ionic2+angular2所用的是t

不要用angular的语法去写angular2,有人说二者就像Java和JavaScript的区别.   1. 项目所用:angular2+ionic2+typescript 2. 项目结构 3. Src目录是我们本地开发的目录文件,www我ionic2编译后生成的文件 4. 每个文件夹下面都有三个文件  分别是.Html..scss..ts分别代表结构文件.样式文件.功能文件.也就是HTML+css+js,ionic2+angular2所用的是typescript插件替代js.了解 types

http://www.cnblogs.com/zhouming-web/p/6226323.html 前言: 不要用angular的语法去写angular2,有人说二者就像Java和JavaScript的区别.   1. 项目所用:angular2+ionic2+typescript 2. 项目结构 3. Src目录是我们本地开发的目录文件,www我ionic2编译后生成的文件 4. 每个文件夹下面都有三个文件  分别是.Html..scss..ts分别代表结构文件.样式文件.功能文件.也就是H

为什么要写单元测试 首先要介绍为什么蘑菇街支付金融这边会采用单元测试的实践.说起来比较巧,刚开始的时候,只是我一个人会写单元测试.后来老板们知道了,觉得这是件 很有价值的事情,于是就叫我负责我们组的单元测试这件事情.就这样慢慢的,单元测试这件事情就成了我们这边的正常实践了.再后来,在公司层面也开始有一定 的推广. 要说为什么要写单元测试的话,我相信大部分人都能承认.也能理解单元测试在保证代码质量,防止bug或尽早发现bug这方面的作用,这可能 是大家觉得单元测试最大的作用.然而我觉得,除了这方面

我们都知道Ionic3为我们提供了一套丰富易用的UI组件库,然而凡事是都有不完美之处,今天我们来看一下ionic3 slides组件在实现轮播功能时候的小问题. 先开UI小姐姐给到的3张美美哒效果图 接下来是home.html下的组件使用 <div class="slide-wrap"> <ion-slides pager loop="true" autoplay="3000" > <ion-slide> &l

Angular2是一个全新的框架,它从ReactJS以及其他web移动框架借鉴了不少经验和优点,巨大的改进使得开 发体验和性能已经超越了Angular1,而且Ionic2无论是从UI交互效果和跨平台的差异性都优于Ionic1 1. 安装使用 ionic2的安装运行基本和前版本的ionic基本一致,非常简单. npm install -g ionic # 安装ionic工具集 ionic start projectName --v2 # --v2表示使用ionic2 + angular2的组合方式

1.創建新項目 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template>) 可选模板为sidemenu 侧滑.tabs 底部tab切换.blank 空白): libotaodeMacBook-Pro:~ libotao$ cd /Users/libotao/WorkSpaces/Ionic libotaodeMacBook-Pro:Ionic libotao$ ionic start myApp tab

在使用ionic的UI组件Slides时,发现手动滑动后,自动滑动失效 然后历经一点点的艰辛查找后找到方法,如下: 页面代码使用 <ion-slides pager loop="true" autoplay="2000"> <ion-slide > <img src=""/> </ion-slide> </ion-slides> //loop=true 打开自动滑动 autoplay 滑

在我的理解中,IONIC中例如 ion-list ion-item  ion-input 其实就是相于一段自定义的指令 ,相对于angular1.x中的东西, 所以,我们在使用中,要特别去注意button 与ion-input这些控件的使用 举例: <ion-list> <ion-item> <ion-label fixed>Username</ion-label> <ion-input type="text" value=&quo

大家都知道Ionic项目ionic serve生成的js css 非常庞大,小有1m多,大有几m,文件如此大load页面的时候需要较长时间的加载,特别在生产环境中,灰常不利于用户体验. 因此我们需要进行打包.打包后文件会大大变小.方法如下. 方法一: npm run ionic:build --prod *.命令虽然简单,但在使用过程中自己碰到很多问题,打包出错.如: Component is part of the declaration of 2 modules Ionic build –p

前言 最近公司要开始做App项目,最终选定了ionic开发方案,在这里我将学习的过程记录在这里,一方面避免自己忘记,另一方面方便大家交流学习.这里我们采用的是 Ionic2 + Angular2 : AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行.AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件.AngularJS2 发布于2016年9月份,它是基于ES6来开发的. 程语言

安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Cordova,Cordova只负责实现JavaScript调用原生代码的功能,是一个壳,而壳里具体用什么样式,在H

在使用 Ionic 之前要安装 Nodejs,Cordova . Java 下载Java 网站.Java 默认安装在 C:\Program Files\Java 文件目录. Android 下载Android Studio并浏览安装程序并设置IDE.找到Android SDK的安装位置; 我们将运行tools/android打开了Android SDK管理器.我们要安装: 适用于您指定Android版本的Android平台SDK Android平台工具 Android SDK build-too

常用命令: npm install -g ionic cordova(需要安装node) ionic start cutePuppyPics --v2(建app cutePuppyPics app名字 v2表示用ionic2) cd cutePuppyPics ionic g page myPage (创建某页面 √ Create app/pages/my-page/my-page.html √ Create app/pages/my-page/my-page.ts √ Create app/p

windows下安装配置 npm install -g ionic npm install -g cordova ionic start myproject cd myproject ionic platform add Android ionic build android ionic emulate android (build emulate可合并执行: ionic run android ) mac下安装配置 准备工作 安装 xcode及命令行工具 Xcode -> Preference

VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Android SDK 首先Android的SDK最好提前下好,我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下,这样安装VS2015的时候就不用选择SDK下载了,速度会快点. 安装VS2015的时候最好网络FQ一下,不然有些组件有可能会下载失败.安装的组件我没选Xamarin,这玩意太贵用

大众创业热,很多人都想在互联网大展拳脚,然而大部分人却是非技术背景.针对这个行业痛点,现在国内外涌现出众多APP开发工具,开发者只要有相关的HTML5.CSS和JavaScript知识,便可以轻松快速的开发出属于自己的APP,基于开发工具中众多的模块功能,APP具有完美的原生体验. 1.      phonegap Phonegap是一款开源的APP开发框架,让开发者使用HTML.Javascript.CSS等Web 语言开发跨平台的移动应用程序.原本由Nitobi公司开发,现在由Adobe拥有

1.准备工作     下载 Node.js(下载包),WebStorm(IDE,编写代码,浏览器调试),JDK(webstorm 运行环境),Android SDK (Android编译)   2.配置环境变量: ANDROID_HOME    D:\Program Files\adt\sdk                              (对应sdk路径) path     %ANDROID_HOME%\platform-tools; path     %ANDROID_HOME%