一句话概括，Web Components是一个Web组件标准。现在的前端开发几乎已经离不开组件化开发了，无论是vue中的模板语法还是react中的JSX，都是把结构、样式和逻辑封装成一个组件，采用组件复用来提高开发效率。既然组件如此重要，Web Components就是提供浏览器底层的支持，不依赖各种框架的支持和webpack的编译，让我们也能...

点击 API 测试工具可以看到参数说明。pn 表示从第几个数据开始返回，rn 表示一次返回多少个数据。如果 pn = 0，rn = 10；想要第一次请求返回的数据下标是 0～9，第二次请求返回的是 10～19，那么需要 pn 每请求一次后加一， pn * rn 才会返回所期望的结果。

整个对象中包含 resultCode、reason 和 result 数组。result 数组中返回若干对象，每个对象中包含 parentId、name 和 list 数组，list 对象数组中，每个对象包含 id、 name 和 parentId。

container：高度 100 rpx，背景色 #eee，flex 布局。input-wrapper：高度 80 rpx，背景色 #fff，flex 布局，border-radius: 20rpx。search-icon：宽高 32 rpx。input：字体和光标颜色 #000，字体大小 32 rpx。close-icon-wrapper：宽高 80 rpx，绝对定位。text：搜索按钮宽 110 rpx，高 65 rpx，绝对定位，左边框 2rpx s...

效果图 严选是豆果美食的另一个小程序，在本项目中将严选忽略，只做首页、分类和收藏。 创建项目 创建一个空项目，不选择快速模板。项目名称为 cookbook。 目录规划 页面中的搜索、列表、菜谱详情封装成组件，以便于更好地复用和维护。 组件文档 我们为什么需要组件化开发？ 配置 首先在根目录下创建以上三个文件。 app....