css - Transitions


## API 中间件

`Next.js`提供了内置的路由中间件用于解析入参等。

- `req.cookies`：获取客户端的 cookie
- `req.query`：获取客户端的 query
- `req.body`：获取客户端的 body

```jsx
export default (req, res) => {
  res.statusCode = 200
  res.setHeader('Content-Type', 'application/json')
  res.end(JSON.stringify({query: req.query}))
}
```

## 配置跨域

你还可以使用 Connect 兼容的中间件，比如使用 `cors`：

```jsx
import Cors from 'cors'

// Initializing the cors middleware
const cors = Cors({
  methods: ['GET', 'HEAD']
})

// Helper method to wait for a middleware to execute before continuing
// And to throw an error when an error happens in a middleware
function runMiddleware(req, res, fn) {
  return new Promise((resolve, reject) => {
    fn(req, res, (result) => {
      if (result instanceof Error) {
        return reject(result)
      }

      return resolve(result)
    })
  })
}

async function handler(req, res) {
  // Run the middleware
  await runMiddleware(req, res, cors)

  // Rest of the API logic
  res.json({message: 'Hello Everyone!'})
}

export default handler
```


Next.js - API MiddleWares


## 变量

变量是一种使用方便的占位符，用于引用计算机内存地址。

swift 每个变量指定了特定的类型，类型决定变量占用内存的大小，也决定可存储值的范围。

变量名可以由字母、数字和下划线组成，以字母或下划线开始，且区分大小写。

变量名也可以使用简单的 Unicode 字符

变量和常量可以使用 print 函数输出，在字符串中可以使用括号与反斜线插入变量

```swift
// 变量声明
var variableName = <initial value>

//实例
import Cocoa

var a = 42
print(a) //输出42

var b:float
b = 3.1415926
print(b) //输出3.1415926

var _var = "hello swift"
var 你好 = "世界"
print(_var) // hello swift
print(你好) //世界

var name = "manon"

print("\(name)") //manon
```

标准 Swift 字符串使用双引号，但不能包含换行符，如果您想要多行字符串，使用三个双引号开始和结束，如下所示：

```swift
var str1 = """
This goes
over multiple
lines
"""
print(str1) // "This goes\nover multiple\nlines"
```

如果不希望显示`\`，应该如下写：

```swift
var str2 = """
This goes \
over multiple \
lines
"""
print(str2) //"This goes nover multiple nlines"
```

## 浮点和布尔值

Swift 中的另外两种基本数据类型是双精度和布尔值。

```swift
var pi = 3.141
var awesome = true
```

## 字符串插值

> 将变量放置在字符串中

```swift
var score = 85
var str = "Your score was \(score)"

var results = "The test results are here: \(str)"
```

## 常量

> 常量一旦赋值，不能再次赋值，否则会报错。

```swift
//声明
let _const = <initial value>
let _const:Float = 3.1415926

// 命名
和变量命名相同
// 输出
和变量命名相同
```

## 类型声明

在创建变量或常量的时候可以声明数据类型，如果没有，swift 将推导其数据类型，如下：

```swift
let str = "Hello, playground" //swift推导str为String

// 主动声明类型
let album: String = "Reputation"
let year: Int = 1989
let height: Double = 1.78
let taylorRocks: Bool = true
```

## 扩展

字符串是一系列字符的集合，比如`hello world`，它的数据类型为 String

```swift
import Cocoa
//创建字符串
var str1 = "hello world"
print(str1)

//空字符串
var str2 = ""
var str3 = " manon"
if str2.isEmpty() {
	print("str2 是空字符串")
}else{
	print("str2 不是空字符串")
}

// 连接字符串

var str4 = str1 + str3
print(str4) //"hello world manon"
print('str1和str3连接：\(str4)')

// 字符串长度
print(str4.count)

// 字符串比较
if str1==str2{
	print("\(str1) 与 \(str2)是相等的")
}else{
	print("\(str1) 与 \(str2)是不相等的")
}
```

字符串函数及运算符

- `isEmpty` 判断字符串是否为空，返回布尔值
- `hasPrefix` 检查字符串是否有特定的前缀
- `hasSuffix` 检查字符串是否有特定的后缀
- `Int` 转换字符串数字为整型
- `count` 计算字符串的长度
- `utf8、utf16` 遍历 String 的 utf8 属性访问 utf8、utf16 编码
- `unicodeScalars` 遍历 String 的 unicodeScalars 属性访问 Unicode 标量编码
- `+、+=、==、<、！=` 字符串操作符


swift 提供的数据类型包括：整形 Int、浮点数 Double 和 Float、布尔类型 Bool 以及字符串类型 String、Optional、Array、Dictionary、Struct、Class 等。

Simple Types - 变量、基本数据类型、字符串插值


![XBcHdy](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/XBcHdy.jpg)

Cypress 包含测试网站所必须的所有组件，可以快速编写测试用例。

## 下载源码

```bash
git clone github.com/ahfarmer/emoji-search
#安装依赖
cd emoji-search && npm install
#启动项目
npm run start
#访问http://localhost:3000
```

![65rXws](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/65rXws.jpg)

## 安装 Cypress

```bash
#安装
npm install cypress —save-dev

#启动
npx cypress open
#或者
./node_modules/.bin/cypress open
#或者
$(npm bin)/cypress open
```

以上命令将会在项目根目录创建`cypress`文件夹，如下： ![09GuGd](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/09GuGd.jpg)

## 创建测试用例

默认情况下，所有测试都存储在`cypress/integration`文件夹中，该文件夹在第一次`Cypress`启动时自动创建。在此示例中，我们将编写一个测试，该测试将：

检查输入单词`lollipop`后是否在页面上仅显示一个结果

检查标题类的标签是否包含正确的文本

首先在`cypress/integration`目录中创建一个`sample_spec.js`文件：

该文件应包含以下代码：

```js
describe('Sample test', () => {
  it('Search lollipop emoji', () => {
    cy.visit('http://localhost:3000/') // launch project website
    cy.get('input').type('lollipop') // enter 'lollipop' in search
    cy.get('.component-emoji-result-row').should('have.length', 1) // check if only 1 result is returned
    cy.contains('Lollipop').should('have.class', 'title') // check if returned element contains 'title' class
  })
})
```

你将会看到这样的窗口：

![ZabqgO](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/ZabqgO.jpg)

单击`sample_spec.js`后，将打开一个带有搜索引擎实例的窗口，您可以在其中实时预览执行的测试。结果应如下所示（请记住，带有示例性网站的项目应该正在运行）：

![3NotH3](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/3NotH3.jpg)


Cypress入门


## 什么是闭包

作用：能够在函数定义的作用域外，使用函数定义作用域内的局部变量，并且不会污染全局。

原理：基于词法作用域链和垃圾回收机制，通过维持函数作用域的引用，让函数作用域可以在当前作用域外被访问到

```js
function foo() {
  var a = 'hzfe'
  function bar() {
    console.log(a)
  }
  return bar
}

var baz = foo()
baz() // hzfe
```

在这个例子中，函数 bar 作为返回值返回后，在自己定义的词法作用域以外的地方执行。一般来说，在函数 foo 执行后，通常会期待函数 foo 的整个内部作用域被引擎回收机制销毁。而闭包可以阻止这件事情的发生。事实上内部作用域依然存在，因为函数 bar 本身在使用，所以并不会被回收。

在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。

## 闭包的应用

无论何时何地，如果将函数作为返回值，就会看到闭包在这些函数中的应用。在定时器，事件监听器，ajax 请求，跨窗口通信，web workers 或者任何其他的异步/同步任务中，只要使用了回调函数，实际上就是使用闭包。使用闭包的例子可以参考实现节流防抖函数。

```js
var a = 'hzfe'
;(function IIFE() {
  console.log(a)
})()
```

通常认为立即执行函数（IIFE）是典型的观察闭包的典型例子，但严格来说并不是。虽然创建了闭包，但没有体现出闭包的作用。因为函数并不是在它本身的词法作用域以外执行的。 它在定义时所在的作用域中执行，而非外部作用域。

## 扩展

- [闭包 MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures)
- [垃圾回收机制](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Errors/Closed_Overlay_Requires_Arguments)
- [你不知道的 JavaScript](https://www.imooc.com/article/2907)


闭包


在 Swift 中，方法是与类、结构体、枚举等相关联的函数。方法允许我们在类、结构体、枚举等中定义某些行为。方法可以访问和修改实例属性，以及提供对实例的功能性访问。

Swift 中的方法分为两种：实例方法和类型方法。

## 实例方法

实例方法是与特定类、结构体、枚举等实例相关联的函数。实例方法提供对实例的访问和操作，可以访问和修改实例属性，也可以调用其他实例方法和全局函数。实例方法的定义和调用示例如下：

```swift
class Counter {
var count = 0

    func increment() {
        count += 1
    }

    func increment(by amount: Int) {
        count += amount
    }

    func reset() {
        count = 0
    }
}

let counter = Counter()
counter.increment()
counter.increment(by: 5)
counter.reset()
```

在上面的示例中，我们定义了一个 Counter 类，它有一个 count 实例属性和三个实例方法：increment、increment(by:) 和 reset。increment 方法将 count 属性加 1，increment(by:) 方法将 count 属性加上指定的 amount 值，reset 方法将 count 属性重置为 0。然后，我们创建了一个 Counter 实例 counter，并分别调用了它的三个实例方法。

## 类型方法

类型方法是与类型本身相关联的函数。类型方法是通过类型名称调用的，而不是通过实例调用的。类型方法可以访问和修改类型属性，也可以调用其他类型方法和全局函数。在 Swift 中，使用 static 关键字来定义类型方法，对于类类型，也可以使用 class 关键字来定义类型方法。类类型中的 class 方法可以被子类重写，而 static 方法不能被子类重写。类型方法的定义和调用示例如下：

```swift
class SomeClass {
  static func someTypeMethod() {
    // 在这里实现类型方法
  }
}

SomeClass.someTypeMethod()
```

在上面的示例中，我们定义了一个 SomeClass 类，它有一个 static 类型方法 someTypeMethod。在调用 someTypeMethod 时，我们使用类名来调用该类型方法，而不是使用实例。

总之，方法提供了一种方便的方式来定义类、结构体、枚举等的行为，以及提供对实例和类型的功能性访问。使用实例方法可以访问和修改实例属性，并提供对实例的访问和操作。使用类型方法可以访问和修改类型属性，并提供对类型的访问和操作。


在 Swift 中，方法是与类、结构体、枚举等相关联的函数。方法允许我们在类、结构体、枚举等中定义某些行为。方法可以访问和修改实例属性，以及提供对实例的功能性访问。

Swift - 方法


基于 centos 7.2

## 安装 java 环境

```bash
sudo yum install java-1.8.0-openjdk-devel
```

## 加入软件源

```bash
curl --silent --location http://pkg.jenkins-ci.org/redhat-stable/jenkins.repo | sudo tee /etc/yum.repos.d/jenkins.repo
```

## 加入软件 key

```bash
sudo rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key
```

## 安装

```bash
sudo yum install jenkins
```

## 启动 jenkins

```bash
sudo systemctl start jenkins
```

## 检查 jenkins 状态

```bash
systemctl status jenkins
```

## 加入开机启动

```bash
sudo systemctl enable jenkins
```

## 访问

```bash
http://your_ip_or_domain:8080
```

![](https://cdn.jsdelivr.net/gh/manonicu/pics@master/img/20190621160854.png)

```bash
sudo cat /var/lib/jenkins/secrets/initialAdminPassword
```

## 安装默认插件

![](https://cdn.jsdelivr.net/gh/manonicu/pics@master/img/20190621161025.png)

![](https://cdn.jsdelivr.net/gh/manonicu/pics@master/img/20190621161045.png)

## 注册用户

![](https://cdn.jsdelivr.net/gh/manonicu/pics@master/img/20190621161123.png)

## 完成

![](https://cdn.jsdelivr.net/gh/manonicu/pics@master/img/20190621161155.png)
