For security purposes, some browsers have a minimum font setting larger than zero by default in a specific condition. When your website has text with a font size smaller than 10px or 12px, you should expect that that text might be rendered as 10px (even you set it as smaller,

It sometimes happens that although you have already set up your private/public key, you still cannot get connected to the remote server with ssh. In practice, there is an uncountable number of reasons: firewall, server configuration that restricts external access, ... The recommended method to find the reason is to

This article explains the order of the NULL value in the ORDER BY clause in sql, with reference to the official document for each dialect. The default behavior The following SQL dialects consider NULL as the largest value (the last position in ascending order of any value type): PostgreSQL, Oracle.

If you are using Python 3.9, you might get the following error when running the add-apt-repository command: Traceback (most recent call last): File "/usr/bin/add-apt-repository", line 191, in if not sp.add_source_from_shortcut(shortcut, options.enable_source): File "/usr/lib/python3/dist-packages/softwareproperties/SoftwareProperties.py", line

TLDR; Go to /Library/Developer/CoreSimulator/Profiles/Runtimes and delete your unused simulators. To quickly open the directory. There are 3 ways: * From the terminal, run open /Library/Developer/CoreSimulator/Profiles/Runtimes. * In Finder, press Cmd + shift + g, paste the directory path. * In Finder, select Go menu, select Go to

Fundamental concepts * In general, x/ left suffices refer to the horizontal distance, while y/ top suffices refer to the vertical one. * Viewport is the area/portion of the web page (precisely speaking, the nearest iframe) that we can see on the screen. Imagine a web page is an infinite landscape,

TLDR; * z z or z .: move the current line to the center (in German: zentrum) of the viewport. * z t: move the current line to the top of the view port. * z b: move the current line to the bottom of the view port. * ctrl y: move the viewport up

Check the current swap space configuration Use swapon --show or free -h. If swap space is not used, swapon --show will output nothing, while free -h outputs with 0 bytes for swap, for example: total used free shared buff/cache available Mem: 1.9Gi 214Mi 138Mi 2.0Mi 1.6Gi

Definition What is event bubbling? Most events attached to the DOM node do propagate (bubble/capture). In other words, when an event is triggered * It first goes from the most parent event (i.e., the window object) to the lowest descendant. This phase is called capturing. Note: IE does not

I made this post to summarize several critical practices in the PR review process based on my experience. The list includes only essential rules, rather than general ones. Feel free to pick up and adopt any of them to your team. Hope that they can be helpful. -------------------------------------------------------------------------------- P1. Avoid

In this post, I will share my coding convention for my React projects. If you think they are useful for your project especially at the initial setup stage of the project, please feel free to pick up any of them and apply to your team. Although these rules are rather

From ES6, there are Proxy [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy] and Reflect [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect] classes that allow us to customize the objects at several language levels. For example property retrieval, assignment, iteration, function

Check if a value is an array type. To check whether an object is array type, use Array.isArray() [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray] , instead of instanceof Array. Reason: instanceof Array does not work across realms ( window, iframe). Check here [https://stackoverflow.

TLDR; * With an ES6 Map, use for (const [key, value] of myMap), this is equivalent to for (const [key, value] of myMap.entries()). * With an ES6 Set, use for (const value of mySet), this is equivalent to for (const value of mySet.values()). * With an array, use for (const value

In Javascript, an object's property falls into exactly one of two categories (not both, not none of them): data property, accessor property (ECMA [https://tc39.es/ecma262/#sec-object-type]). Definition Regardless of with or without your explicit definition, all object's properties have their associated property descriptor, which has the following properties.

How does the new operator work in Javascript, when for example, calling new MyClass(...params)? * Step 1: create a new object by Object.create(MyClass.prototype). * Step 2: call MyClass's constructor function (the MyClass itself if and only if (iff) it is a function) with this set as the object

When it happens that you want to find the first pair of elements from two arrays. You would want to break the for-loop after the predicate is satisfied. The common approach is to introduce a flag and check after each iteration in the outer loop. // NOTE: we have a better

This post explains how javascript does when it compares two values with a relational operator ( <, >, <=, >=). If you are looking for equality comparison ( ==, ===), check this post [https://transang.me/javascript-equality-and-sameness/] instead. -------------------------------------------------------------------------------- Abstract Relational Comparison algorithm The relation comparison in Javascript mainly follows the Abstract Relational Comparison algorithm [https://tc39.es/

TLDR; The list of required permissions is as follows: These include BatchCheckLayerAvailability, GetAuthorizationToken, CompleteLayerUpload, InitiateLayerUpload, PutImage, and UploadLayerPart. This is the role's detail in JSON format. { "Version": "2012-10-17", "Statement": [ { "Sid": "VisualEditor0", "Effect": "Allow", "Action": [ "ecr:CompleteLayerUpload", "ecr:UploadLayerPart", "ecr:Initiate

TLDR; With docker installed, this command can be used to access the MySQL server without installing the MySQL client. docker run -it --rm mysql mysql -u -p -h []

List of various tar commands for your daily uses. 1. Create an (uncompressed) archive. * Create: tar cvf data.tar data/ * Extract: tar xvf data.tar 2. Create and compress in xz format Note: xz = LZMA = Lempel–Ziv–Markov chain algorithm * Create: tar Jcvf data.tar.xz data/ * Extract: tar xvf

This post will compare and clear the confusion among Dots Per Inch (DPI) versus Pixels Per Inch (PPI) versus Dots Per Pixel Unit (DPPX). My post will cover the usage of these terms in web (CSS, Javascript), Android, iOS, printing fields. Dots Per Inch * Dots Per Inch (DPI): only used

As the title suggests, what is the difference between authentication and authorization? * Authentication: the process to confirm who you are. You are going to persuade the server that you are the user with the username foo by including your account password bar. The process of checking your credential (username and

TLDR; Here is the code export const usePrevRef = (value: T) => { const currentRef = useRef() const prevRef = useRef() prevRef.current = currentRef.current currentRef.current = value return prevRef } Why do we need two refs to accomplish such a look-simple task? Longer story Imagine that there are 3 phases in a

Everything about inotify in Linux and macOS. * To check the current config: $ sysctl fs.inotify fs.inotify.max_queued_events = 16384 fs.inotify.max_user_instances = 128 fs.inotify.max_user_watches = 65536 Or $ cat /proc/sys/fs/inotify/max_queued_events 16384 $ cat /proc/sys/fs/inotify/max_user_