嘿, 我是Mofei!

I
Write
Love & Life

MOFEI

Build a Time Control UI with Canvas

From high-DPI canvas scaling to hover/click interaction, this post explains how to implement a timeline UI using HTML5 Canvas.

TechSun, Mar 22, 2020
MOFEI

Visualizing the Pandemic with Maps

Behind the scenes of an interactive coronavirus map — from heatmaps to categorized visuals, a story of data visualization and design evolution.

TechSun, Feb 23, 2020
MOFEI

Building a Dot Map from Scratch

A full walkthrough on creating a custom dot map using QGIS, Canvas, and JavaScript — from data extraction to pixel rendering.

TechFri, Aug 30, 2019
MOFEI

How to Load Stunning Mapbox Maps in WeChat Mini Programs

Use web-view to embed Mapbox GL JS and unlock rich visual features like 3D, heatmaps, and clustering within your WeChat Mini Program.

TechThu, Jun 6, 2019
MOFEI

Greetings from the World

An engineer’s story of building a postcard exchange platform—connecting strangers around the world through stories, creativity, and serendipitous messages.

LifeTue, Jan 22, 2019
MOFEI

Using Mapbox Maps in WeChat Mini Programs

WeChat Mini Programs don't officially support third-party maps, but with a clever web-view workaround, this post demonstrates how to embed interactive Mapbox maps—covering enterprise requirements, domain verification, and postMessage communication.

TechTue, Jan 22, 2019
MOFEI

JavaScript Padding Numbers with Leading Zeros

Learn how to pad numbers with leading zeros using a simple one-liner in JavaScript, and watch out for edge cases with overly long numbers.

TechThu, Jan 10, 2019
MOFEI

Automatic SSH Deployment with Travis CI

From manual deployment to full automation, this post walks through configuring Travis CI to run builds and deploy code to remote servers over SSH.

TechThu, Dec 27, 2018
MOFEI

Writing Code Like a Pro: Code Quality and CI Guide

A hands-on guide by Mofei on maintaining high code quality using Travis CI, Tape, nyc, and codecov.io, complete with real-world Node.js examples.

TechTue, Nov 13, 2018
MOFEI

Debugging Node.js C++ Addons with VS Code

A complete guide by Mofei on how to debug native Node.js C++ addons in VS Code using launch.json, breakpoints, and preLaunchTask settings.

TechTue, Nov 6, 2018
MOFEI

Debugging Node.js C++ Addons with VS Code

A complete guide by Mofei on how to debug native Node.js C++ addons in VS Code using launch.json, breakpoints, and preLaunchTask settings.

TechFri, Jul 13, 2018
MOFEI

What's It Like to Work at Mapbox?

Mofei reflects on his onboarding trip to Mapbox's US offices, highlighting open communication, inclusive culture, and quirky workplace details like gender-neutral bathrooms and office meme wars.

LifeFri, Jul 6, 2018
3/8

HI. I AM MOFEI!

NICE TO MEET YOU!