微信小程序这种json数据要怎么在前端循环输出？{"0":{"day":"7","time_data":"数据"}}

讲解下循环输出元素
这里写描述
这里写描述
后台存储的数据给事
{
var local_database = [
{
date: "Sep 18 2016",
post_title:"冬日校花",
post_image: "/images/1jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author:"高晴",
dateTime:"24小时",
detail:"我爱你，爱的如此深沉",
postId:0,
music:{
url: 'down/46993mp3',
title: "雪の华-南条爱乃",
coverImg: "/music/photo_new/T002R150x150M000001TEc6V0kjpVCjpgmax_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/2jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 1,
music: {
url: '/yq/5092537mp3',
title: "爱你-陈芳语",
coverImg: "/music/photo_new/T002R150x150M000001TEc6V0kjpVCjpgmax_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/3jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 2,
music: {
url: '/yq/204586755mp3',
title: "云烟成雨-房东的猫",
coverImg: "music/photo_new/T002R150x150M000001TEc6V0kjpVCjpgmax_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/4jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 3,
music: {
url: '/yq/213919334mp3',
title: "Your Song-Lady Gaga",
coverImg: ">可以。小程序是前后端分离的应用，前端主要负责界面展示和用户交互，后端则负责数据处理和业务逻辑。如果小程序功能设置好了，想要修改界面展示的样式或交互方式，可以只改前端代码。前端代码主要由HTML、CSS和JavaScript等组成，可以通过修改这些代码来实现对小程序界面的修改和优化。

最近接触了一下微信小程序的开发，虽然项目中的页面很简单，但是最后做出成果来，也是费了一番周折。作为一个偏前的前端，小程序的开发对我来说，在习惯上的改变还是巨大的。一开始做时，不适应感蛮大的。现在把自己的一点点总结归纳一下，微信小程序毕竟不是自己擅长的领域，真怕时间长了遗忘，写一篇文章做为备忘录也好。

从前端转小程序开发的成本几乎可以忽略不计，上手前只需要注意一些地方即可。

小程序的界面是一个「应用界面」，而非「网页」，需适应WXML的逻辑和写法。

WXML没有HTML的宽容度那么高，单标签必需是 /> 结尾的，不然会报错。

WXSS 和 CSS很像，基本上所有的CSS都支持，小程序还提供了rpx （responsive pixel）作为尺寸单位（保证不同分辨率设备的元素正常显示），开发者需知道rpx与其他单位的换算。

WXSS不支持大括号嵌套（{{}}），所以key-frames，CSS animation 不能用，但transition 可用的。

当然，这种限制也会催生一种东西：专用于小程序的开发框架。

官方链接： >