发表于大前端专区
2020/09/17 12:35

Simar Ionic

#目录 1. 开发中的错误及解决办法(ionic 1&ionic3) 2. 工具网站 3. 创建Cordova 插件 #Error List 1. error MSB3411: Could not load the Visual C++ component "VCBuild.exe. > Solution 1: > 1. Install VS 2013 >2. node-gyp configure --msvs_version=2013\ > Solution 2: >1. [from git](https://github.com/nodejs/node-gyp) 2. 安装File 插件报错: *Plugin doesn't support this project's cordova-android version. ...

0
0
发表了博客
2015/10/31 05:27

安装ionic

最终生成的目录结构如下: 释义如下: ├── bower.json // bower dependencies ├── config.xml // cordova configuration ├── gulpfile.js // gulp tasks ├── hooks // custom cordova hooks to execute on specific commands ├── ionic.project // ionic configuration ├── package.json // node dependencies ├── platforms // iOS/Android specific builds will reside he...

0
3
发表了博客
2016/04/29 11:38

ionic安装

最近来到一家新公司,刚入职就让学习ionic,之前闻所未闻,于是上网查资料,搭配环境变量,学习相关用法。 刚开始老大建议在win8下进行安装和开发,无奈换了win8后各种不适应以及安装报错后,一怒之下回家把win8换成win7,参考网上相关解决方案,总算将ionic环境装好并运行成功。 首先安装 Node.js. 然后使用如下命令安装cordova和ionic可能会报错,如果没报错更好。 npm install -g cordova ionic 如果报错的话,可参考我在网上...

0
7
发表于大前端专区
2016/06/21 16:28

ionic插件

一:ionic1自定义插件,推荐一篇文章 http://jingyan.baidu.com/article/3d69c5516f4982f0cf02d7a4.html 添加一个android平台 plugman platform add --platform_name android 对插件进行更新,这时候只需要执行命令: cordova plugin remove cn.xpush.phonegap.XPushPlugin 这里的“cn.xpush.phonegap.XPushPlugin”就是我们最开始新建插件的时候的插件ID。 重新安装还是这个命令: cordova plugin add path/to/your/plugin/dir...

0
0
发表了博客
2016/10/24 14:10

Ionic安装

环境安装 先安装Node.js,网址 www.nodejs.org 下载地址是:https://nodejs.org/en/download/current/, 如果不是请自行在官网上查找。安装一路Next,直至Finish即可。 安装Ionic 接下来正式安装Ionic,使用命令行工具: $ npm install -g ionic cordova 如果没有管理员权限,可以使用sudo命令(linux下)。 通过命令行窗口安装ionic cordova npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or hig...

0
0
发表了博客
2015/04/25 20:19

ionic常见问题

1、$ionicActionSheet在Android设备上显示错乱 官方论坛关于此问题的讨论 stackoverflow关于此问题的解决方案 解决方案就是覆盖相应的css-style,修改后基本就是 .platform-android .action-sheet-backdrop.active {   background-color: rgba(0, 0, 0, 0.2); } .platform-android .action-sheet {   margin-left: 8px;   margin-right: 8px;   width: auto;   z-index: 11;   overflow: hidden; } .platform-android .action-sheet ....

0
2
发表于大前端专区
2020/09/17 12:35

Ionic3 Lint (TsLint)

本文基于Ionic 3 ,开发语言版本如下 ``` "devDependencies": { "@ionic/app-scripts": "3.2.4", "typescript": "2.6.2" }, ``` # Eslint `"eslint": "^6.8.0"` 支持Ts的版本>=3.2.1 <3.8.0,所以暂时放弃使用Eslint 关于eslint 更多更新的的消息可以走的传送门 [typescript-eslint github](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Ftypescript-eslint) # Tslint 安装请走: - [tslint github](https://link...

0
0
发表于大前端专区
2016/09/28 15:35

ionic-Modal

假如在contact.html页面上点击弹出模态框 假如在contact.html页面上点击弹出模态框 首先在html页面上加click事件 <button (click)="openRegisterPage()" outline>你还没有账户,请注册</button> 然后在contact.ts页面引入 import {NavController,LoadingController,AlertController,ToastController,ModalController } from 'ionic-angular'; import {Register} from '../contact/register';//注册页面 并在构造函数中写 constr...

0
0
发表于大前端专区
2016/08/01 13:14

Ionic2优于Ionic1的6个理由

如果你已经熟悉Anguar1和Ionic1,那么请不要嚣张(陕西话叫zhang,二声。东北话叫嘚瑟,河南话叫啥?回家问问我妈再告诉你!),听小明在这里慢慢跟你说,Angular2是一个全新的框架,它从ReactJS以及其他web移动框架借鉴了不少经验和优点,巨大的改进使得开发体验和性能已经超越了Angular1,而且Ionic2无论是从UI交互效果和跨平台的差异性都优于Ionic1,如果你继续为维护Ionic1的项目我我无法阻挡,但是如果你正在再发新的APP跨...

2
3
2015/10/08 16:47

Ionic系列——CodePen上的优秀Ionic_Demo

案例网站 Slidebox with Dynamic Slides Ionic UL search example Ionic Accordian ion-affix performance demo (就是这个栏目下的标题一直显示在最上面) Button Bar as Top Tabs FAB Menu Tab layout - view content gap ion-fab-button Tabs calling Action Sheet Hiding slides on ionic SlideBox directive (控制隐藏slides页面) Ionic Slide Tab elastic image(背景弹性图片) Ionic collapsible list Ionic Todo Tu...

8
105
发表了博客
2015/04/15 15:42

ionic $ionicTabsDelegate

<body ng-controller="MyCtrl">   <ion-tabs>     <ion-tab title="Tab 1">       Hello tab 1!       <button ng-click="selectTabWithIndex(1)">Select tab 2!</button>     </ion-tab>     <ion-tab title="Tab 2">Hello tab 2!</ion-tab>   </ion-tabs> </body> function MyCtrl($scope, $ionicTabsDelegate) {   $scope.selectTabWithIndex = function(index) {...

0
0
发表于大前端专区
2016/09/29 15:45

ionic-navigation

今天弄了一下午navigation,遇到不少问题,及时总结记录, //基础页面,在这个页面上点击每个列表分别显示详细信息 <ion-header>   <ion-navbar>     <ion-title>朋友</ion-title>   </ion-navbar> </ion-header> <ion-content padding class="about">   <ion-list>     <ion-item *ngFor="let contact of contacts" (click)="openNavDetailsPage(contact)">       <ion-avatar item-left>         <img src="../images/{{contact.contactid}...

0
0
发表了博客
2015/04/03 09:22

ionic $ionicPopup

var alertPopup = $ionicPopup.alert({ title:'请填写正确的信息!', subTitle: '请填写正确的信息!', okType:'button-balanced', okText:'确定' }).then(function(){}); $ionicPopup.show({ template: '<input type="text" style="text-align: center" ng-model="data.buyCnt" >', title: '订单提交成功', subTitle: '立即去支付?', scope: $scope, buttons: [ { text: '取消' , onTap: function() { } }, { text: '<b>确认</b...

0
0
发表了博客
2018/05/03 14:44

ionic动画

git 地址: https://github.com/Augus/ngAnimate/ 使用方法: 下载后, 1、引入ngAnimate.js(依赖jquery); 2、引入 ng-animate.css 3、在需要ng-show的标签上,加上以下效果的类名 显示效果类名: toggle spin-toggle slide-left slide-right slide-top slide-down bouncy-slide-left bouncy-slide-right bouncy-slide-top bouncy-slide-down scale-fade scale-fade-in bouncy-scale-in flip-in rotate-in 非常简单,效果非常好...

0
0
发表于大前端专区
2016/07/05 20:28

ionic框架安装

ionic框架安装 导语 ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows Phone、Firefox OS) 的原生App应用 ionic主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。 JavaScript框架 - 提供移动Web应用开发框架。ionic基于AngularJS基础框架开发,因此 自然地遵循Ang...

0
6
发表了博客
2018/09/11 16:54

Ionic 开发环境搭建

Ionic 开发环境搭建 1.ionic 是啥 ionic 是一个开源的Hybird App 开发框架,通过它就可以直接使用html、css和javascript编写跨平台的移动app了,目前支持 android、ios、windows phone。 ionic 在底层使用了 Cordova 进行构建,通过Cordova js代码可以与原生代码(Android 的 java,iOS 的 Objective-C 等)互相通信,并且通过Cordova提供了很多插件来让js访问原生的设备功能,如摄像头、麦克风等。 ionic 官网 2.android 环境搭建...

0
0
发表了博客
2018/07/26 10:26

ionic常用命令

ionic安装 npm install -g cnpm –registry=https://registry.npm.taobao.org(npm镜像源指向淘宝) cnpm install -g cordova ionic(安装cordova ionic) cnpm update -g cordova ionic(更新cordova ionic) ionic -help(查看帮助) ionic -v(查看版本) ionic使用 ionic start myionictest blank(空项目) ionic start myionictest tabs(带导航条) ionic start myionictest sidemenu(带侧滑菜单) ionic platform add...

0
0
发表了博客
2015/05/27 13:54

ionic开发:第一步

1.下载安装node.js 2.输入命令行:npm install -g cordova ionic 3.输入命令行:ionic start myApp blank ok,这样会创建一个ionic的myApp项目。 这样构建的ionic project结构是很清晰的。 cd myApp目录下 通过 ionic serve 命令启动 会看到一个空白的页面,那怎么添加一些UI呢?先来看看ionic的组成部分: 主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。 JavaScript...

0
3
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页