temme
temme 是一个类 jQuery 的选择器,用于简�?优雅地从 HTML 文档ä¸ï¿½??�?�所需的 JSON 数�?�。
例�?
<!-- 下�?�用到的 html 的内容 -->
<ul>
<li data-fruit-id="1">
<span data-color="red">apple</span>
</li>
<li data-fruit-id="2">
<span data-color="white">pear</span>
</li>
<li data-fruit-id="3">
<span data-color="purple">grape</span>
</li>
</ul>对于上�?�的 html,我们�?�以使用下�?�的 temme 选择器�?��??�?�「水果颜色和�??称的列表�?。(在线版本链接)
import temme from 'temme'
// 使用 commonjs 导入时需�?åŠ ä¸Š .default
// const temme = require('temme').default
const selector = `li@fruits {
span[data-color=$color]{$name};
}`
temme(html, selector)
//=>
// {
// "fruits": [
// { "color": "red", "name": "apple" },
// { "color": "white", "name": "pear" },
// { "color": "purple", "name": "grape" }
// ]
// }å¦‚æžœä½ å¯¹ temme 还�?熟悉,那么�?�以从 豆瓣电影的例�? 开始。在线版本ä¸ä¹ŸåŒ…�?�了一些其他较çŸçš„例�?。比如这个例�?从豆瓣电影页�?ï¿½ä¸æŠ“ï¿½?�了电影的基本信�?�和评分信�?�。这个例�?从天猫的商�?详情页�?ï¿½ä¸æŠ“ï¿½?�了评论列表,包括用户的基本信�?�,�?æ¬¡è¯„ä»·å’Œè¿½åŠ è¯„ä»·, 以�?�晒的照片的链接.