2024年前端最新Svelte 前端框架，开发读书笔记，web前端开发培训学习

web浏览器中的javascript

• 客户端javascript
• 在html里嵌入javascript
• javascript程序的执行
• 兼容性和互用性
• 可访问性
• 安全性
• 客户端框架
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

window对象

• 计时器

• 浏览器定位和导航

• 浏览历史

• 浏览器和屏幕信息

• 对话框

• 错误处理

• 作为window对象属性的文档元素

打开 Card.svelte 文件，先在 script 标签中用 JavaScript 定义几个属性变量（组件内唯一）和一个删除函数：

然后编写卡片的内容，先用一个根 div 标签括起所有的内容，然后编写标题、内容、创建时间的 div 标签。在 Svelte 中，可以直接使用尖括号来输出变量的值，使用 on:click 指令来绑定鼠标点击事件：

{title} x

{content}

{creationTime}

在 style 标签中编写 CSS 代码，让卡片变得美美哒：

2.2 开发操作面板组件

操作面板包含两个输入框和两个按钮，用于添加卡片和导出笔记。

打开 AddCard.svelte 文件，和开发卡片一样，先编写 JavaScript，定义几个属性变量，以及 “添加” 和 “导出” 函数：

然后编写操作面板的内容，Svelte 通过