Fundamentals

Primitive Types vs Wrapper Types

Primitive types store raw values, while wrapper types are objects that can be null and are required by generics/collections.

1
2
3
4

int age = 18;
Integer nullableAge = null;

List<Integer> numbers = List.of(1, 2, 3);

Fundamentals

HTML

SEO (Search Engine Optimization)

• Use semantic HTML elements (<article>, <section>, <nav>, <header>, <h1><h2> etc.)
• Set meaningful <title> and <meta name="description" content="xxx"> for each page.
• Use of <alt> Attributes on Images
• Use <meta name="robots"> or robots.txt to control indexing.

Render Process

DOM + CSSOM => Render Tree
Layout(Size, Position) => Paint(Color, Background) => Composite
Recalculate Style => Reflow => Repaint => Compositing

Problem Solving Steps

1. Communication: The goal is to solve real-world problems collaboratively with the interviewer.
2. Clarify the Objective: Confirming what is asked is very important. For example, if the problem requires returning values instead of indices, then storing index information is meaningless.
   • Identify boundary cases.
   • Ask valuable questions.
   • Don’t rush to code; first confirm you are solving the correct problem.
3. Formulate the Problem: To solve algorithm questions, you need to build a formula that describes how to get the result. Then look at all known conditions (such as whether the data is sorted, or any useful data characteristics. You can even preprocess data by youself). This helps decide how the formula converges and whether to use loops or recursion.
4. Explain Your Approach: Before coding, explain your thought process to the interviewer and get confirmation.
5. Code:
   • Use a consistent coding style. Use meaningful variable names, and comments.
   • Avoid premature optimization; focus on correctness first.
   • If you are stuck, try to simplify the problem or break it down into smaller parts.
6. Test Your Code: After coding, run several test cases including edge cases. Run the code manually step by step.
7. Optimize: Improve time and space complexity if possible. Dont forget that.

This blog will walk you through how to develop a Chrome Extension. From concepts to practical examples, this guide will help you create your own Chrome Extension.

What can Chrome Extension do?

A Chrome extension is a small software program that customizes the Chrome browser. It can:

• Enhance user experience by adding new features.
• Interact with web pages.
• Automate repetitive tasks.

Some popular examples include ad blockers, language translators ( Grammarly ), and password managers.

This blog describes a quick and easy way to set up your own website and automate the process of posting new blogs.

What is Hexo?

Hexo is a fast, simple, and powerful blog framework built with Node.js.

What is GitHub Pages?

GitHub Pages is a static site hosting service provided by GitHub. It allows you to host your website directly from a GitHub repository. You can configure this feature in the repository’s Settings ➔ Pages section.