在 UILabel 上实现长按复制，我用的是 UIMenuController。在 UITextView、UITextField 中，已经自带了这个东西，但是在 UILabel 上需要自定义。鉴于有的朋友很少接触 UIMenuController，这里先介绍一些基本知识。

UIMenuController 可以使用系统自带的方法，也可以自定义。

常见的系统方法和使用

- (void)cut:(nullable id)sender NS_AVAILABLE_IOS(3_0);
- (void)copy:(nullable id)sender NS_AVAILABLE_IOS(3_0);
- (void)paste:(nullable id)sender NS_AVAILABLE_IOS(3_0);
- (void)select:(nullable id)sender NS_AVAILABLE_IOS(3_0);
- (void)selectAll:(nullable id)sender NS_AVAILABLE_IOS(3_0);
- (void)delete:(nullable id)sender NS_AVAILABLE_IOS(3_2);

从字面意思就能看出，他们是剪切、复制、粘贴、选择、全选、删除。使用方法很简单。

相机拍照和相册是 App 从手机获取图片的两种主要方式。在 App 业务需求中，经常会使用到图片获取的功能，最为常见的有用户头像设置等。
既然是常用功能，这一次我们就来分析一下如何在 ionic3 中使用相机和相册获取图片。

#目录：

• 插件介绍
• 使用方法
• 图片上传
• 注意事项

插件介绍

cordova-plugin-camera 相机插件：

这次要讲的功能主要依赖于两个插件：
File Transfer 和 File Opener

插件介绍

主要功能

• File Transfer
  功能：文件上传、文件下载

• File Opener
  功能：文件预览

支持的平台

注：安卓最低支持到 4.4.4 版本

网上有个笑话，说 Chrome 是披着浏览器皮的操作系统。虽然只是一句玩笑话，但是也反映了 Chrome 功能较多的事实。

这篇文章的主题是 Chrome 如何调试网页，ionic 的也适用。因为 Chrome 功能非常多，我仅把最常用的功能列出来进行分享。文章结尾有彩蛋。

准备材料

Chrome 浏览器
http://www.google.cn/chrome/browser/desktop/

这个地址是官方的，应该没有被墙。不要再去乱七八糟的网站下了。

正文

首先拿百度举例。

运行 Chrome，打开百度首页。右键检查可打开调试面板，快捷键如下：

链接：
ionic3 教程（一）安装和配置
ionic3 教程（二）登录页制作
ionic3 教程（三）设置页制作
ionic3 教程（四）安卓硬件返回键处理
ionic3 教程（五）基本的网络请求

这是最后一节，本节主要用最简单网络请求和基本的内置指令做一个演示。

• 对 Angular 的基本架构不熟悉的请点Angular 4.0 架构详解
• 对 Angular 的内置指令不熟悉的请点Angular 4.0 内置指令全攻略

前言

通常我们希望在 HTTP 请求的时候，页面不会失去响应，所以我们的 HTTP 请求是异步的。
JavaScript 中，通常用 3 种方式处理异步代码。

1. 回调（callback）
2. 承诺（promise）
3. 可观察对象（observable）

promise 和 observable 主要三个主要不同：

• observable 可以中途取消，promise 发出就不行
• observable 可以持续发射很多值，而 promise 只能发射一个值就结束了
• observable 提供了更多的工具函数，最常用的是 filter 等

最近发现做界面的时候，有时会忘记某种控件的颜色怎么设置，需要去网上进行搜索，所以写下这篇文章。

一方面是收藏起来自己查阅，一方面是分享给大家。目标是有了这篇文章，不用再去搜索和颜色设置有关的内容。
下面进入正题

链接：
ionic3 教程（一）安装和配置
ionic3 教程（二）登录页制作
ionic3 教程（三）设置页制作
ionic3 教程（四）安卓硬件返回键处理
ionic3 教程（五）基本的网络请求

前几天测出了一个问题，就是在根目录点击安卓的硬件返回键，会直接导致程序退出。在网上找到了 小军617 写的这篇ionic2实战-完美处理安卓硬件返回按钮。

这篇文章解决了一部分问题，可以让我们在 Tabs 下点击返回按钮弹出一个 toast 提示“再按一次退出应用”，然后如果用户在2秒内再按一次就会真的退出。不过Demo 在登录页点击返回按钮没有任何反应，而且点击退出登录后，点击硬件返回按钮会回到主界面。

所以我打算对这个方法进行一下优化，包括以下几点。

• 将方法从 app.component.ts 中抽出做成一个公共方法，便于其他页面使用
• 修复退出登录后，点击硬件返回按钮会回到主界面
• 在 tabs 页，如果不在首页标签，点击硬件返回按钮，先跳转到首页。之后再按两次退出

链接：
ionic3 教程（一）安装和配置
ionic3 教程（二）登录页制作
ionic3 教程（三）设置页制作
ionic3 教程（四）安卓硬件返回键处理
ionic3 教程（五）基本的网络请求

内容已跟进到 ionic3.5.0 最新版本

现在大部分 App，都会有自己的设置页（个人信息页），里面会包含个人资料、设置、退出登录等功能。这一回我们就在制作一个个人信息页。

1.删除 ContactPage 和 AboutPage

首先删除文件，然后删除 app.module.ts 中的引用，最后删除 Tabs.ts 中的引用。如果删除后运行不了就再检查一下或者重新运行一下，你做项目的时候迟早会遇到需要删文件的情况。

1.配置项目

• 进入AdMob官网，注册个账号。
• 然后点击添加应用：

链接：
ionic3 教程（一）安装和配置
ionic3 教程（二）登录页制作
ionic3 教程（三）设置页制作
ionic3 教程（四）安卓硬件返回键处理
ionic3 教程（五）基本的网络请求

内容已跟进到 ionic3.5.0 最新版本

运行 platform 中 iOS 和 Android 项目，会发现一行警告，Not found www/index.html。

这是因为我们的上一次测试的页面是根目录中 src 的内容，需要把 src 路径下的内容同步过来。

// iOS
$ ionic cordova build ios
// Android
$ ionic cordova build android

// 执行完毕后可以去以下路径检查一下是否有html文件了

// iOS
platform/ios/www
// Android
platform/android/assets/www

有了内容之后，就可以在 Xcode 和 Android Studio 上运行项目了。