小程序云开发踩坑——慎用低版本基础库
昨晚因为Aggregate的match不生效导致3点才睡觉，今天又调了半天发现手机是没问题的，然后才发现默认的基础库是2.8.1，而云开发在2.8.3进行了一次更新，调高基础库，问题解决。
CSS3逐帧动画 - 替代gif动画
这次要做的小程序设计给过来一个gif的过渡动画，要实现闸门的下拉和升起。
gif动画可以自定义循环周期，可以是n次也可以是无限次，无限次难以把握回收元素的时机，n次想要重新展示在小程序中也是难事，重写image的src和将图片放在background，改class也没有用，无法使gif重新播放，遂更改思路，使用css3的动画实现。
先放上效果图
我们先将动画的每一帧制作成雪碧图，最好是一列或者一行比如这样
每一帧之间不要有边距
然后直接上代码
.demo{
height:20px;
width:30px;
background:url(image.png) no-repeat;
background-size:300px 20px;
animation: p1 steps(n,end) 1.5s infinite;
}
@keyframes p1 {
100% {background-position: 0 -300px;}
}height和width是你想显示的高度
n是帧数
我这是横图，所以background-size的宽度应该为height*n，高度即同上width。
完结撒花。
接下来就可以轻松控制动画的进行了。
记一次小程序闪屏经历
问题出现得比较无厘头，采用排除法一点一点删代码也无法定位bug，最后根据问题的分析、猜测加上测试最后确定是图片像素过大（注意不是图片过大），小程序内存不足引起闪屏，因为这个项目使用的是腾讯云cos，遂结合万象优图api根据每页情况返回合适大小的缩略图，问题解决。
使用云效配合git进行自动化部署
前日写了一个活动页面，发布之后不断小修bug，都是手动更新线上资源，结果一个不小心配置有问题，导致了1小时的服务崩溃，遂折腾云效的自动部署。
先自己创建一个企业，然后创建项目关联git仓库，建立流水线（其实跟jenkins的差不多），我是vue写的纯前端项目，就使用node10环境，自己修改一下.release文件以及deploy.sh部署脚本就行了。
然后贴上我的release
# 构建源码语言类型
code.language=node10.x
build.command=yarn install --registry https://registry.npm.taobao.org &&yarn build
build.output=./dist
# 应用部署脚本
deploy.appctl.path=deploy.sh和部署脚本
#!/bin/bash
content='{"msgtype": "text","text": {"content": "'$(date "+%Y-%m-%d %H:%M:%S")'\nnationalday版本发布成功"}}'
curl -XPOST -H "Content-type: application/json" -d "${content}" 'https://oapi.dingtalk.com/robot/send?access_token='
rsync -a --delete /home/admin/dist/ /path/to/project/nginx配置-通用的测试站点2-反代版
上一篇文章的配置可以用来通用地部署php测试站点，但是有的时候部分应用程序只是暴露在本地端口，以下贴出反代版配置。
server
{
listen 80;
listen 443 ssl http2;
server_name ~(.+)\.port\.example\.com$;
index index.php index.html index.htm;
set $port $1;
ssl on;
ssl_certificate /path/to/your.cer;
ssl_certificate_key /path/to/your.key;
ssl_session_timeout 5m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers EECDH+CHACHA20:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
ssl_prefer_server_ciphers on;
ssl_session_cache shared:SSL:10m;
location /
{
proxy_pass http://127.0.0.1:$port;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Scheme $scheme;
}
access_log off;
}nginx配置-通用的测试站点
有的时候想快速部署一个测试demo，还要新建一个nginx配置文件，再做一个域名解析，麻烦得很。突发奇想，将一个二级域名泛解析，然后写一份通用的nginx配置文件就可以免去烦恼了。
server
{
listen 80;
listen 443 ssl http2;
server_name ~(.+)\.test\.example\.com$;
index index.php index.html index.htm;
set $path $1;
root /path/to/www/testwebsite/$path;
ssl on;
ssl_certificate /path/to/your.cer; # 需要野卡ssl
ssl_certificate_key /path/to/your.key;
ssl_session_timeout 5m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers EECDH+CHACHA20:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
ssl_prefer_server_ciphers on;
ssl_session_cache shared:SSL:10m;
location ~ [^/]\.php(/|$)
{
alias /path/to/www/testwebsite/$path;
try_files $uri =404;
fastcgi_pass unix:/tmp/php-cgi.sock;
fastcgi_index index.php;
include fastcgi.conf;
}
access_log off;
}如果把一个项目clone到了/path/to/www/testwebsite/x1，直接访问x1.test.example.com就可以了。
记那些踩过的坑：只能用一次的contextlib.contextmanager
记那些踩过的坑：只能用一次的contextlib.contextmanager
最近想要实现一个需求，优雅地使用不阻塞的threading.Lock()，何谓优雅，就是基本不改动，继续使用with。
一开始我的代码是这样子的
def non_blocking_lock(lock: Union[threading.Lock, threading.RLock]):
@contextmanager
def _():
locked = lock.acquire(blocking=False)
try:
yield locked
finally:
if locked:
lock.release()
return _()测试通过，然而实际使用时却报错： AttributeError: args
翻了翻contextlib的源码，发现在contextlib.py:110，args属性被删除
def __enter__(self):
# do not keep args and kwds alive unnecessarily
# they are only needed for recreation, which is not possible anymore
del self.args, self.kwds, self.func
try:
return next(self.gen)
except StopIteration:
raise RuntimeError("generator didn't yield") from None当第二次使用该contextmanager，args已经是不存在的，所以才会抛出AttributeError
所以最后的解决方案很显然：
- copy一份contextmanager代码，去掉del那行代码
- 手写contextmanager