tech

Methods for transforming objects in Three.js

Creating and rendering a basic 3D scene using Three.js

A super detailed guide to quickly connect your Porkbun purchased domain to Netlify in under 5 minutes, making website deployment easy!

I finally finished! Recently, I went to draw, and here is a drawing of "The Little Prince and the Fox." My favorite part of "The Little Prince" is their story. Drawing is really therapeutic, just like the feeling of finishing this challenge.

Continuing with the Todo app part 2, I will document the issues encountered during the implementation.

After taking so many notes, it's finally time to implement a simple to-do app and document the issues encountered during the implementation.

Before ES6, the common module concept was CommonJS, using require to import modules and exports to export modules.

In this article, we will explore how TypeScript enhances the use of ES6 classes, including class properties, methods, and inheritance.

This is similar to JavaScript, using `extends` to inherit classes and create subclasses, which can use properties and methods from the parent class. In the following example, we use different parameter types to utilize the parent class's method `greet`.

Today we will learn about using Class in TypeScript. Class Members include: Fields, Readonly, Constructors, Methods, Getters/Setters, and Index Signatures.

What is a Class? In simple terms, it is a template for objects, defining the abstract characteristics of something, including its properties and methods, providing a more concise syntax for creating objects and handling inheritance.

The previous article introduced Generics; this one is quite similar XDD, mainly focusing on Generic Functions.

Generics (泛型) refer to a feature that allows you to define functions, interfaces, or classes without specifying concrete types in advance, and instead specify the types when using them.

Finally, it's day 20! I feel a bit happy that it's almost over, but I'm worried about the next 10 articles, feeling both excited and afraid I won't finish XDD

We briefly discussed functions earlier; this article will explore some deeper applications of functions.

Continuing to take notes on Narrowing, what other methods can be used to narrow types? If there are any errors, please feel free to leave comments. Thank you!

Continuing to take notes on Narrowing, what other methods can be used to narrow types? If there are any errors, please feel free to leave comments. Thank you!

In the previous article about interfaces, I learned that we can use Index Signatures. I found that there are some things to pay attention to when using them, so I decided to write a separate article about it. (And secretly thought, yay, another article XD)

In the previous article, we discussed interfaces; today we will talk about type aliases. They have very similar functionalities, but there are still some differences. Let's take a look. Before that, let's introduce Type Aliases.

A comprehensive note on interfaces. Finally, we arrive at interfaces, which I consider quite important. Let's take a look. This is probably the most serious note I've taken. Haha.

TypeScript is very particular about types, and I have been writing for many days without finishing (actually, I need 30 articles XDD). Let's continue with the notes on Enums.

Today we will introduce Literal Types (字面值型別) and Tuples (元組).

Today we will discuss Union Types and Intersection Types.

Finally, we will discuss types unique to TypeScript, including: any, unknown, void, never.

Following the previous article on basic object usage in TypeScript, today we will learn about arrays and functions.

In the previous article, we recorded primitive data types. In this article, we will explore object types.

Primitive Types

In the previous article, we learned about the three methods of specifying types. What types can we use? Today, let's organize the data types that TypeScript might use.

Today, let's learn how to handle the most essential type specifications in TypeScript. Let's go!

Today, let's talk about tsconfig.json. I think beginners can pass this article for now; just knowing that tsconfig.json can be configured is enough. You can start with the default settings and learn more when needed (making me feel like I'm not a beginner, but there are just too many settings, haha).

In the previous article, I mentioned that we have to manually run `tsc xx.ts` and `node xx.js` every time we write. Isn't that tiring? I'm tired, so I'm sharing this article to help us automate compilation and speed up our learning time.

Before installing the TypeScript execution environment, let's check if Node.js is installed. If not, you can download it from the official Node.js website.

This is an overdue introduction. About a year after switching careers, I kept hearing the name TypeScript and wondered what it was. Is JavaScript going to die? I just started learning it.

How to implement a Whack-A-Mole game using JavaScript.

How to implement video playback speed control using JavaScript.

How to implement video playback speed control using JavaScript.

如何使用 JavaScript 來實現點擊並拖動的效果。

How to create a follow-along navigation effect using JavaScript and CSS.

How to understand event capture, propagation, bubbling, and one-time events using JavaScript.

How to implement a sticky navigation bar using JavaScript and CSS.

How to use JavaScript and the Web Speech API to implement speech synthesis.

How to use JavaScript and CSS to create a follow-along link highlighter effect.

How to implement geolocation functionality using JavaScript and the Geolocation API.

How to use JavaScript and Web Speech API to implement speech recognition functionality.

How to use JavaScript and HTML5 getUserMedia API to implement webcam functionality.

How to use JavaScript reduce method to calculate total video duration.

How to sort arrays in JavaScript while ignoring articles.

How to use LocalStorage for data storage and management.

How to use JavaScript and CSS to create text shadow effects that follow mouse movement.

Understanding the differences between reference and copy in JavaScript, with various methods for copying arrays and objects.

Create an animation effect where images slide into view when scrolling to specific points.

Display surprise images on the page after entering a secret code.

Custom video player with features including play, pause, volume, speed, fast forward, rewind, and fullscreen.

Check multiple checkboxes while holding the Shift key

DOM break on & practicing console methods

Practice working with Canvas

Second round of array practice, including some, every, find, findIndex, and slice

Practice using CSS flex and JavaScript to create an image expansion effect on click

用 fetch 去 get 城市資料，並用正規表達式來回傳搜尋相關程式

Practice array methods including filter, map, sort, and reduce

Using JavaScript and CSS3 to adjust image border spacing, blur effect, and background color. The title "JS" also changes with the background color.

Today we are making an analog clock using CSS and JavaScript. The main challenge is calculating the rotation degrees for the clock hands.

Since the Level 3 pandemic alert, staying at home has led to an irregular schedule and unproductive activities (mostly watching shows and scrolling on my phone). Recently, I finally realized this needed to change and started implementing the "10 Billion Morning Habit"