设计的技术：
实现思路：
涉及知识是 HTML 和 CSS。
Ajax 请求页面
我是页面头部
接下来
先了解 Underscore.js 中文文档 http://www.bootcss.com/p/underscore/#template
Ajax 请求页面
我是页面头部其中一个 JSON 结构：
{
"errno":0,//未成功加载
"data":{
"total":200,//所有的JSON加载完后会返回数字0。
"list":[
{
"ID":"442343",
"m_create_time":"14:45",
"m_title":"能共苦为何不能同甘？股权分配决定企业生死！",
"m_summary":"股权分配是一门艺术，不是精准的科学，我们不建议用一个固定的公式算股权。那么，创始人，你到底该如何分配股权？",
"hotcount":318,
"m_label_names":[
{
"m_id":"46985",
"m_name":"股权分配"
},
{
"m_id":"13791",
"m_name":"创业公司"
},
{
"m_id":"71206",
"m_name":"崔牛会"
}
],
"m_image_url":"[http://e.hiphotos.baidu.com/news/crop%3D120%2C3%2C1480%2C888%3Bw%3D638/sign=5df1883a85025aafc77d248bc6dc9954/77c6a7efce1b9d167118549bf4deb48f8d546469.jpg](http://e.hiphotos.baidu.com/news/crop%3D120%2C3%2C1480%2C888%3Bw%3D638/sign=5df1883a85025aafc77d248bc6dc9954/77c6a7efce1b9d167118549bf4deb48f8d546469.jpg)",
"m_display_url":"[http://cuiqiang2008.baijia.baidu.com/article/442343](http://cuiqiang2008.baijia.baidu.com/article/442343)",
"m_writer_name":"牛透社",
"m_writer_url":"[http://cuiqiang2008.baijia.baidu.com/](http://cuiqiang2008.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
},
{
"ID":"442324",
"m_create_time":"13:34",
"m_title":"债券市场投资者为啥成了“惊弓之鸟”？ ",
"m_summary":"企业债频发违约事件，刚性兑付已被打破，债市投资者成了“惊弓之鸟”。笔者认为，一方面，因一时缺乏偿债能力的企业，要允许其通过各种途径来化解压力。另一方面，对于救活无望的企业，就要打破刚兑，允许其违约。",
"hotcount":637,
"m_label_names":[
{
"m_id":"26146",
"m_name":"企业债"
}
],
"m_image_url":"[http://f.hiphotos.baidu.com/news/crop%3D0%2C5%2C330%2C198%3Bw%3D638/sign=f6596ad68001a18be4a4480fa31f2b3d/d439b6003af33a8794ddece0c15c10385243b59c.jpg](http://f.hiphotos.baidu.com/news/crop%3D0%2C5%2C330%2C198%3Bw%3D638/sign=f6596ad68001a18be4a4480fa31f2b3d/d439b6003af33a8794ddece0c15c10385243b59c.jpg)",
"m_display_url":"[http://zhangping1975.baijia.baidu.com/article/442324](http://zhangping1975.baijia.baidu.com/article/442324)",
"m_writer_name":"不执着财经 张平",
"m_writer_url":"[http://zhangping1975.baijia.baidu.com/](http://zhangping1975.baijia.baidu.com/)",
"m_writer_account_type":"2",
"m_attr_exclusive":"1",
"m_attr_first_pub":"1"
},
{
"ID":"442299",
"m_create_time":"12:40",
"m_title":"46%新三板公司年净利不够买帝都一套房",
"m_summary":"主板业绩增速已经跑不过GDP增速，在中国做成长股投资，你必须选择新三板。",
"hotcount":2037,
"m_label_names":[
{
"m_id":"12534",
"m_name":"新三板"
}
],
"m_image_url":"[http://f.hiphotos.baidu.com/news/crop%3D0%2C20%2C640%2C384%3Bw%3D638/sign=22d9ecf21830e924dbebc67171384234/d01373f082025aaf81de8f31fcedab64024f1a5f.jpg](http://f.hiphotos.baidu.com/news/crop%3D0%2C20%2C640%2C384%3Bw%3D638/sign=22d9ecf21830e924dbebc67171384234/d01373f082025aaf81de8f31fcedab64024f1a5f.jpg)",
"m_display_url":"[http://ddxsb.baijia.baidu.com/article/442299](http://ddxsb.baijia.baidu.com/article/442299)",
"m_writer_name":"读懂新三板",
"m_writer_url":"[http://ddxsb.baijia.baidu.com/](http://ddxsb.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"1",
"m_attr_first_pub":"1"
},
{
"ID":"442297",
"m_create_time":"12:36",
"m_title":"无事不登三宝殿 库克或第八次访华 ！",
"m_summary":"苹果在华的压力来自三个方面……",
"hotcount":5640,
"m_label_names":[
{
"m_id":"10255",
"m_name":"苹果"
},
{
"m_id":"13649",
"m_name":"库克"
}
],
"m_image_url":"[http://h.hiphotos.baidu.com/news/crop%3D0%2C1%2C448%2C269%3Bw%3D638/sign=245cd986560fd9f9b4580f29181df81b/3b292df5e0fe992573959faa33a85edf8cb171ab.jpg](http://h.hiphotos.baidu.com/news/crop%3D0%2C1%2C448%2C269%3Bw%3D638/sign=245cd986560fd9f9b4580f29181df81b/3b292df5e0fe992573959faa33a85edf8cb171ab.jpg)",
"m_display_url":"[http://yibeichen.baijia.baidu.com/article/442297](http://yibeichen.baijia.baidu.com/article/442297)",
"m_writer_name":"易北辰",
"m_writer_url":"[http://yibeichen.baijia.baidu.com/](http://yibeichen.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
},
{
"ID":"442275",
"m_create_time":"12:09",
"m_title":"自动驾驶趋势不可挡，希望少炒概念，稳步推进！",
"m_summary":"自动驾驶，不再是停留在科幻片中。个人只是希望，这样的新东西，在我们这里，能够更加缓步稳健的推行，否则，又不知道会出现多少幺蛾子！",
"hotcount":1939,
"m_label_names":[
{
"m_id":"22659",
"m_name":"自动驾驶"
},
{
"m_id":"15295",
"m_name":"汽车产业"
}
],
"m_image_url":"[http://b.hiphotos.baidu.com/news/crop%3D0%2C1%2C631%2C379%3Bw%3D638/sign=c9aee7f7219759ee5e1f3a8b8fcb6f27/00e93901213fb80ebab8e22d31d12f2eb83894db.jpg](http://b.hiphotos.baidu.com/news/crop%3D0%2C1%2C631%2C379%3Bw%3D638/sign=c9aee7f7219759ee5e1f3a8b8fcb6f27/00e93901213fb80ebab8e22d31d12f2eb83894db.jpg)",
"m_display_url":"[http://ganjianying.baijia.baidu.com/article/442275](http://ganjianying.baijia.baidu.com/article/442275)",
"m_writer_name":"笨手蛇",
"m_writer_url":"[http://ganjianying.baijia.baidu.com/](http://ganjianying.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
},
{
"ID":"442246",
"m_create_time":"11:18",
"m_title":"自拍无人机、智能自拍机器人为何屡败屡战？ ",
"m_summary":"上个月有这么四件事。从手机数码到网红，从飞行摄像头再到自拍主题乐园，印象管理的相关产业在中国这一块土地上已经开始发芽生根",
"hotcount":565,
"m_label_names":[
{
"m_id":"108526",
"m_name":"印象管理"
},
{
"m_id":"10520",
"m_name":"无人机"
},
{
"m_id":"12388",
"m_name":"自拍"
}
],
"m_image_url":"[http://g.hiphotos.baidu.com/news/crop%3D0%2C0%2C1025%2C615%3Bw%3D638/sign=2a17245ea3c27d1eb169618426e5815e/d009b3de9c82d1583297cf4b870a19d8bc3e4237.jpg](http://g.hiphotos.baidu.com/news/crop%3D0%2C0%2C1025%2C615%3Bw%3D638/sign=2a17245ea3c27d1eb169618426e5815e/d009b3de9c82d1583297cf4b870a19d8bc3e4237.jpg)",
"m_display_url":"[http://zxr.baijia.baidu.com/article/442246](http://zxr.baijia.baidu.com/article/442246)",
"m_writer_name":"张笑容",
"m_writer_url":"[http://zxr.baijia.baidu.com/](http://zxr.baijia.baidu.com/)",
"m_writer_account_type":"2",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
},
{
"ID":"442205",
"m_create_time":"11:13",
"m_title":"24年前的香农专访：一个顽皮的科学巨匠，信息论之父",
"m_summary":"这篇专访为我们揭示了香农性格的多个侧面：除了是广为人知的信息理论之父，他还是一位投资人、发明爱好者、解谜爱好者和爱搞恶作剧的人。",
"hotcount":2505,
"m_label_names":[
{
"m_id":"62845",
"m_name":"香农"
},
{
"m_id":"108519",
"m_name":"科学巨匠"
},
{
"m_id":"108520",
"m_name":"信息论"
}
],
"m_image_url":"[http://h.hiphotos.baidu.com/news/crop%3D0%2C9%2C620%2C372%3Bw%3D638/sign=c818b9f21830e924dbebc6717138423f/b3119313b07eca80aa289d1d962397dda144831f.jpg](http://h.hiphotos.baidu.com/news/crop%3D0%2C9%2C620%2C372%3Bw%3D638/sign=c818b9f21830e924dbebc6717138423f/b3119313b07eca80aa289d1d962397dda144831f.jpg)",
"m_display_url":"[http://synchuman.baijia.baidu.com/article/442205](http://synchuman.baijia.baidu.com/article/442205)",
"m_writer_name":"机器之心 Synced",
"m_writer_url":"[http://synchuman.baijia.baidu.com/](http://synchuman.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
},
{
"ID":"442236",
"m_create_time":"11:09",
"m_title":"人工智能即将颠覆这8大行业，你会因此而失业吗？",
"m_summary":"斯坦福大学人工智能与伦理学教授杰瑞•卡普兰认为，不久的将来，人类再也不用劳动。因为人工智能在自动化作业、自动驾驶，合成智能、执行能力等诸多方面的优势明显大于人类。",
"hotcount":5172,
"m_label_names":[
{
"m_id":"10522",
"m_name":"自动化"
},
{
"m_id":"11484",
"m_name":"就业"
},
{
"m_id":"10523",
"m_name":"人工智能"
}
],
"m_image_url":"[http://e.hiphotos.baidu.com/news/crop%3D24%2C1%2C499%2C299%3Bw%3D638/sign=967623c36c63f62408126343ba76dfd4/f703738da9773912d7722d9bff198618377ae2f0.jpg](http://e.hiphotos.baidu.com/news/crop%3D24%2C1%2C499%2C299%3Bw%3D638/sign=967623c36c63f62408126343ba76dfd4/f703738da9773912d7722d9bff198618377ae2f0.jpg)",
"m_display_url":"[http://synchuman.baijia.baidu.com/article/442236](http://synchuman.baijia.baidu.com/article/442236)",
"m_writer_name":"机器之心 Synced",
"m_writer_url":"[http://synchuman.baijia.baidu.com/](http://synchuman.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
},
{
"ID":"442235",
"m_create_time":"11:04",
"m_title":"构建人工智能系统太难？Facebook让机器构建人工智能",
"m_summary":"构建人工智能系统太难了，于是 Faceook 开发了一个人工智能系统自己构建人工智能。",
"hotcount":586,
"m_label_names":[
{
"m_id":"11230",
"m_name":"FACEBOOK"
},
{
"m_id":"10523",
"m_name":"人工智能"
}
],
"m_image_url":"[http://b.hiphotos.baidu.com/news/crop%3D33%2C2%2C955%2C573%3Bw%3D638/sign=ee1332097e310a55d06b84b48a767085/a686c9177f3e6709d018ed053cc79f3df8dc552b.jpg](http://b.hiphotos.baidu.com/news/crop%3D33%2C2%2C955%2C573%3Bw%3D638/sign=ee1332097e310a55d06b84b48a767085/a686c9177f3e6709d018ed053cc79f3df8dc552b.jpg)",
"m_display_url":"[http://synchuman.baijia.baidu.com/article/442235](http://synchuman.baijia.baidu.com/article/442235)",
"m_writer_name":"机器之心 Synced",
"m_writer_url":"[http://synchuman.baijia.baidu.com/](http://synchuman.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
},
{
"ID":"442230",
"m_create_time":"11:03",
"m_title":"《Nature》 封面文章：人工智能引发材料科学变革",
"m_summary":"一些研究者相信，机器学习技术可以变革材料科学。",
"hotcount":230,
"m_label_names":[
{
"m_id":"108523",
"m_name":"材料科学"
},
{
"m_id":"108524",
"m_name":"Nature"
}
],
"m_image_url":"[http://h.hiphotos.baidu.com/news/crop%3D0%2C27%2C630%2C378%3Bw%3D638/sign=3404d408d262853586af8861addf5af4/d8f9d72a6059252d7b7eb3fe339b033b5ab5b9db.jpg](http://h.hiphotos.baidu.com/news/crop%3D0%2C27%2C630%2C378%3Bw%3D638/sign=3404d408d262853586af8861addf5af4/d8f9d72a6059252d7b7eb3fe339b033b5ab5b9db.jpg)",
"m_display_url":"[http://synchuman.baijia.baidu.com/article/442230](http://synchuman.baijia.baidu.com/article/442230)",
"m_writer_name":"机器之心 Synced",
"m_writer_url":"[http://synchuman.baijia.baidu.com/](http://synchuman.baijia.baidu.com/)",
"m_writer_account_type":"0",
"m_attr_exclusive":"0",
"m_attr_first_pub":"0"
}
]
}
}
Underscore.js 中文文档 http://www.bootcss.com/p/underscore/#template