Skip to main content

Software

Projects 1

How I Set Up a WordPress Site

Deploy a WordPress site quickly using AWS EC2 and Easy Engine (domain bought from Cloudflare). Requires a little programming background but is cheap and fast, with high freedom and scalability!

Talk about eval in JavaScript, Risks and Alternatives

Introduce eval in JavaScript, talk about why not to use it, and finally look at its application and alternatives through the interview questions of reading `<script />` and getting JS calculation results when crawling with App Script.

From Callback to Async/Await: Sequential Fade-In Animation

Deal with the JS asychronous from sequential fade-in animation. Step by step refactor the code from Callback, Promise to Async/Await, providing cleaner and more maintainable code.

Implementing Google OAuth Login (Vue / Express)

A small example of integrating Google Login using Vue and Express.

Talk about Web Fonts — Design, File Formats and Frontend Loading

Introduce font design process (unprofessional version), what are font files, and how web pages use fonts.

Design System - Things Frontend Engineers Should Know

The nature of a software engineer is actually very close to that of an architect, except they build houses and we build systems. A good house requires good architectural design, blueprints, understanding of the structure, and a lot of time spent on planning and design. This concept corresponds to Design System in web pages!

Frontend Framework 101: Things You Should Know Before Learning a Framework

Choosing a frontend framework has always been a big question for many beginners (including me). I started writing React because my company was using it. Recently, due to some circumstances, I started touching Angular, which inspired me to think more about "Frontend Frameworks". Issues like what "framework" actually refers to? What can be called a "framework"? Why does frontend need to use it? What happens if you don't use it? I heard Vue3 is powerful, should I learn it? And so on.