主要观点:通过“lots of little HTML pages”的方式构建页面交互,相比在现有文档上用 JavaScript 驱动的交互更简单且效果更好,在一些简单网站场景中是一种变革性的方法,如过滤和导航功能。
关键信息:
- 对博客进行更新时产生的思考,质疑在现有文档上用 JavaScript 构建页面交互的方式。
- 随着跨文档视图过渡支持的增加,意识到构建页内渐进增强交互比构建两个 HTML 页面并链接更复杂。
- 举例说明用静态站点生成器将过滤和导航功能做成单独的 HTML 页面,通过 CSS 视图过渡实现效果,如过滤帖子列表和打开导航菜单。
- 提到这种方法有一些权衡,但总体喜欢,易于构建和维护,是利用网络特性的好例子。
重要细节: - 在过滤功能中,最初用 JavaScript 实现列表过滤,结果变得复杂,后用静态站点生成器做成单独页面,几分钟内就完成且有免费的动画过渡效果。
- 导航功能中,原本考虑用汉堡图标和 JavaScript 实现,后改为新的 HTML 页面,无客户端 JavaScript 需求,点击链接即可打开菜单页面并可返回。搜索功能也采用类似方式。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。