This article is a write-up based on reading "Implementing a pin-to-bottom scrolling element with only CSS," along with an introduction to doing it using JavaScript. It is increasingly common on modern websites to automatically scroll to the bottom whenever new content is added, such as in Twitch...
One day while developing a page, I opened DevTools to check whether the request header fields were correct and noticed a few suspicious extra headers. Did you notice anything unusual? Taking a closer look, why are there three headers starting with Sec-Fetch…
In Golang, unassigned fields default to their zero values upon initialization. However, after using it for a while, you might find that relying strictly on zero values makes it impossible to distinguish whether a user omitted a field or intentionally provided a zero value.
This article summarizes my takeaways from reading "How to collect, standardize, and centralize Golang logs | Datadog". When handling logging, there are typically a few approaches to consider: passing the logger as a parameter whenever needed, encapsulating it uniformly within the context...
In Golang, for types of interface{}, you can use type assertions to assume that the interface is of a specific type, allowing you to access and call methods of that type. This code snippet converts an interface{}...
Recently, I've been gradually migrating a project from Ruby on Rails to Golang. Part of the reason is wanting to practice writing its rather quirky syntax to see how it feels, and another part is experiencing Golang's power firsthand while learning how to organize code without an established framework. Today, I'm going to introduce goworker. The reason it caught my eye is that it was the first result when searching for "go worker"...
Many web pages have various scripts that need to be executed, and naturally they come with different priorities. More important tasks—such as rendering UI, registering interactive event listeners, and calling APIs to fetch data—are high-priority. Less important tasks include analytics scripts, lazy loading, and initializing non-essential events. But what exactly counts as idle...
Starting a few months ago, Google Chrome frequently hit me with inexplicable "connection refused" errors. Sometimes certain websites just wouldn't load, yet they worked fine on other devices. While strange, I assumed it was a server-side config issue and let it slide since it wasn't a huge hassle. That was until I configured a custom domain...
In front-end development, there are mainly two ways to send requests: XHR and Fetch. XHR is an API that has been around since, well... a very long time ago. However, because configuring it is quite cumbersome, it was often wrapped into higher-level APIs like jQuery's getJSON, axios, RxJS's AjaxObservable...
CORS and cookies are crucial topics in front-end development. However, during development, the front end and back end often share the same domain, so we rarely pay much attention to these issues. Or we simply ask the backend developers to set Access-Control-Allow-Origin…
After looking into several popular SQL packages, I found that almost none of them provide a way to immediately throw an error when a connection is lost. For example, in Node.js's mysql, we can use connection.on('error') to listen for errors. However, in Golang...
There are just too many specialized terms, and having to look them up every single time is exhausting—not to mention the constant context switching...
When developing projects, we often need to switch between different environments, which is why we usually configure different environment variables. However, hardcoding them directly into the program makes modifications tedious. Passing environment variables dynamically can eliminate a lot of unnecessary changes and keep the code cleaner. Typically in Golang, you can use the flag package...
In recent projects, I've been using Vue for development. When managing more complex data flows or state, Vuex is typically used as the single source of truth store. When creating a store in Vue, we usually write all the modules and then put them all together into Vue's root...
In Golang, there are two keywords, make and new, which often confuse beginners. Here are some quick notes on them. new can be used to allocate memory for types and returns a memory address. Therefore, we typically assign the result of new to a pointer variable. Notably, new automatically initializes types with their zero values...
The Birthday Paradox is a classic trick statistics professors love to use to baffle students at the start of a course. Typically, the professor slowly pulls out a $100 bill from their wallet and asks the class whether any two people share a birthday. Intuitively, we might assume the probability is very low. However, with just 23 people, the probability that two people share a birthday exceeds 5...
Hello everyone, Happy New Year 2018 🎉. Yesterday, my girlfriend and I chose to spend a very ordinary New Year's Eve. We did our own things in the morning, cooked dinner at home in the evening, went for a run together, and finally coded while watching Kohaku to wrap up the year.
As a front-end engineer, you are often the person on the team who submits pull requests the most. To make your PRs easier to test and simpler for reviewers to review, here is a summary of key points to keep in mind, starting from writing clear PR descriptions...
A Brief Analysis of Array.sort — This article is not about common native JavaScript sort pitfalls, such as the default string conversion and char code ordering causing unexpected results. Today, we're diving into the underlying implementation behind JavaScript's sort.
In databases, creating indexes can significantly improve query performance when dealing with large amounts of data. This article explores indexes in PostgreSQL. While using the standard `CREATE INDEX` syntax is sufficient for most everyday development scenarios, PostgreSQL also offers many different index types to choose from.