Svelte.js 面接の質問と回答
質問 11. How can you pass data between parent and child components in Svelte?
Data can be passed from parent to child components in Svelte using props. The parent component can bind a variable to a child component property, ensuring updates are reflected in the child.
質問 12. Explain the purpose of the 'await' block in Svelte.
The 'await' block in Svelte is used for asynchronous logic. It allows you to await a Promise and handle the resolved value or catch errors within the template.
質問 13. What are Svelte transitions, and how do you use them?
Svelte transitions enable smooth animations during element insertion, removal, or state changes. You can use 'in:' and 'out:' directives to specify transition effects.
質問 14. How does Svelte handle global CSS styles?
Svelte allows you to include global CSS styles using the 'global' keyword. Styles defined with 'global' apply globally across all components.
質問 15. Explain the role of the 'key' attribute in Svelte's each block.
The 'key' attribute in Svelte's each block is used to uniquely identify elements during iteration. It helps Svelte efficiently update the DOM when the list changes.
ユーザー評価で最も役立つ内容:
- What is Svelte.js?
- Explain the concept of reactivity in Svelte.
- How can you perform conditional rendering in Svelte?
- What is the purpose of the 'on:' directive in Svelte?
- How does Svelte handle global CSS styles?