移动端视频播放踩坑

H5 中很多场景交互较少强调动画展示的场景都可以借助视频实现,而且能够实现 100% 视觉还原😝,对于设计师来说最终呈现效果可控,对开发来说极大地降低了工作量,运营因为工期减少也会开心,简直是一石三鸟的事情!不过移动端 video 还是有很多坑的,以下是我做的一点调研。

video

Read More »

Git 使用小技巧

一直使用 Sourcetree 傻瓜化操作 Git,确实方便,不过日常也会遇到一些使用图形化界面无法解决的问题,汇聚在此,不定期更新。

git logo

Read More »

函数式编程

什么是函数式编程

“函数式编程”是一种编程范式(programming paradigm),就如我们熟知的”面向对象编程”与“面向过程编程”,也就是如何编写程序的方法论。至于为什么要学习函数式编程还不是自己找不到对象嘛!(大雾)。

函数式编程

Read More »

LAMP 启用 HTTP/2 一波三折

最近在优化博客的访问速度(最终也会总结成文的,无意中又双叒叕立了个 Flag,无视就好),针对静态资源优化还是停留在 HTTP/1.1 时代的老思路:无非是静态资源合并压缩、启用 CDN、雪碧图、静态资源多域名加载,巴拉巴拉~~最近受到 Jerry Qu 的启发,HTTP/2 对前端页面加载有着巨大提升,前端界也在关注,我也得赶趟启用上,反正现在用上了 VPS,随便我折腾!既然是折腾免不了踩坑,特别是对于我这只抠脚菜鸡前端,运维白痴来说。

Read More »

Xbox One X 入坑指南

购买 Xbox One X 原因, 最初是想体验《极限竞速:地平线 3》,可谓一款游戏引发的血案,最近按耐不住又入了 废渣7。以地平线 3 来举例,单从游戏画面来讲 Xbox One X 并不占优势:Xbox One X 貌似 4K 只能 30 帧,PC GXT 1070 能高画质下 4K 满 60 帧运行。机器于 18年01月20日 ¥4299 京东抢购,如今 ¥3999 随便买还能打白条 12 期,真是肠子已悔青。不过除狗东坑爹外购买 Xbox One X 并不后悔,2 月有余的使用体验还算满意,在此装成老司机给大家介绍一些我总结的事项,仅供新手入坑。

Xbox One X

Read More »

前端动画交互类优化

前端优化是个很广泛的命题,铺开去得出本书了(事实上我也没那本事),实际上市面上也有很多相关的书籍。动画与交互上的性能问题最容易被察觉,特别是在机能较低的移动端。由于自己有过一段移动开发的经历,较为关注这块且作为一个爱拾人牙慧的切图狗,现将一些他人成熟的优化方法总结如下:

当然,所有的优化都是有场景,请根据实际的场景去选择最优的方案使用。

Read More »