馬來西亞之旅
換錢所:Kota Raya
Google Map:https://maps.app.goo.gl/RGCjk9LZqJbhAiMq5
https://ninetyroadtravel.com/malaysia/malaysia-money-exchange/#elementor-toc__heading-anchor-2
吉隆坡國際機場快線(KLIA Ekspres)車票
https://s.klook.com/c/n39xnkRWw2
Henry Johnson changed 3 months agoView mode Like Bookmark
If your Next.js 15 frontend receives a JWT token from the backend, you can handle it securely using middleware and cookies. Here's how you can process and store the token when it's passed from the backend.
📌 Steps to Handle JWT from Backend in Next.js Middleware
Receive the JWT token from the backend API response.
Store the token in an HTTP-only cookie for security.
Use middleware to validate the token and protect routes.
Send the token with authenticated requests.
1️⃣ Fetch Token from Backend and Store in Cookie
When a user logs in, your Next.js app will send credentials to the backend and store the received JWT token in an HTTP-only cookie.
Henry Johnson changed 6 months agoView mode Like 1 Bookmark
Position: sticky is a unique CSS positioning property that combines aspects of both relative and absolute positioning. Here's an easy-to-understand explanation and notes:
Definition
According to MDN:
A sticky element does not leave the normal document flow (similar to position: relative).
It "sticks" to its nearest scrolling ancestor when certain conditions are met, behaving like position: absolute.
What is a "Scrolling Ancestor"?
A scrolling ancestor is any parent element that creates a scrollable area. This could be:
Henry Johnson changed 7 months agoView mode Like Bookmark
1. React Sandwich Builder
Problem:Create a "Sandwich Builder" app that lets users create the ultimate sandwich.
Features:
A list of available ingredients (e.g., bread, lettuce, tomato, cheese, bacon).
A "magic randomizer" button that builds a sandwich for the user randomly.
Prevent users from adding "bacon" more than 5 times (because the bacon fairy gets upset).
Display an alert if the user tries to add peanut butter and pickles together (because, why?).
Henry Johnson changed 8 months agoView mode Like Bookmark
HTML Questions
What does HTML stand for?
What is the purpose of the <html> tag?
How do you create a hyperlink in HTML?
What is the difference between the <head> and <body> sections in an HTML document?
What is the purpose of the <title> tag?
How do you create an unordered list in HTML?
What is the purpose of the alt attribute in an <img> tag?
How do you create a form in HTML? Provide an example.
What is the difference between an <iframe> and an <embed> tag?
Henry Johnson changed 8 months agoEdit mode Like Bookmark
React Basics
What are the advantages of using React?
Can you explain the concept of "unidirectional data flow" in React?
How does React handle updates to the DOM efficiently?
Functional Components
How do you create a functional component in React?
What are the differences between functional components and class components?
Can functional components have state? How?
Henry Johnson changed 8 months agoView mode Like 1 Bookmark
General Questions
React Basics
What is React, and how does it differ from other JavaScript frameworks?
What are React components, and how do functional components differ from class components?
Explain the role of props and state in React.
What is the Virtual DOM, and how does it improve performance?
JSX
What is JSX, and why is it used in React?
Can browsers understand JSX directly? Explain.
Henry Johnson changed 8 months agoView mode Like 1 Bookmark
Task 4: Searchable List
Description: Create a React component that displays a list of items and allows the user to filter the list by typing into a search bar.
Features:
Display a list of at least 10 items (e.g., names of fruits).
Include a search bar at the top of the list.
Filter the list in real-time as the user types.
If no items match the search query, display a "No results found" message.
Henry Johnson changed 8 months agoView mode Like 1 Bookmark
:memo:
定義
公開的文件,詳細的說明使用方式
設計 Authentication 驗證請求的合法性
API 文件撰寫輔助工具
1. 定義
Open API 簡單來說是就是一個應用程式的開口讓開發者能夠串接, 它是Server Side Web API 的應用方式,提供開發者可以透過程式去存取應用軟體或網路服務,也就是說會有公開的文件和公開的接口(end point),讓外部應用系統得以透過這些介面存取。
614851e7451b93553deed0d9_apenapi
Henry Johnson changed 2 years agoView mode Like Bookmark