起因是因为今天看到b站上有自媒体评测 `MIUI12` , 说到了动画流畅度那方面弹幕都说线性动画非线性动画什么的, 其实很早之前 `MIUI` 就是全线采用非线性动画了, 但这个线性与非线性又是什么, 有什么区别呢, 我今天就稍微来讲一下.
其实这个高中就学习过了, 不过因为最近学习了js, 可以更加明确的展示出来了.

## 什么是线性动画/非线性动画

要理解这个, 首先需要理解一个问题: **什么是动画? ** 

### 什么是动画?

根据 **维基百科** 所叙述的: 

> **动画**是指由许多[帧](https://zh.wikipedia.org/wiki/%E5%B8%A7)静止的画面，以一定的速度（如每秒16张）连续播放时，肉眼因[视觉残象](https://zh.wikipedia.org/wiki/%E8%A7%86%E8%A7%89%E6%AE%8B%E8%B1%A1)产生[错觉](https://zh.wikipedia.org/wiki/%E9%8C%AF%E8%A6%BA)，而误以为画面活动的作品。

可以了解到, 动画, 其实就是很多静止的画面利用视觉残留现象做出来的可动的效果, 所以说如果想要模仿动画的效果, 只需要在1s内对一张图片更替一定的量的次数, 人眼就不会看出是否对这张图片进行了更替, 这, 其实就是 **帧** .
同时,并不是所有的 **帧** 都是会更改的, 有些帧完全就是不会变化的, 这就引出了 **关键帧** 的概念, 我们只需要着重关注于关键更改了图象的 **帧** 即可, 并不需要关注其他状态的 **静止帧** .
本次编程实践也是只针对于关键帧处理的.

### 什么是非线性动画

在 `Maya` 用户指南上有这么一句话:

> _在 Maya 中，有两种类型的片段：源片段和常规剪辑。Maya 通过将角色的原始动画曲线保存在源片段中，来保留及保存角色原始动画曲线_。请勿使用源片段_为角色设置动画。但是，您可以使用源片段（称为_常规片段_）的副本或_实例_以非线性方式为角色设置动画。请参见[动画片段](https://knowledge.autodesk.com/zh-hans/support/maya/learn-explore/caas/CloudHelp/cloudhelp/2015/CHS/Maya/files/GUID-D462A79C-A766-43DD-BB43-5BCDAEC5D8BD-htm.html#GUID-D462A79C-A766-43DD-BB43-5BCDAEC5D8BD__WS17956D7ADBC6E736B6BA507117AE308213-7FF6)。___
> 
> __非线性动画的基础是，移动、操纵和混合常规片段，从而为角色生成一系列平滑的动作_。
> __> 

看上去很高级, 说白了其实就是动画的关键帧停留位置(时段), 也就是说, 非线性的关键帧所停留的并不是处于常见规律中的, 他可能是遵循二次函数, 遵循震荡函数, 总之, 其规律一定不是线性规律(一次函数).

### 什么是线性动画

所以, 线性动画就很容易理解了, 所有关键帧停留位置其实都是处在一条线中的, 其导数永远是常数.

## 线性动画/非线性动画有什么用

那么, 非线性动画又有着什么样的特殊用途呢?
很简单的, 应用在手机上, 这会让你的动画感觉更有动感, 更加精致, 不会像是线性动画那样, 一板一眼. 
比如 `IOS` 一直都是非线性动画, 给人的感受就非常的丝滑.
而早年间的 `Android` 动画都是线性动画, 给人的感觉就像是机械一般的精密但刻板. 

## 简单的线性动画(点击图片看动画):

![img](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/1588320557603-83ac95ee-be22-4c90-8b6d-67819c6439bc.png)

<p class="codepen" data-height="265" data-theme-id="light" data-default-tab="js,result" data-user="xmmmmmovo" data-slug-hash="ExVwZpd" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="线性动画">
  <span>See the Pen <a href="https://codepen.io/xmmmmmovo/pen/ExVwZpd">
  线性动画</a> by  !输认不永DGL (<a href="https://codepen.io/xmmmmmovo">@xmmmmmovo</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

## 

## 简单的非线性(点击图片看动画):

### 圆弧非线性

![img](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/1588320756761-3d5a0233-e333-4fdb-a2a2-38aabfc5d443.png)

<p class="codepen" data-height="265" data-theme-id="light" data-default-tab="js,result" data-user="xmmmmmovo" data-slug-hash="gOaGmpg" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="加速非线性">
  <span>See the Pen <a href="https://codepen.io/xmmmmmovo/pen/gOaGmpg">
  加速非线性</a> by  !输认不永DGL (<a href="https://codepen.io/xmmmmmovo">@xmmmmmovo</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

### 加减速非线性

先加速再减速, 二次函数

<p class="codepen" data-height="265" data-theme-id="light" data-default-tab="js,result" data-user="xmmmmmovo" data-slug-hash="eYpGvYP" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="二次非线性">
  <span>See the Pen <a href="https://codepen.io/xmmmmmovo/pen/eYpGvYP">
  二次非线性</a> by  !输认不永DGL (<a href="https://codepen.io/xmmmmmovo">@xmmmmmovo</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

### 碰撞反弹

![img](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/1588320853246-0a0dc7da-a845-4b4d-9280-6ada3d2c2370.png)
如果在开始时有动画效果，比如弹跳 —— 那么它将在最后显示。
上图中常规弹跳为红色，easeOut 弹跳为蓝色。

- 常规弹跳 —— 物体在底部弹跳，然后突然跳到顶部。
- `easeOut` 变换之后 —— 物体跳到顶部之后，在那里弹跳。

<p class="codepen" data-height="265" data-theme-id="light" data-default-tab="js,result" data-user="xmmmmmovo" data-slug-hash="RwWZdeW" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="碰撞非线性">
  <span>See the Pen <a href="https://codepen.io/xmmmmmovo/pen/RwWZdeW">
  碰撞非线性</a> by  !输认不永DGL (<a href="https://codepen.io/xmmmmmovo">@xmmmmmovo</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

## 总结

如果理论看不懂, 那大概看例子也能领会了, 有些东西,  不知道是不是我语文太差的缘故, 理论实在是难以形容, 但是当实际例子展示出来了之后, 就会发现, 其实这个还是很容易理解/看出来的嘛.

线性动画/非线性动画

一点点docker笔记

## 安装docker

```shell
curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun

sudo mkdir -p /etc/docker
sudo tee /etc/docker/daemon.json <<-'EOF'
{
    "registry-mirrors": [
      "https://hub-mirror.c.163.com",
      "https://mirror.baidubce.com",
      "https://dockerhub.azk8s.cn"
    ],
  "insecure-registries" : [
    "hub-mirror.c.163.com",
    "mirror.baidubce.com",
    "dockerhub.azk8s.cn"
  ]
}
EOF
sudo systemctl daemon-reload
sudo systemctl restart docker
```

## 安装docker-compose

```shell
sudo curl -L https://github.com/docker/compose/releases/download/1.24.1/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose
```

## 利用Dockerfile定制镜像

```dockerfile
# flask部署
FROM python:3.7

COPY . /code
WORKDIR /code

RUN  ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && pip install -r /code/requirements.txt
# 如果太慢了再加上这句 不然镜像站有可能同步不全导致包安装失败
# -i https://pypi.tuna.tsinghua.edu.cn/

CMD gunicorn app:app -c gunicorn.conf.py --error-logfile /log/gunicorn.log
```

```shell
docker build -t 'name' .
docker run -it 'name'
docker run -d 'name'
```

| COPY    | 复制文件   |
| ------- | ------ |
| CMD     | 容器启动命令 |
| ENV     | 设置环境变量 |
| WORKDIR | 指定工作目录 |

## 常用指令

- docker image/container ls **列出所有镜像/容器** 
- docker rm ... **删除镜像** 
- docker attach ... 进入容器
- docker ps -a **列出所有的container包括没有运行的** 

## docker-compose

```dockerfile
# flask redis nginx mysql部署
version: '3.6'

services:
  web:
    build: .
    container_name: web
    volumes:
      - ../logs:/log
    depends_on:
      - db
      - redis
  db:
    image: mysql:5.7
    environment:
      - MYSQL_ROOT_PASSWORD=mx/58MFuLJ6^%.q
    volumes:
      - ./config/mysql:/docker-entrypoint-initdb.d
  nginx:
    image: nginx:1.17
    volumes:
      - ./config/nginx/default.conf:/etc/nginx/conf.d/default.conf
    depends_on:
      - web
    ports:
      - 8888:80
  redis:
    image: redis:5.0.8
    volumes:
    - ./config/redis/redis.conf:/etc/redis/redis.conf
    command: redis-server
    privileged: true
```

- build **利用Dockerfile编译的目录**
- image **镜像** 
- volumes **目录映射关系** 
- depend_on **依赖于 当依赖启动后本service才能启动** 
- port **开放的端口映射** 
- environment **环境变量** 
- privileged **权限** 
- command **自带命令行** 

## 常用指令

- docker-compose start
- docker-compose stop
- docker-compose top

## 奇技淫巧

### 列出所有的容器 ID

```shell
docker ps -aq
```

### 停止所有的容器

```shell
docker stop $(docker ps -aq)
```

### 删除所有的容器

```shell
docker rm $(docker ps -aq)
```

### 删除所有的镜像

```shell
docker rmi $(docker images -q)
```

### docker1.3之后的资源清理

```shell
docker image prune --force --all # 删除所有不使用的镜像
docker container prune -f # 删除所有停止的容器
```

docker笔记

因为操作系统实验要写 所以写了



### 银行家算法是一种避免死锁的方法

在避免死锁的方法中，允许进程动态地申请资源，但系统在进行资源分配之前，应先计算此次资源分配的安全性。若此次分配不会导致系统进入不安全状态，则将资源分配给进程；否则，令进程等待。
虽然并非所有的不安全状态都必然会转为死锁状态，但当系统进入不安全状态后，便有可能进而进入死锁状态；反之，只要系统处于安全状态，系统便可避免进入死锁状态。
因此，避免死锁的实质在于：系统在进行资源分配时，如何使系统不进入不安全状态。

### 银行家算法思想很简单

这个算法中,  主要是维护其中的

> `available`向量
>
> `max`矩阵
>
> `allocation`矩阵

每一次分配, 都会轮询一遍可分配矩阵, 寻求可以分配的process,  如果没有可以分配的process, 则跳出循环进行是否进入死锁的判断.

具体[维基百科](https://zh.wikipedia.org/wiki/%E9%93%B6%E8%A1%8C%E5%AE%B6%E7%AE%97%E6%B3%95)讲的其实比我好

### 银行家算法代码好写

下面两张图一张是源码 一张是结果

其中数据来源于文件 可以方便自定义

具体可以见我的[GitHub仓库](https://github.com/xmmmmmovo/ZhaOS/blob/master/OperatorSystem/exp4/BankAlgorithmMain.cpp)

![代码内容](https://s2.ax1x.com/2019/12/05/QGeZM8.png)
![内容](https://s2.ax1x.com/2019/12/05/QGeExf.png)

银行家算法的C++实现

opencv中高斯模糊(滤波器)的源码解析(c++版)

有点像小学玩过的某个解密游戏的游戏  偶然又发现了这种类型的游戏 鄙人玩了2个小时 写了点攻略 希望能够帮到你

[顺便附上网址(其实就是nazo.io)](https://nazo.io/)

### 1.欢迎

![1](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/006ZO6XQgy1fw949qhqf5j30ih0dk0sv.png)



直接输入:**welcome**即可

### 2.规则

![2](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015182729.png)

点击：key即可出现答案——**gotcha**

### 3.从右往左念

![3](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM%E6%88%AA%E5%9B%BE20181015182822.png)

顾名思义，从右往左念：key is where

答案便是：**where**

### 4.完形填空

![4](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM%E6%88%AA%E5%9B%BE20181015182944.png)

**这关便是教你使用搜索引擎搜索答案（其实大多数时间搜不到。。。。**

![百度](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM%E6%88%AA%E5%9B%BE20181015183037.png)

答案便是：**survival**

### 5.Morse

![5](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015183131.png)

摩尔斯电码，没什么好说的

答案：**sos**

### 6.Base64

![6](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015183202.png)

就是base64解码 随便找个网站就行了

![解密](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015183234.png)

答案：**1029174037**

### 6.Base64(新)

![image-20200712000900198](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/image-20200712000900198.png)

答案：**bytealigned**

### 7.OICQ

![7](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015183500.png)

这个标题是qq的前身名称

这里有个提示：你[刚](https://nazo.io/6)输入了什么？/以及联系作者

很清楚 ，上一题的答案就是作者的QQ号

![qq搜索](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015183441.png)

看 果不其然

答案：**macintosh**

### 7.RCNB.app(新)

![image-20200712001003985](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/image-20200712001003985.png)

编码随便百度一下就出来了

答案：**unprintable**

### 8.IDNs

![8](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015184152.png)

这个题也是那种没有知识前提就不会的那种

正巧前两天刚买域名的时候看见了中文域名，所以这题小case😄

直接访问：错的是.世界便可知道答案

![直接访问](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015184141.png)

答案：**saionjisekai**

### 9.角度

![9](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015184329.png)

这张图片是斜角图片，就是字都向内偏向了45°

用画图打开拉长一下就知道答案了：**pineapple**

### 10.回到上世纪

![10](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015184420.png)

典型的百度搜图题目

答案：**mouse**

### 11.Unicode

![11](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015184457.png)

可能部分手机字库支持不全看不了

答案：**neweroslesstofu**

### 11.Unicode(新)

![image-20200712001517859](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/image-20200712001517859.png)

答案：**oopscode**

### 12.1A2B

![12](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015184548.png)

小时候的猜数题目

大意是：有一个未知数需要猜测

下面0A0B代表不仅数字没猜对位置也没猜对

0A2B代表数字猜对了两个但是位置没猜对

3A0B代表着数字跟位置都猜对的有三位有一位数字跟位置都没猜对

答案：**9506**

### 13.虚无

![13](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015185038.png)

中间有图片，新窗口打开便可知

![新页面打开](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015185105.png)

答案：**thealpha**

### 14.我爱记歌词

![14](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015185653.png)

hint是里的歌词是种子，歌名又是小苹果，图片名字叫apple

不用多说了吧 ——图种

![图种](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015185635.png)

答案：**greendam**

### 15.声音的轨迹

![15](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015190030.png)

音波解析 随便找个能看音波的软件就行了

![妹子挺好看](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015190012.png)

答案：**koenokiseki**

### 16.虚掩

![16](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015204059.png)

打开隐藏图片之后发现是多层结构

直接将遮罩层大小改为0

key显现

![key](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015204038.png)

密码：**secretvg**

### 17.虚空

![17](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015212322.png)

空格切换 这里的字符由全角跟半角的空格组成 替换任意一种便可知道答案

![答案](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM图片20181015213335.png)

答案：**entropy**

### 18.Twitter

科学上网

![18](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015212402.png)

打开发现居然作者是位打ctf的大佬

![作者推特](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015212619.png)

答案：**th4nky0u**

### 18.Twitter(新)

访问一下url就可以知道了

![image-20200712001718333](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/image-20200712001718333.png)

答案：**shortweet**

### 19.最后

感谢语

![hit3](https://cdn.jsdelivr.net/gh/xmmmmmovo/ResourcesBackup/blog/pics/TIM截图20181015213733.png)

我是**20**位通关的(正儿八经的第20位 ←.hit1)，**你呢？**

### 20.强迫症与总结

(↑.hit2)

花了我2个多小时的游戏终于完美落下了帷幕

期初我只是想分享一下在群里，没想到大家兴致如此之高，以至于最后都为找到一个个key而兴致高涨😄

这种游戏果然需要跟大家一起玩才有意思嘛

总之，游戏体验良好，5⭐️ 好评！