Svelte Quiz

Svelte KHÔNG sử dụng mô hình lập trình nào sau đây?

• Mô hình lập trình dựa trên JavaScript

• Mô hình lập trình hướng sự kiện

• Mô hình lập trình hướng trạng thái

• Mô hình lập trình dựa trên thành phần

Answer explanation

Svelte là một framework web dựa trên các mô hình lập trình sau:

·       Mô hình lập trình hướng trạng thái.

·       Mô hình lập trình dựa trên thành phần.

·       Mô hình lập trình dựa trên HTML.

·       Mô hình lập trình dựa trên JavaScript.

Svelte là một framework web dựa trên?

• TypeScript

• JavaScript

• Java

• HTML & CSS

Answer explanation

Svelte dựa trên JavaScript. Svelte được viết bằng JavaScript và có thể được sử dụng với JavaScript.

Đâu là cú pháp Svelte để tạo một thành phần mới?

• (1)

• (2)

• (3)

• Không có đáp án đúng

Answer explanation

Cú pháp Svelte để tạo một thành phần mới là sử dụng từ khóa export default để xuất lớp thành phần.

Câu trả lời (1) không đúng vì không sử dụng từ khóa export default để xuất lớp thành phần.

Câu trả lời (3) không đúng vì không sử dụng từ khóa export default để xuất hàm tạo thành phần.

Vì vậy, câu trả lời đúng là (2).

Làm thế nào để liên kết một biến với giá trị của một input trong Svelte?

• value={variable}

• bind:value={variable}

• let:value={variable}

• input:value={variable}

Để xử lý sự kiện trong một thành phần Svelte, bạn cần sử dụng từ khóa nào?

• on:

• event:

• listener:

• handle:

Svelte là gì?

• Một trình biên dịch.

• Một framework JavaScript cho việc xây dựng giao diện người dùng.

• Một thư viện JavaScript cho việc xử lý HTTP requests.

• Một ngôn ngữ lập trình máy chủ.

Answer explanation

Svelte là một framework web hướng tới front-end, cung cấp các tính năng giúp bạn dễ dàng tạo các ứng dụng web tương tác

Ngoài ra, Svelte còn là một compiler: Svelte sẽ biên dịch mã nguồn của bạn thành JavaScript thuần túy trước khi chạy nó trong trình duyệt. Giúp Svelte nhanh hơn các framework JavaScript khác, chẳng hạn như React và Vue.js.

Svelte hoạt động như thế nào so với các framework JavaScript khác như React hoặc Vue?

• Svelte là một framework component-based giống như React và Vue.

• Svelte không tạo ra các component, thay vào đó, nó biên dịch templates thành JavaScript tại thời điểm build.

• Svelte sử dụng virtual DOM như React.

• Svelte chỉ hoạt động trên môi trường client-side.

Để sử dụng props trong một component Svelte, bạn làm gì?

• Sử dụng this.props trong phần logic của component.

• Sử dụng this.data trong phần logic của component.

• Định nghĩa props trong tag script và sử dụng chúng trong phần HTML.

• Props tự động được truyền vào mỗi component và không cần định nghĩa.

Để tạo một biến có giá trị mặc định trong Svelte, bạn sử dụng cách nào?

• let variable = defaultValue

• let variable: defaultValue

• let variable = $defaultValue

• let variable; variable = defaultValue

Làm thế nào để cập nhật một biến trong Svelte mỗi khi giá trị của nó thay đổi?

• Sử dụng hook useEffect()

• Sử dụng directive bind:this={variable}

• Sử dụng reactive statement $: { ... }

• Sử dụng directive on:update={handleUpdate}

Answer explanation

<script>

let first_name = 'Ti'

let last_name = 'Le'

$: name = last_name + ' ' + first_name

</script>

Ten tui la: {name}