摆烂做锦鲤

记录一下来公司实现的第一个业务场景——吸顶导航，记录了自己实现这个效果的过程与踩坑。凑不够字数了...

页面中耗时的异步操作（请求后端数据）完之前，模版没有渲染，这不仅会导致空白屏，如果页面底部有`footer`组件的话，用户还会看到底部的`footer`与顶部的`header`相邻——loading！

听我的，完全不要被网上各种乱七八糟的解释弄迷糊了，什么dpr，什么物理像素，我只能说那些东西与我们开发者并没有直接关系，笔者读了几户所有能搜到的各种移动端入门文章，一言难尽...

最近关于这个话题频繁出现在MM上面，大部分的恐惧来自chatGPT的兴起，大家对于前端这种相对低门槛的工种产生了更多地担心。当然掘金上也有很多大佬分享自己的观点，我的资历不足以跟大家分享我的看法，但我

好久没有写东西了，上次写还是在去年10月，都快半年了。这期间，除了工作比较忙外，也开始参与一些开源项目，比如 pika 刚好今年pika做了一些改动，比如编译方式从MakeFile 改成了 cmake

移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。…

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…