回顾Date.0409（Js 基本编程方法）

编程方法

1. 面向过程
2. 面向对象（常用）
   三个作用：封装、 继承、多态。

参考文档：https://www.jianshu.com/p/0fb5b788ee63?utm_source=desktop&utm_medium=timeline
两个库(别人封装了很多方法)：
（1）underscore 文档地址 https://www.html.cn/doc/underscore/
（2） lodash

服务器的同步和异步

• 同步：一个时间只做一件事；
• 异步：一个时间做多件事；

获取后台数据

1. 需要接口和接口地址
2. 如何请求后台数据：方法有原生ajax、jQuery的ajax方法、axios库...等
3. axios的使用（套路）

 // 获取数据
   function () {
    var url = 'http://huruqing.cn:3000/api/film/getList';
    axios.get(url).then(function (res) {
        console.log(res);
        //如果获取成功执行上面内容，如果获取失败执行下面内容。
    }).catch(function (error) {
        console.log(error);
    })

使用面向对象的方式编写代码

1. 把一整个页面看作是一个对象
2. 把页面中的各种动作(功能)封装到一个个函数里
3. 需要完成什么任务就通过对象调用相应的方法
   例如：

/**
 * 电影首页
 * hm
 */

//  把home页面所有的功能都封装到homeView对象里,在需要的时候去调用
var homeView = {
    // 获取数据
    getData: function () {
        var url = 'http://huruqing.cn:3000/api/film/getList';
        axios.get(url).then(function (res) {
            console.log(res);
        }).catch(function (error) {
            console.log(error);
        })

    },

    // 轮播图
    swiper: function () {

    },

    // 渲染列表
    renderList: function (list) {
       
    },

    // 切换影片列表
    changeList: function () {
        console.log('切换影片列表')
    }
}

调用的顺序：特别注意服务器的同步和异步规则

“一般等数据加载完再调用方法，避免数据还没加载完方法已经执行的情况！”
举个栗子（结合上文代码）：
需求是：渲染列表；
方法一：

    },

    // 切换影片列表
    changeList: function () {
        console.log('切换影片列表')
    }
}
// 首先要获取数据
homeView.getData();
homeView.renderList();

方法二：

var homeView = {
    // 获取数据
    getData: function () {
        var url = 'http://huruqing.cn:3000/api/film/getList';
        axios.get(url).then(function (res) {
            console.log(res);
            // 拿到数据后调用渲染页面的方法
            homeView.renderList(res.data.films);
        }).catch(function (error) {
            console.log(error);
        })

    },

以上两种方法,显然方法一是不可行的！

JSON数据转对象:

            var item = JSON.parse(list[i].item);

ending...

@——@今日份低级错误：
错解————————————————————————
var item；
item += 333；
与
var item= ' '；
item += 333；
是一样的，脑子锈掉了哟。。。。