Ionic2

ionic 2+ 手势解锁界面

ionic2+手势解锁界面一些对安全要求比较高的app少不了锁屏页面，而手势解锁对于用户来说使用方便，对于程序员来说小有挑战，怎么有弃之不用的道理。
jsure·2018-05-16 00:00

ionic2和angular的一些记录

1.Ionic2编译成APP后，启动出现cannotconnectwww....index.html问题所在是index.html页面上引入某些css，js文件，需要internet加载，因此不能联网报错
Amesteur·2018-05-11 12:22

搭建Ionic2的单元测试环境（基于angular2的环境下延伸）

这里搭建的环境是Jasmine作为单元测试框架，Karma框架作为自动化测试的框架。1.首先需要下载相关的依赖，"jasmine":"^2.8.0","jasmine-core":"^2.8.0","jasmine-spec-reporter":"^4.2.1","karma":"^1.7.1","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.
Amesteur·2018-05-10 18:44

ionic2 混合开发资料

https://ionicframework.com/docs/ionic官网http://www.runoob.com/nodejs/nodejs-npm.htmlNPM使用介绍和升级http://cordova.axuer.com/docs/zh-cn/latest/guide/cli/index.htmlCordova中文文档http://www.iconfont.cn/home/index
c3bcb64f3c2f·2018-05-07 16:46

ionic2/3实战-使用tslint

传送门TSLlint，tslint-eslint-rules，tslint-config-alloy，eslint-config-alloy，ionic2_tabs前言在ionic2项目根目录下有一个tslint.json
小军617·2018-05-07 11:18

ionic解决启动白屏问题

ionic解决启动白屏问题参考资料：cordova启动页面和图标的设置ionic2常见问题-启动后白屏问题app启动后大概有几秒白屏,才会显示首页,下面介绍如何通过设置启动页来解决启动白屏问题：config.xml
Fighting_No1·2018-04-29 14:46

ionic1入门

ionic1入门参考自：Ionic开发实战Ionic1与Ionic2的区别ionic创建项目遇到的各种问题简介ionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework
Fighting_No1·2018-04-29 14:57

Ionic2跨平台项目（六）cordova多项目热修复

上篇文章详细介绍了cordova+Android项目的热修复过程，本篇探讨下，一个cordova项目如何集合多个cordova项目，它们是如何协作的，以及如何对他们分别进行热修复。多cordova项目集合我们探讨这样一种情况，要做一个综合管理的ionic项目。需要多个团队共同开发多个项目然后集合到这一个项目里，最终实现的效果是在ionic项目中或者是在原生项目中，能进入另外若干个完整的ionic项
小名庆华·2018-04-27 17:11

ionic 开发实例

ionic开发实例一、ionic初始化项目1：安装ionicnpminstall-gionic2:初始化项目框架我们可以用命令创建一个应用程序，可以使用我们的一个现成的应用程序模板，或一个空白模板。
_林冲·2018-04-17 15:00

Image viewer for Ionic 2+

Ionic2+componentprovidingaTwitterinspiredexperiencetovisualizepictures.GitHub：https://github.com/Riron
与蟒唯舞·2018-04-03 15:48

Ionic2实战-时间转换库moment的使用

前言开发前端页面和后端系统都免不了和时间格式打交道，比如某件货物的创建时间，更新时间，下架时间等等等等。后端系统通常都是以标准的时间格式存储在数据库中，但是拿给前端页面展示的时候有需要根据业务需要展示成各种各样的格式，比如有的地方只需要显示时分秒，有的地方只需要显示年月日，有的地方有需要显示成距离现在多少小时以前。如果大家仔细观察过微信的朋友圈功能就很容易想明白，比如你现在发了一条朋友圈，时间显示
逃离火星·2018-03-27 22:53

ionic2中使用自动生成器的方法

ionicgenerator是命令行的功能，ionic2自动帮我们创建应用程序，从而节省了大量的时间，并增加我们的速度来开发一个项目的关键部分。
cjxhd·2018-03-04 15:26

ionic2手写制作video的控制栏，app

{{currentTime*1000|date:'mm:ss'}}{{durationLength*1000|date:'mm:ss'}}试学结束，请购买后学习完整课程立即购买**一：控制视频播放暂停**//点击播放或者暂停runPlay(){this.myVideo=this.runtime.plugins.JQuery('#videoAttr');if(this.myVideo[0].paus
_Junjun·2018-02-26 00:00

TypeScript 快速入门

「文末高能」编辑|哈比TypeScript是微软开发和控制的开源项目，我在应用Anguar2+和Ionic2+框架开发系统时使用的就是TypeScript，但我一直把TypeScript当作JavaScript
GitChat技术杂谈·2018-02-23 00:00

ionic2 打包android包时报'C:\Users\Administrator\AppData\Local\Android\sdk' does not exist.

写在前面为了能及时的将自己踩到的前端坑（包括ionic,angular,ReactNative,小程序,APICloud）分享给大家，以后会逐渐将文章转移到微信公众号：前端e家（front_e_family）。可直接扫码关注，公众号会不定期更新新文章，分享踩坑笔记！期待您的关注！错误日志：Whatwentwrong:Aproblemoccurredconfiguringrootproject‘an
天涯K·2018-01-29 12:18

使用Docker创建Ionic2 PWA开发环境 1

我选择了Ionic2（忽略了它创建本地应用程序的能力），因为它基于Angular2。它使用TypeScript作为其开发语言。
菠萝油王子·2018-01-26 00:00

Ionic的安装与环境配置

快速开始1.首先安装ionic$sudonpminstall-gcordovaionic2.项目Clone到本地$gitclonehttps://github.com/seasonstar/bibi-ionic.git3
过眼云烟1102·2018-01-24 16:27

ionic2实现扫描二维码功能

注意使用该插件不能使用1.安装插件//安装平台插件ioniccordovapluginaddcordova-plugin-qrscanner//安装ionic2插件npminstall--save@ionic-native
SevenLonely·2017-12-24 21:08

LeanCloud + Ionic3 迅速重构应用

作者：李宜栋【玩转LeanCloud】开发者经验分享：学校有一个高考志愿填报的应用需要重构，之前的实现是通过构建LaravelRESTfulAPI+Ionic2实现院校和分数线信息的检索，但是一个人前后端联调太麻烦了
LeanCloud·2017-12-19 00:00

HTML5实现微信聊天气泡效果

前端有一个群聊的功能，于是就想模仿微信的聊天界面，先看效果图：HTML代码：HTML5实现微信聊天气泡效果阿奔Ben苹果增加三款配件的颜色选项好人·马克思但是如果你正在再发新的APP跨平台项目，我建议你考虑一下Ionic2
weixin_30522183·2017-12-11 01:00

LeanCloud + Ionic3 迅速重构应用

【玩转LeanCloud】开发者经验分享：学校有一个高考志愿填报的应用需要重构，之前的实现是通过构建LaravelRESTfulAPI+Ionic2实现院校和分数线信息的检索，但是一个人前后端联调太麻烦了
LeanCloud_通讯·2017-12-11 00:00

ionic2 三级联动地址选择

一，环境搭建。ionic环境搭建比较麻烦，建议新手不要随便在网上找一个教程就开始搭建环境，很容易出错，并且一旦出错会很麻烦，所以，谨慎！二，废话不多少，来看三级联动地址选择。首先准备地址数据包，网上很多，我的数据包格式如下：三，1，进入你的ionic项目文件夹，运行ionicgproviderlocal-service（服务名称）创建服务。目录结构providers文件夹下面会出下local-se
baidi_1991·2017-12-09 17:47

ionic2+highcarts优化升级

针对这篇文章的升级自定义组件import{Component,Input,Output,ElementRef,ViewChild}from'@angular/core';import__Highchartsfrom'highcharts'@Component({selector:'my-hcharts',template:``})exportclassHchartsComponent{@ViewC
Nico_zhang·2017-12-05 03:58

cordova-alipay、支付宝插件、ionic2/3支付宝插件

cordova开发的支付宝支付插件，凡是基于cordova的webapp项目就可以调用本插件3.插件提供angular/ionic项目ts调用方式4.你们支持是我们的开发动力、如果调用问题请联系我们5.ionic2npm
ChenYu_8756·2017-12-01 14:23

ionic2/ionic3 弹框Alerts、滑动框Slides 用法小结

一、弹框Alerts在实际工作中，我们经常需要弹框功能做界面交互，提升用户体验。如果用jq写，一是所谓的“太low”，代码量也多；二是有些框架并不认jq，要使用还需要导入jq库很麻烦，为了一个小弹框就引入jq库也会造成项目代码体积过大。其实现在的各大主流框架都是设备齐全的，多仔细看官网，这种小case很快就搞定，而且样式统一，有利于形成一致风格，更重要的是事半功倍，省时省力。1、ionic官网的弹
沛雯·2017-11-28 15:29

ionic2/ionic3自由隐藏底部tab栏---让ionic3自己解决！手把手教程

最近用ionic3和angular4做APP，其中有个需求：用户无论在哪个页面只要超时了就弹界面要求用户输入PIN码。这时候必须是覆盖整个页面，除非PIN码正确否则其他内容都是disable的。（jq的方法在本文讨论之外）写好了密码组件，发现弹框的时候底部的tab栏依然存在。。。网上查到了隐藏底部tab栏的三种方法/终极方法等等，但仍然做不到随意的隐藏和显示，这时跟我搭配的后端小伙，嗑着瓜子看了几
沛雯·2017-11-28 15:36

ionic2检测下载更新代码及进度百分比显示问题

ionic2项目需要实力在线更新功能，ios比较简单，跳转到appstore的链接地址了android就需要花一些气力了，上代码需要先安装一些插件cordova-plugin-file，cordova.plugins.fileOpener2
南风2016·2017-11-24 18:06

ionic2 判断是否是第一次登陆应用是否实现启动页的显示

1。实现对storage的引入和使用http://ionicframework.com/docs/storage/2。在app.component.ts里面引入这个storage还有其他的引入文件我没有全部写完import{Storage}from'@ionic/storage';@Component({templateUrl:'app.html',})exportclassMyApp{rootP
alisaGreen·2017-11-15 09:13

ionic2 身份验证

因为之前遇到一个问题，有人不经过前台页面直接通过访问接口，多次提现，所以为了安全起见，想到用身份验证。为什么需要身份验证1、我们不加身份认证，匿名用户可以直接通过url随意访问接口2、增加了身份认证之后，只有带了我们访问票据的请求才能访问我们的接口具体可以参考http://www.cnblogs.com/landeanfen/p/5287064.html但是该链接的前台用的是jquary的写法，在
qq_38191223·2017-11-14 11:26

ionic 中获取经纬度 地址解析

环境 ionic2下。步骤如下经纬度的获取用两中方式。方案1：使用html5浏览器的获取经纬度，不是很准确，代码如下。
abc__d·2017-11-09 15:39

ionic2的打包，从调试到发布 --Android

以下内容的前提是ionic2得环境搭建好，包括SDK1、下载androidplatform2、有两种模式，一种是debug，一种是release3、如何生成签名4、如何自动签名5、--prod的优化启动速度
悠哉悠哉过日子·2017-11-06 16:15

Ionic跨平台项目（十）从Ionic2升级到Ionic3

2017年4月5日ionic3正式发布了，对于从ionic2rc版本开始用的我也进行了这次升级并且平稳运行在项目上，在我看来升级ionic3是很有必要的。
小名庆华·2017-10-26 11:19

ionic2/3主题功能实现

前言首先感谢yannbfgithub团队给我的灵感，在此之前我与你们大多数一样，一头雾水。看到他们的源码后看了半天也不知道怎么实现的，幸好他们机智的在文件夹内部写了一个README，看了之后恍然大悟，后来经过我的一些小小改进，现在放出来分享给大家。原理与方法1.在app.html最外层套一个div，类似下面的写法//app.html的内容这样就可以通过数据绑定更改div的class，进而影响整个a
夜风SAI·2017-10-25 11:34

ionic2/3实战-热更新(cordova-plugin-code-push)

前言什么是热更新?热更新就是动态下发代码，它可以使开发者在不发布新版本的情况下，修复BUG和发布功能.用户毫无感知，还可以绕过某些应用商店的长时间审核ionic实现热更新的插件有好几个,本文以微软公司提供的热更新插件(cordova-plugin-code-push)为例.这里还有一款热更新插件的介绍大公司提供的服务坑少,我在集成的过程中很顺利,只是集成步骤比较多,各位只要认真阅读文档都可以成功参
小军617·2017-10-16 15:16

ionic1或ionic2、3的安装与启动 Application Err错误

ionic2、3解决：1.在src文件下：1)将你的"inde
LoveEmperor_王子様·2017-10-14 15:36

从ionic的项目构建和跨域设置说起

在ionic1中使用gulp进行项目构建，在ionic2中引入了webpack,使用ionic2的webpack需要修改相关的配置，而在ionic1中需要自己写gulp任务。
IOShunjian·2017-10-13 16:06

ionic2 --拍照

1、安装ionicnative插件git地址：https://github.com/apache/cordova-plugin-camera$ioniccordovapluginaddcordova-plugin-camera$npminstall--save@ionic-native/camera2、在app.module.ts中声明插件import{Camera}from'@ionic-nat
墨染纤尘·2017-09-25 14:59

ionic2集成crosswalk使用WebRTC视频通话

最近做的ionic项目需要使用WebRTC提供音视频通话功能，由于各大浏览器厂商对WebRTC的支持不一，所以我们需要集成crosswalk来支持WebRTC解决兼容问题。集成crosswalk相当于集成了一个小型的Chromium内核，以此来支持WebRTC。集成crosswalk:cordova已经支持crosswalk，怎么使用cordova安装crosswalk见官方文档。设置访问权限：如
AC_hell·2017-09-24 21:50

基于ionic2的短信验证码注册倒计时

用户注册时通过短信验证码验证手机真实性是目前最流行的做法，但实现这个功能从找短信平台到用ionic2实现还是费了一番周折，现把代码贴出来供大家参考，如有不对或者可以改进的也请各位不吝赐教。
brantzzu·2017-09-21 21:41

ionic2(仿单糖app)-01环境搭建与项目初始化

相关网站ionic官网Ionic2官方文档地址ionic的官方文档还是比较健全的。
阿飞_1217·2017-09-20 14:12

asp.net做服务器，ionic2手机端，怎样引入极光推送？

1去极光官网注册，获取app_key2服务器端，要做的工作是引入官方的dll，调用dll里面的方法。其实这个dll做的工作就是拼接字符串，发送post请求，只不过dll给我们封装好了，用起来方便。dll文件参考链接，https://github.com/jpush/jpush-api-csharp-client/releases，里面有好多版本，里面有两个版本，一个是Jiguang.JPush，是
大爱李志·2017-09-07 16:20

ionic3应该善用组件和指令

其实ionic3（angualr4）和ionic2（angular2）差不多，但和ionic1（angular1）就差别非常大了，可以说基本是推倒了
IT晴天·2017-09-03 00:07

ionic2懒加载配置详解

文章标题为part1，并解释目前可以如此配置，但后续使用上可能还有变动。以ion-cli默认home组件为例。添加home.module.ts文件import{NgModule}from'@angular/core';import{IonicPageModule}from'ionic-angular';import{HomePage}from'./home';@NgModule({declarat
懒人壮壮·2017-09-01 15:42

解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

我们在ionic2/ionic3开发的过程中会出现切换页面或者滑动切换轮播图出现轮播图不再轮播的情况,这其实需要一些配置.首先在运用到轮播图的component中引入import{ViewChild}from
一叶知秋·2017-09-01 00:00

ionic2 select 样式与获值

//行标签分组：//标题//相当于select标签，muitiple多选（无则表示单选），cancelText、okText取消确定按钮我的分组okText相当于option，selected默认选中，分组1获值页面直接{{toppings}}获值ts先声明变量toppings:any;this.toppings获取。
给我小前端·2017-08-28 17:32

Ionic2实现自定义Cordova插件-Android屏幕录制

之前用Android原生写过一个录屏直播、点播的客户端，现打算将用的较多的点播功能移植到Ionic2项目里。正好熟悉下Cordova创建、调用和发布自定义插件的过程。
charles0427·2017-08-24 18:28

ionic2中强制使安卓用ios样式的方法

在app开发中，很多时候需要分别对ios和安卓的样式分别设置。这使得代码量增多，而且显得特别繁琐。这个时候可以强制的将安卓的样式设置为使用ios的样式操作方法为：在根模块里面也就是app.module.ts里面设置import{NgModule,ErrorHandler}from'@angular/core';import{BrowserModule}from'@angular/platform-
傻小胖·2017-08-19 12:31

ionic3.x升级ionic3.6.0指南

最近看ionic2，我擦，又更新版本了，我的内心顿时有点小害怕，大家都懂得。
DevonKong·2017-08-11 20:28

ionic2屏幕适配实现适配手机、平板等设备的示例代码

本文介绍了ionic2屏幕适配实现适配手机、平板等设备的示例代码，分享给大家，具体如下：推荐使用的编辑器是：VScode（VisualStudioCode）=>只负责编辑文档，不编译。
robert_cysy·2017-08-11 11:47

ionic2 省市县三级联动

首先要感谢女票帮我找了这么好用的一个插件先上效果图，效果和ionic2自带的iOS日期(dateTime)模拟器样式一样传送门:https://github.com/HsuanXyz/ionic2-city-picker
Jarvan丶·2017-08-10 17:38
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他