Hi! I'm Mofei!
启航芬兰 - 在远离故土的15年之后
在飞往芬兰的前夕，我借着这片宁静的时刻坐下来，试图找到适当的表达方式来描述内心的澎湃和矛盾的平静。或许是因为距离十几年前设定的目标越来越近了，我的内心涌现出一种难以言喻的激动，这种情绪在我胸中荡漾开来，仿佛掀起了一片涟漪。...
a month ago
530 6 2
神奇的 CSS 属性：box-decoration-break
神奇的 CSS 属性：box-decoration-break 开始之前我们先看一个Demo, 在这个Demo中，我们高亮的部分被赋予了圆角和漂亮的粉色背景 那么，这种效果应该如何时间呢？是不是一个简单...
5 months ago
897 0 1
CSS position: sticky
CSS position: sticky 对于"老前端"来们来说，实现这样一个效果：在实现网页滚动到一定高度之后，让一部分内容（比如导航，目录列表等）固定在页面中显示。我们第一直觉可能是：使用JS监听scroll事件，然后达到固定的条件之后，通过修改对应元素的css或者style实现其固定。 比如如下示例中的nav模块： 
做一个牧羊人寻找那林中的白色驯鹿 - 呼伦贝尔五日游
在此之前，我到过祖国最北的地方，是新疆喀纳斯。在此之后，我的最北方刷新在了莫尔道嘎，这里离祖国最北端的垂直距离，也不过两百多公里。22年初秋，我们从上海经北京飞越大约两千五百多公里，来到了世界上最好的草原......
2022-09-27
1887 4 2
上海特技城乐园
周末计划去长兴岛逛逛，在收集攻略的时候，发现了一个已经倒闭了20年的游乐场 - 上海特技城乐园。 这个游乐场据说建立在90年代，现在已经被岁月埋藏在了一小部分中年人的脑海里，甚至在百度上也找不到太多的信息。...
2022-08-29
1235 0 0
CSS变量 的 秘密
无意间翻刷了CSS Day 2022上Lea Verou 介绍的关于 CSS Variable 的视频， 不得不感慨CSS已经快变成我不认识的样子了。结合视频中的几个案例聊聊CSS变量。 1 初识CSS变量 如果你之前使用过诸如Less, Sass的预编译的CSS扩展，那你一定对其中的变量系统有...
2022-08-23
2637 1 0
说走就走的溧阳
8月初抽空和家人一起去了趟溧阳。本来计划去长沙的，结果手上的核酸报告刚刚过了48小时，最新7个小时前检测的也暂时还没出来结果，被南方航空拒绝登机。 拿着上海政府公示的只需要提供72小时的核算证明就能登机的文件...
2022-08-15
1365 3 3
JS API Intersection Observer与懒加载
大名鼎鼎的Mapbox最近发布了Global View，无论是在Web还是Mobile上都可以爽快顺滑的运行，于是第一时间更换了自己博客上的地图。由于这个地图并不是处于首屏的位置，考虑到部分手机用户的感受，还是决定对这个球进行懒加载。。。...
2022-07-14
2752 4 3
在 Apple M1 芯片中强制 Docker 使用 amd64
在Linux或者Window等AMD64架构的机器上（AWS EC2、ECS， 阿里云函数计算等）使用苹果M1芯片上的构建的Docker镜像（或者其他ARM64架构的机器构建的镜像）会带来一些问题。因此为了在上述平台部署苹果芯片构建的镜像我们需要指定构建AMD64架构的镜像...
2022-04-14
1303 13 0
[译] 你从来没用过的HTML标签
在本文中，Louis Lazaris描述并演示了一些有趣的HTML属性，这些属性您可能听说过，也可能没有听说过。如果觉得它们非常有用，可以在您的项目中亲自使用...
2022-04-01
2718 10 0
阿里云函数计算自定义容器超时 - Macbook M1 Chip
周末闲来无事，想折腾一下把我的阿里云函数计算从自定义运行环境迁移到自定义容器，结果部署之后发现并不能访问，并返回超时的错误，各种骚操作之后发现了两种解决方案...
2022-02-14
1633 16 0
React中为什么最好不要用数组的index作为key
当你在写或者在读别人渲染列表的React代码的时候，很容易看到使用index作为Key的情况，这看起来不错，还可以避免React的Key Warning。但是，这样做却是最常见的React错误之一，至少它很危险...
2021-04-15
3179 29 0