Mofei Logo杂谈

使用 Visual Studio Code 的 Development Containers 创建一致的开发环境

使用 Visual Studio Code 的 Development Containers 功能,开发者可以在隔离、可移植的容器化环境中高效工作,保证项目的环境一致性,消除依赖冲突,并轻松进行跨平台协作。

Sep 20, 2024 11:43 PM
728
Mofei LogoJavaScript

像大牛一样使用 JavaScript Console 控制台接口,提升前端开发效率 2024

JavaScript 的 console 对象提供了丰富的方法,远超出基本的 console.log()。通过这些高级方法,你可以更高效地调试代码、进行性能分析和详细检查应用程序的行为。例如,console.group() 可以分类和分组日志,console.table() 以表格形式展示数据,而 console.time() 可以测量代码执行时间。此外,还有用于条件日志记录的 console.assert(),用于统计执行次数的 console.count() 和用于清空控制台的 console.clear() 等方法。充分利用这些工具,你能更轻松地优化代码,提升开发效率。

Jun 1, 2024 11:21 AM
1949
Mofei Logo大数据与Python

如何为PySpark安装GraphFrames - 完整指南

想用PySpark和GraphFrames进行图形分析吗?本指南将帮助你使用GraphFrames设置并分析一个简单的社交网络。我们将介绍初始化Spark、定义图形组件,并执行基本分析,如三角形计数。简单实用,非常适合快速入门!

Apr 12, 2024 2:44 PM
2321
Mofei Logo杂谈

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

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

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

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

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

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

CSS position: sticky

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

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

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

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

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

上海特技城乐园

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

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

CSS变量 的 秘密

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

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

说走就走的溧阳

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

Aug 15, 2022 11:38 PM
3923
Mofei LogoJavaScript

JS API Intersection Observer与懒加载

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

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

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

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

Apr 14, 2022 10:38 AM
3004
HI, THERE!I AM MOFEI

(C) 2010-2024 Code & Design by Mofei

Powered by Dufing (2010-2020) & Next.js

IPC证:沪ICP备2022019571号-1