Tech
Apr 15, 2021
Why You Shouldn't Use Index as Key in React
Using array index as a React key can lead to UI bugs and performance issues. Learn why it happens and what to do instead.
Read the full story
BLOG / TECHNOLOGY
Ideas put into practice.
AI, engineering, and tools. Notes on things I use, build, and test in real projects.
18–34 of 76 articles
Tech
Apr 9, 2021
Make Your GitHub Profile Stand Out
Personalize your GitHub profile by creating a username-matching repo with a customized README. Here's how to get started!
Reads3.4kComments1
Read the full story
Tech
Jan 21, 2021
Understanding Python's __init__.py
__init__.py files are more than just placeholders—they define packages, control imports, and can even initialize modules in Python projects.
Reads3.4kComments0
Read the full story
Tech
Jan 14, 2021
Understanding JavaScript Microtasks vs Macrotasks
Master JavaScript's event loop with a deep dive into the execution order of async/await, Promises, and setTimeout.
Reads7.3kComments1
Read the full story
Tech
Jan 4, 2021
Set Up a Global .gitignore File
Keep your project .gitignore clean by configuring a global ignore file for system and editor-specific clutter.
Reads7.2kComments0
Read the full story
Tech
Mar 22, 2020
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.
Reads5.6kComments2
Read the full story
Tech
Feb 23, 2020
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.
Reads10kComments6
Read the full story
Tech
Aug 30, 2019
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.
Reads13kComments4
Read the full story
Tech
Jun 6, 2019
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.
Reads8.6kComments0
Read the full story
Tech
Jan 22, 2019
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.
Reads2.8kComments0
Read the full story
Tech
Jan 10, 2019
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.
Reads6.5kComments6
Read the full story
Tech
Dec 27, 2018
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.
Reads11kComments0
Read the full story
Tech
Nov 13, 2018
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.
Reads7.3kComments1
Read the full story
Tech
Nov 6, 2018
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.
Reads8.1kComments0
Read the full story
Tech
Jul 13, 2018
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.
Reads18kComments18
Read the full story
Tech
Nov 29, 2017
Introducing mapv-Editor Beta
mapv-Editor is a web-based geographic data editor built on the MapV engine, supporting multi-format data import, customizable base maps, and intuitive layer configuration with a near-native user experience.
Reads7.9kComments5
Read the full story
Tech
Nov 6, 2017
Simulating a Crossroad with Zebra Crossings Using JavaScript Canvas
This post explores the process of simulating a crossroad with zebra crossings using JavaScript Canvas, covering normalized coordinate processing, road sorting, intersection computation, and canvas transformation techniques.
Reads10kComments9
Read the full story