面向对象MVC

一、什么是MVC

MVC是一种设计理念,将代码进行逻辑分离，分离成控制层、视图层及数据层三层。

二、MVC的作用

降低了耦合度，提高了代码的扩展性，易修改性。

三、仿微信朋友圈代码

代码数据

/*
    type:
    *info  图文类型
    *video 视频类型
    *ad    广告类型
    *link  链接类型
*/

var data = [
    {
        head_pic: "https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF",
        nick: "hey，熊猫先生",
        words: "大郎，该吃药了！",
        type: "info",
        time: "1小时前",
        pics: [
            "https://t7.baidu.com/it/u=2582370511,530426427&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=2851687453,2321283050&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=3601447414,1764260638&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=4069854689,43753836&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=2141219545,3103086273&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=3601447414,1764260638&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=3332251293,4211134448&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=1035726655,1110652804&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=762481686,2214126081&fm=193&f=GIF"
        ]
    },{
        head_pic: "https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF",
        nick: "路人甲",
        words: "今天好像看到策哥了！",
        type: "video",
        time: "1小时前",
        video_url: "https://t7.baidu.com/it/u=4080826490,615918710&fm=193&f=GIF"
    },{
        head_pic: "https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF",
        nick: "hey，熊猫先生",
        words: "大郎，该吃药了！",
        type: "info",
        time: "1小时前",
        pics: [
            "https://t7.baidu.com/it/u=2582370511,530426427&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=2851687453,2321283050&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=3601447414,1764260638&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=4069854689,43753836&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=2141219545,3103086273&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=3601447414,1764260638&fm=193&f=GIF"
        ]
    },{
        head_pic: "https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF",
        nick: "hey，熊猫先生",
        words: "大郎，该吃药了！",
        type: "info",
        time: "1小时前",
        pics: [
            "https://t7.baidu.com/it/u=2582370511,530426427&fm=193&f=GIF",
            "https://t7.baidu.com/it/u=2851687453,2321283050&fm=193&f=GIF"
        ]
    },{
        head_pic: "https://t7.baidu.com/it/u