Ionic2入门教程(十四)一点也不好玩的生命周期

2017-12-15
阅读 3 分钟
4.4k
最近因为这个折腾的挺久的,之前简单地看过一些关于ionic和angular的生命周期说明,不实际用看再多还是不算了解的。本文主要分为两个部分,一个是ionic页面的生命周期,一个是angular组件的生命周期,其实页面也是组件,只是不复用,ionic也单独弄了一套生命周期,所以和angular的组件生命周期还是不同的,使用的形式也...

Ionic2入门教程(十三)带你走近3款二维码扫描插件

2017-11-26
阅读 7 分钟
14k
想在ionic2+中使用插件,要用到ionic native、官方网址如下:[链接]Ionic Native是一个用于Cordova / PhoneGap插件的TypeScript包装器,它可以让您在Ionic移动应用程序中添加任何您需要的本地功能。Ionic Native其实不是插件,它是基于typeScript封装了cordova插件的调用模块,也就是说Ionic Native只是调用库,而不包含...

Ionic常见问题--插件无法下载:npm ERR&&打包&&sha1错误

2017-11-08
阅读 2 分钟
3.4k
Ionic常见问题 1.插件无法下载:npm ERR 解决方法1: 设置淘宝镜像镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在): 1.通过config命令 {代码...} 2.命令行指定 {代码...} 3.编辑 ~/.npmrc 加入下面内容,C:/Users/电脑名 路径下即可找到 ~/.npmrc ,打开 ~/.npmrc 替换...

Ionic2入门教程(十二)使用阿里巴巴矢量图标库Iconfont

2017-11-02
阅读 3 分钟
6.1k
Ionic自己的图标库:[链接]也很多了,但是有时候还是不够用,或者说不够适合,那么我们可以用阿里的矢量图标库,来使图标的使用更加灵活,同时也能很方便的使用彩色图标,为app添加一抹亮色~有些图标真的很可爱啊~

Ionic2入门教程(十一)制作一个视频背景欢迎页

2017-10-30
阅读 3 分钟
4.2k
主要用到了HTML5的video标签,全屏显示,下方是一个按钮,加了一层cover增加朦胧感,主要是我选的视频太白了文字不是很凸显,这一个可以不加的。头部用了一个标题,可以换成logo之类的,slide用于显示介绍性滚动文字。

ionic2入门教程(九)样式修改和主题切换

2017-10-18
阅读 5 分钟
10.6k
系列教程看这里 Ionic2入门教程(一)安装和环境配置 Ionic2入门教程(二)进阶配置:Android打包ionic2入门教程(三)高仿网易公开课(1)ionic2入门教程(四)解读目录结构ionic2入门教程(五)如何使用IonicPageionic2入门教程(六)地图服务(谷歌、高德、百度定位)ionic2入门教程(七)来一个五星评分ionic2入门教...

ionic2入门教程(八)高仿网易公开课(2)

2017-10-15
阅读 1 分钟
4.5k
Ionic2系列之高仿网易公开课(2) 系列教程看这里 Ionic2入门教程(一)安装和环境配置 Ionic2入门教程(二)进阶配置:Android打包ionic2入门教程(三)高仿网易公开课(1)ionic2入门教程(四)解读目录结构ionic2入门教程(五)如何使用IonicPageionic2入门教程(六)地图服务(谷歌、高德、百度定位)ionic2入门教程(...

ionic工作原理

2017-10-10
阅读 2 分钟
7.9k
用户打开一个ionic的应用,过程如下:首先是设备加载cordova应用封装器,然后cordova应用封装器加载webview,webview加载index.html文件,最后angular加载并确定默认视图,ionic渲染ionic组件作为UI。

Ionic框架介绍和关键组件(15分钟,入门级)

2017-09-24
阅读 2 分钟
8.5k
Ionic Framework 允许你使用已经熟悉的web技术轻松搭建移动app应用。好消息是:如果你能设法创建网站,你就已经知道如何构建移动应用了。Ionic框架提供了最好的web和原生应用组件,用于构建高度交互的本地和渐进的web应用程序。

ionic2入门教程(七)来一个五星评分

2017-09-20
阅读 2 分钟
5.4k
系列教程看这里 Ionic2入门教程(一)安装和环境配置 Ionic2入门教程(二)进阶配置:Android打包ionic2入门教程(三)高仿网易公开课(1)ionic2入门教程(四)解读目录结构ionic2入门教程(五)如何使用IonicPageionic2入门教程(六)地图服务(谷歌、高德、百度定位) 五星评分 0、参考资源 [链接][链接][链接] 1、效...

初探 Electron(1)快速开始&打包

2017-09-07
阅读 3 分钟
8.5k
我真的是要惊呆了好不好,我知道说VSCode是用TypeScript写的……但是,真的好迷啊……他们不是桌面应用吗……然后直到我看见了它——Electron

ionic2入门教程(六)地图服务(谷歌、高德、百度定位)

2017-09-06
阅读 4 分钟
15.9k
之前用了官网的native,其中地图服务googlmaps插件在国内是无法使用状态,因为打包后,不仅需要翻墙,翻墙后还需要下载google play 服务最新版,很麻烦,所以这条路基本上走不通的。提醒一下大家~所以就想不如直接用API,接下来就是初步实现地图基础的展示功能,主要给大家看看各个地图是如何加载的,打包后也都能使用,...

ionic2入门教程(五)如何使用IonicPage

2017-09-04
阅读 3 分钟
6.9k
(这意味着你需要在一个页面工作时,不需要从根页面花式跳转才能到这个页面)我的login不是根页面,需要跳转两次,这样的话每次运行起来都很烦,但是IonicPage解决了这个问题,可以采用路径访问。如下:

ionic2入门教程(四)解读目录结构

2017-09-03
阅读 2 分钟
6.7k
ionic2入门教程(四)解读目录结构 系列教程看这里 Ionic2入门教程(一)安装和环境配置 Ionic2入门教程(二)进阶配置:Android打包ionic2入门教程(三)高仿网易公开课(1) 0、新建一个ionic项目 这一步创建了一个名为startProoject的blank项目,运行起来的话只有一个home页面,是官方提供的最简洁的ionic项目。 {代...

ionic2入门教程(三)高仿网易公开课(1)

2017-09-02
阅读 4 分钟
5.8k
Ionic2系列之高仿网易公开课(1) 0、登录界面实现截图和官方图片对比 我的 官方 1、新建一个blank项目 打开cmd,输入ionic start Ionic-NetEaseOpenCourse,选择blank,创建一个空项目 {代码...} 创建完成,转入项目文件夹:cd .Ionic-NetEaseOpenCourse,运行程序:ionic serve {代码...} {代码...} 初始页面如下 2、在...

[译] Angular: 我们为什么选择TypeScript?

2017-08-28
阅读 5 分钟
20k
Victor Savkin 是 nrwl.io 的其中一位创始人,向企业团队提供Angular的咨询服务。他以前在谷歌的Angular核心团队,并建立了依赖注入、变更检测、表单和路由器模块。 nrwl.io 是由Angular核心贡献者创建,以帮助团队成功实现充满展望项目的咨询服务。

npm install 花式失败的一些解决方式(ionic2)

2017-08-25
阅读 2 分钟
4.3k
1、Cannot find module '@ionicapp-scripts {代码...} 参考[链接] {代码...} 关于Cannot find module '@ionicapp-scripts' 无法找到 moudule 统一解决方式,去npm官网上查询对应的package,然后安装。 如: 2、鉴于国内的环境,node-sass实在是太难安装了,可以直接通过淘宝的npm镜像来安装。 1.安装cnpm([链接]) {代...

Ionic2入门教程(二)进阶配置:Android打包

2017-08-22
阅读 3 分钟
5.2k
0、前提 需要Java jdk、Android sdk、Android 签名 1、安装 Java jdk 并配置环境变量 (1)去oracle官网下载jdk,按照如下操作,也可直接点击这里 注意点击Accept,选择适合的系统就可以下载了(2)安装 完全默认下一步即可 (3)配置环境变量 计算机右键--属性--高级系统设置--环境变量 添加path路径 C:Program FilesJa...

前端小知识--TypeSript和JavaScript到底是什么关系?

2017-08-19
阅读 2 分钟
5.5k
在我初学前端的很长一段时间,不愿意碰git,不愿意碰框架,总是嫌麻烦,连ES6也没有怎么去弄明白,真的很浅显,很长时间也都在学习一些很落后的知识,止步不前,我觉得很多人应该也和我一样。前端变化真的很快,国内国外的状况也不一样,所以很大程度上取决于环境。想学好前端,真的要主动,然后对所有的英文文档耐心一...

Ionic2入门教程(一)安装和环境配置

2017-08-16
阅读 1 分钟
4.9k
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式I/O 的模型,使其轻量又高效。 Node.js 的包管理器 npm,是全球最大的开源库生态系统。

Angular2、AngularJS、React、vue.js过去一年的Google趋势分析

2017-08-15
阅读 1 分钟
6.2k
最近在学angular,但是在国内的话似乎是vuejs比较火,百度指数只有国内数据分析,于是翻了下墙上谷歌趋势搜索了以下关键词,包括angualr、angular2、angularjs、react和vuejs:

如何使用 VSCode 的 Setting Sync 插件

2017-08-14
阅读 2 分钟
34.7k
Setting Sync 插件 使用插件将目前配置保存到GitHub上,以后只需要从GitHub上获取,就可以一次性安装插件配置信息。 适用于 电脑更换时还要一个个去搜索插件安装,公司电脑和个人电脑同步 注册申请github账号 安装了git 步骤如下 1、首先在VSCode里面搜索Setting Sync插件,安装好后重新加载激活 Upload Key : Shift + A...