CSS3逐帧动画 - 替代gif动画

这次要做的小程序设计给过来一个gif的过渡动画,要实现闸门的下拉和升起。gif动画可以自定义循环周期,可以是n次也可以是无限次,无限次难以把握回收元素的时机,n次想要重新展示在小程序中也是难事,重写image的src和将图片放在background,改class也没有用,无法使gif重新播放,遂更改思路,使用css3的动画实现。先放上效果图我们先将动画的每一帧制作成雪碧图,最好是一列或者一行比如这样每一帧之间不要有边距然后直接上代码.demo{ height:20px; width:30px; background:url(image.png) no-re ......

记一次小程序闪屏经历

问题出现得比较无厘头,采用排除法一点一点删代码也无法定位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 ......

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; ......

nginx配置-通用的测试站点

有的时候想快速部署一个测试demo,还要新建一个nginx配置文件,再做一个域名解析,麻烦得很。突发奇想,将一个二级域名泛解析,然后写一份通用的nginx配置文件就可以免去烦恼了。server { listen 80; listen 443 ssl http2; server_name ~(.+)\.test\.example\.com$; index index.php index.html index.htm; ......

记那些踩过的坑:只能用一次的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 lock ......