Mofei Logo杂谈

启航芬兰 - 在远离故土的15年之后

在飞往芬兰的前夕,我借着这片宁静的时刻坐下来,试图找到适当的表达方式来描述内心的澎湃和矛盾的平静。或许是因为距离十几年前设定的目标越来越近了,我的内心涌现出一种难以言喻的激动,这种情绪在我胸中荡漾开来,仿佛掀起了一片涟漪。

Aug 21, 2023 12:36 AM
881
Mofei Logo前端基础

神奇的 CSS 属性:box-decoration-break

如何让高亮文本的圆角和背景色在换行时不间断?使用 box-decoration-break: clone; 属性可以解决这个问题。该属性可以使被分裂的盒子模型的背景、边框和填充被克隆到每个分裂的部分,从而保证样式的一致性。

May 10, 2023 10:25 PM
1154
Mofei Logo前端基础

CSS position: sticky

CSS position: sticky 对于"老前端"来们来说,实现这样一个效果:在实现网页滚动到一定高度之后,让一部分内容(比如导航,目录列表等)固定在页面中显示。我们第一直觉可能是:使用JS监听scroll事件,然后达到固定的条件之后,通过修改对应元素的css或者style实现其固定。 比如如下示例中的nav模块: ![stacky example](https:cdn.

May 1, 2023 6:07 PM
1394
Mofei Logo杂谈

做一个牧羊人寻找那林中的白色驯鹿 - 呼伦贝尔五日游

在此之前,我到过祖国最北的地方,是新疆喀纳斯。在此之后,我的最北方刷新在了莫尔道嘎,这里离祖国最北端的垂直距离,也不过两百多公里。22年初秋,我们从上海经北京飞越大约两千五百多公里,来到了世界上最好的草原...

Sep 27, 2022 6:38 PM
2703
Mofei Logo杂谈

上海特技城乐园

探访了长兴岛上一个已闭门谢客20年的上海特技城乐园遗址,这个90年代建立的游乐场如今只剩下寥寥无几的痕迹。最近因拆迁消息再次引起关注,但实地考察发现,除了一些残存的雕像和围墙,已无太多可见。这个被时间遗忘的埃及主题公园,虽然探访只需短短十分钟,但对历史的回味无穷。

Aug 29, 2022 6:33 PM
1971
Mofei Logo前端基础

CSS变量 的 秘密

无意间翻刷了CSS Day 2022上Lea Verou 介绍的关于 CSS Variable 的视频, 不得不感慨CSS已经快变成我不认识的样子了。结合视频中的几个案例聊聊CSS变量。 1 初识CSS变量 如果你之前使用过诸如Less, Sass的预编译的CSS扩展,那你一定对其中的变量系统有

Aug 23, 2022 8:14 AM
4158
Mofei Logo杂谈

说走就走的溧阳

因核酸检测结果未及时出来,原计划去长沙的行程被迫取消,改为自驾去溧阳。 在溧阳的几天里,我们先后去了涵田温泉、天目湖山水园和南山竹海,虽然全程开车,但景点的步行距离也不少,再加上夏天的炎热天气,着实让人感到疲惫。

Aug 15, 2022 11:38 PM
2603
Mofei LogoJavaScript

JS API Intersection Observer与懒加载

大名鼎鼎的Mapbox最近发布了Global View,无论是在Web还是Mobile上都可以爽快顺滑的运行,于是第一时间更换了自己博客上的地图。由于这个地图并不是处于首屏的位置,考虑到部分手机用户的感受,还是决定对这个球进行懒加载。。。

Jul 14, 2022 12:40 AM
4260
Mofei Logo杂谈

在 Apple M1 芯片中强制 Docker 使用 amd64

在Linux或者Window等AMD64架构的机器上(AWS EC2、ECS, 阿里云函数计算等)使用苹果M1芯片上的构建的Docker镜像(或者其他ARM64架构的机器构建的镜像)会带来一些问题。因此为了在上述平台部署苹果芯片构建的镜像我们需要指定构建AMD64架构的镜像

Apr 14, 2022 10:38 AM
2050
Mofei Logo杂谈

阿里云函数计算自定义容器超时 - Macbook M1 Chip

周末闲来无事,想折腾一下把我的阿里云函数计算从自定义运行环境迁移到自定义容器,结果部署之后发现并不能访问,并返回超时的错误,各种骚操作之后发现了两种解决方案

Feb 14, 2022 5:26 PM
2394
Mofei LogoJavaScript

React中为什么最好不要用数组的index作为key

当你在写或者在读别人渲染列表的React代码的时候,很容易看到使用index作为Key的情况,这看起来不错,还可以避免React的Key Warning。但是,这样做却是最常见的React错误之一,至少它很危险

Apr 15, 2021 6:52 PM
4172
Mofei Logo杂谈

Duang~ 让你的Github主页与众不同

作为专业的码农,当你漫游在全球最大的同性交友网站 Github 上的时候,一定对千篇一律的个人主页感到厌倦。那么有没有办法让你的首页看起来更加个性化呢

Apr 9, 2021 4:38 PM
2098
HI, THERE!I AM MOFEI

(C) 2010-2024 Code & Design by Mofei

Powered by Dufing (2010-2020) & Express

IPC证:沪ICP备2022019571号-1