30 岁中年人北漂老破小上车流水账

记录一下这悲催的从春天买到了秋天的房

缘起

开始动在京买房的小心思是疫情开始的那年(2019 年底):因为要回家过年,我送橘子(我的猫)去顺义朋友家寄养,正好得知朋友家后沙峪那片两居室 300w+ 就能入手,最低 100w 多首付就能上车。离码农秃头工厂聚集地望京也不远,有点心动。之前一直以为北京的房子到处都是天价,买房只是奢望,后也获得了父母的支持,允诺出一半首付(我是个没钱的废柴,工作多年口袋还是比脸干净),在京购房原来并不是那么可望不可及。

Read More »

Google Analytics 优化 @ WordPress

Google Analytics 是一款优秀的免费流量统计服务,集成也简单方便,直接引入一段脚本即可,也就这么稀里糊涂的用了好多年。因为自己在写一款自用的 WordPress 主题(也就是本博客使用的这款),一直在纠结页面访问速度这事儿,于是无关痛痒的事情也会变得有紧要起来,至于为啥且听我慢慢道来:

Read More »

移动端视频最佳实践

之前的运营活动项目一直使用 Canvas 还原动画,费时费力不说,想要达到完美复刻设计稿动画简直难于上青天。一番折腾下来,设计师跟开发都感慨:“我太南了”!懒是人类进步之光,对于很多纯展示类型的运营活动页面用最少的开发资源达到最佳的动画效果,有没有银弹呢?有,那就是视频!

Read More »

Pixi.JS 动画优化

背景

本次活动为展示类型的活动页,共包括开始、结束以及 8 个场景。每个场景以动画展示为主,每个场景有一个转场动画用于衔接下一个场景,另包含一个弹窗展示。与抖音地图项目相比,本次场景动画更为丰富复杂,但流程控制简单很多,无需回退重播需求,切场景之间有转场分割、不要求有所场景都存在同一个舞台上。但是由于场景多,动画复杂,那么解决性能问题成了重点。

banner

Read More »

关键渲染路径优化

天下武功唯快不破,页面加载速度与用户体验息息相关,也关乎企业收益:最知名的当属 Amazon 加载速度每增加一秒一年少赚 16 亿美刀的例子(还是 N 年前的统计),真是应验那句话:

时间 == 金钱!

对此 Google Developer 专门有一篇文章用于阐述页面载入速度的重要性,此外还专门做了个工具,用于展示页面加载速度与收益关系。除了说,他们也这么做了: Google 直接把页面速度纳为搜索排名的指标。

关键渲染路径优化

Read More »

视差长图 H5 实践

需求场景

主人公行走路过几个城市,沿途展示城市风貌与特色建筑,随着其前进周边的场景物体开始出现动画,若主人公后退则周围场景进行倒序消失的动画,具体表现与正序或倒序播放一段影片类似。除了出现动画外,场景物体由于层级景深不同,运动速度不同,即产生视差效果。

Read More »