现在,很多Web框架都要加载大量“备用"代码,造成应用程序结构杂乱、运行缓慢。Svelte 是一个对开发人员友好的创新工具,能用更少代码实现更多功能;编译后的应用程序非常小,加载时间更短。将Svelte和Sapper框架结合使用,页面路由、服务端渲染、静态页面开发将变得简单且灵活。
《Svelte和Sapper实战》一书将讲述如何设计和构建快捷、优雅的Web应用程序。你将学习如何创建Svelte组件和出色的UX,并将开发一个卓越的Travel Packing应用程序。你将掌握Svelte特有的状态管理器模型,学会使用Sapper简化页面路由,并学习现代前端领域的一些最佳实践,如代码分割、离线支持和服务器渲染的视图。
现在,很多Web框架都要加载大量“备用”代码,造成应用程序结构杂乱、运行缓慢。Svelte是一个对开发人员友好的创新工具,能用更少代码实现更多功能;编译后的应用程序非常小,加载时间更短。将Svelte和Sapper框架结合使用,页面路由、服务端渲染、静态页面开发将变得简单且灵活。
《Svelte和Sapper实战》一书将讲述如何设计和构建快捷、优雅的Web应用程序。你将学习如何创建Svelte组件和出色的UX,并将开发一个卓越的Travel Packing应用程序。你将掌握Svelte特有的状态管理器模型,学会使用Sapper简化页面路由,并学习现代前端领域的一些最佳实践,如代码分割、离线支持和服务器渲染的视图。
第Ⅰ部分 起步
第1章 初识Svelte
1.1 Svelte介绍
1.1.1 为什么选择Svelte
1.1.2 重新思考响应式设计
1.1.3 Svelte的缺点
1.1.4 Svelte原理
1.1.5 Svelte“消失”了?
1.2 Sapper介绍
1.2.1 为什么选择Sapper?
1.2.2 Sapper的工作方式
1.2.3 Sapper适用的场景
1.2.4 Sapper不适用的场景
1.3 Svelte Native介绍
1.4 Svelte与其他框架对比
1.4.1 Angular
1.4.2 React
1.4.3 Vue
1.5 开发工具
1.6 小结
第2章 第一个Svelte应用程序
2.1 Svelte REPL
2.1.1 Svelte REPL的使用
2.1.2 第一个REPL应用程序
2.1.3 保存REPL应用程序
2.1.4 分享REPL应用程序
2.1.5 REPL URL
2.1.6 导出REPL应用程序
2.1.7 引用npm包
2.1.8 REPL限制
2.1.9 CodeSandbox
2.2 在REPL之外开发
2.2.1 npx degit入门
2.2.2 package.json
2.2.3 关键代码
2.2.4 你的第一个本地Svelte应用程序
2.3 奖金应用程序
2.4 小结
第Ⅱ部分 深入探讨Svelte
第3章 创建组件
3.1 .svelte文件内容
3.2 组件标记
3.3 组件名称
3.4 组件样式
3.5 CSS特异性
3.6 作用域样式和全局样式
……
第Ⅲ部分 深入探讨Sapper
第Ⅳ部分 Svelte和Sapper的其他相关知识
附录A 资源
附录B 调用REST服务
附录C MongoDB
附录D Svelte 的ESLint配置
附录E 在Svelte 中使用Prettier
附录F VS Code
附录G Snowpack
温馨提示:请使用长沙图书馆的读者帐号和密码进行登录