![]()
内容推荐 现在,很多Web框架都要加载大量“备用”代码,造成应用程序结构杂乱、运行缓慢。Svelte是一个对开发人员友好的创新工具,能用更少代码实现更多功能;编译后的应用程序非常小,加载时间更短。将Svelte和Sapper框架结合使用,页面路由、服务端渲染、静态页面开发将变得简单且灵活。 《Svelte和Sapper实战》一书将讲述如何设计和构建快捷、优雅的Web应用程序。你将学习如何创建Svelte组件和出色的UX,并将开发一个卓越的Travel Packing应用程序。你将掌握Svelte特有的状态管理器模型,学会使用Sapper简化页面路由,并学习现代前端领域的一些最佳实践,如代码分割、离线支持和服务器渲染的视图。 作者简介 R.马克·沃尔克曼(R.Mark Volkmann)从1996年开始就提供软件咨询和培训服务,目前是位于圣路易斯的ObjectComputing公司的合作人。作为一名资深的咨询顾问,Mark为很多公司提供JavaScript、Node.js、Svelte、React、Vue、Angular等方面的帮助,创建并讲授了许多课程, 包 括 React、Vue、AngularJS、Node.js-jQuery、JavaScript、HTML5、CSS3、Ruby、Java和XML。他经常面向圣路易斯地区的用户发表演讲,并出席各种会议,包括Nordic.js, Jfokus, NDC Oslo、 Strange Loop. MidwestJS、No Fluff Just Stuff和 XML DevCon。Mark 长期撰写各类关于软件开发的文章,这些文章收录在https://objectcomputing.com/resources/publications/mark-volkmann。在业余时间,Mark爱好跑步,已经在39个州参加了49场马拉松比赛。 目录 第Ⅰ部分 起步 第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 |