Drew's Workbench
Latest stories (60)

小事儿: Android风格Loading Indicator(Spinner)

17.04.20192 Min Read — In Code

这是一道我经常在面试中会问的css题:如何实现Android平台上常见的,线条长度会变化的Loading组件: 这是一个我自己也答不出来的题, 问这个题的目的只是试探一下候选人是不是思维特别敏捷或者真的有深厚的css…

小事儿: stackoverflow愚人节特效

03.04.20192 Min Read — In Code

4 月 1 号打开了 StackOverflow, 看见满屏幕中二元素还以为自己走错了板块. 后来才想到愚人节的事情. 除了独角兽和超 gay 配色, 还有个鼠标下雪的效果还行, 就想着做做看. 思路 目标区域监听事件, 获取鼠标位置. 图形: canvas 还是 DOM? 仔细看原实现, 雪花其实就是*号. 这样 DOM 会方便一些, 但 canvas 也不是不行. 动画: 动画部分由, 和 x…

小事儿: 线程阻塞对css animation和svg animation的影响

06.03.20192 Min Read — In Code

在测试前端解析一个比较大的 Excel 文件时候, 发现我们的 button 的 spinner 卡住了. 印象中即使线程阻塞了, 有些 GPU 加速的东西依然应该有效. 怀疑又是某种 css in js 的弱智用法(没错, 我就是讨厌 css in js). 查看了一下元素发现是用了 svg 的animateTransform. 写法上面感觉跟 css…

由一道ts的类型题想到的

15.02.20194 Min Read — In Code

本来是在网上闲逛看看现在有什么适配React Hooks的库, 发现有一个rxjs-hooks还行. 竟然是LeetCode开源的, 于是就点进去看看. 发现了一个hire的repo. 编写复杂的 TypeScript 类型 用 Webpack 实现 predictable long term cache 编写工程化的组件 用 RxJS 处理复杂的异步业务 3,…

[[堆积-1]意呆利AH-64A阿帕奇 1:72

01.02.20191 Min Read — In ScaleModel

同上一个 F-117A, 也是意大利的板件田宫的标. 板件质量凑合着能用, 如果不是旋翼主轴板件竟然很蠢的弄错了尺寸需要裁剪, 还能对意呆利提升点好感. 主旋翼不能转, 尾旋翼转不舒畅. 😔 田宫为什么要跟这家凑一块啊. 跟实机对比颜色之后发现, 主色标号(XF-6…

[[堆积-1]意呆利F-117A 1:72

18.01.20191 Min Read — In ScaleModel

堆积中的一个,挂着田宫牌子的 Italeri 板件。不知道什么年代的模具,质量差的一比,堪比 25 块钱买的号手轰-…

© 2024 by Drew Xiu. All rights reserved for sale.
GitHub Repo
Last build: 24.04.2024