frontend-DingYu的一些筆記

Posted byJamie Saturday, July 6, 2024

[Fullstack Note] Implementing Kafka Producer batching by Python

Abstracting batch request implementation in Python

Frequent requests can cause I/O performance bottlenecks; however, Kafka producers optimize by using batching. This article will abstract this batching process and implement it using Python

Posted byJamie Saturday, July 6, 2024

[Fullstack Note] Javascript request in Browser and NodeJS environment

Compare with fetch and axios in source code level.

When it come to align fetch in both frontend and backend environment, `axios` is the most frequent libray which be mentioned. However, what is the diffenence between Client/Server side fetch?

Posted byJamie Sunday, June 9, 2024

[Frontend Note]Does NextJS App Routing Have Its Quirks?

NextJS App Routing Cheatsheet

Let's quickly list down a cheatsheet and then dive into the explanations.

Posted byJamie Friday, April 5, 2024

[Frontend Note]What we talk about when we talk about SSR

The server side render from NextJS

We will mock the process of SSR base on NexgJS 14 app router.

Posted byJamie Monday, April 1, 2024

[Frontend Note] A quick recap on throttle and debounce

Functions we use often but do not always fully understand

Using them again and again, I suddenly realized I was not actually that clear on the difference between the two. So this post is a way to walk myself through what each one does and the common scenarios where they are used.

Posted byJamie Tuesday, June 27, 2023

[DevOps Note] Minimal Docker + Nginx

A minimal Docker + Nginx note for frontend engineers

These are notes from work projects where the backend did not have time to help me out, so I figured out a few Docker/Nginx UAT projects on my own.

Posted byJamie Tuesday, December 20, 2022

[Frontend Note] Javascript Execution Context and Scope

Understanding execution context and scope in JS gives a better grasp of how it works under the hood

Rather than stepping into traps one by one and only fragmentarily memorizing which patterns will produce bugs, it is better to dig into Javascript's underlying principles once and avoid those potential traps entirely!

Posted byJamie Thursday, November 3, 2022

[Frontend Note] Web Security from the Browser's Perspective

A minimal frontend security note

Looking at Web security from the browser's perspective, it can be roughly divided into Web page security, browser network security, and browser system security.

Posted byJamie Wednesday, November 2, 2022

[Frontend Note] What are macrotasks and microtasks in the EventLoop

Use macrotasks and microtasks to fully understand asynchronous behavior in Javascript

When asynchronous behavior is mentioned in Javascript, names like `setTimeout`, `Promise`, and `async/await` immediately come to mind. However, while learning about V8 and the browser recently, I realized that although these three are all asynchronous on a macro level, they are actually quite different on a micro level.

Posted byJamie Monday, October 31, 2022

Jamie's tech blog

[Fullstack Note] Implementing Kafka Producer batching by Javascript

Abstracting batch request implementation in Javascript