解决2个硬伤:

“您的连接不是私密链接!”
Ipad上看首页动画怎么肉眼可见的卡顿?

关于SSL证书

由于之前的证书是利用openssl+cloudflare制作的,当时只添加加了主域名,而新的页面诸如blog.zhuyu.xyz,project.zhuyu.xyz都没有包含进去,互相跳转的时候会出问题。
去Github上找了一圈,发现一个大概能用的,还是有一些坑的。比如说,认证域名之前是不会产生chained.pem文件的,但是认证本身需要chained.pem,这就陷入了循环矛盾。后来干脆新建一个nginx.conf配置,专门用来通过http申请SSL证书,解决问题。
接下来域名验证那一环出了问题,看报错应该是路径没找到。后来发现是nginx的alias写的有问题,改过来OK。

结论是,如果曝出来的bug提醒足够清晰,相关的业务有一定认知,填坑也不是一件特别难的事情,难的是又快又好。


首页动画

在ipad上看首页的轮播动画极为卡顿,而看了下设计比较好的网站,发现差别在于他们用的是transform和transform3D来实现。查了一下找到一篇分析:

CSS animation和transition的性能探究

首页轮播动画之所以卡顿,大概是用了"left"做变化,从而导致主线程过于频繁的计算。将变化的逻辑从left改为transform(X)的形式,可以大大优化性能和显示效果,测试下来果然。


首页改版

看了几个日系的优秀网站,动了一丝首页改版的念头,有了一些初步的构图想法,具体实现明天再说吧~