继承的两大作用是什么来着，视频上的听太不清楚。

老师，请教下，vscode，我第一次打log可以快速跳出console.log，为啥第二次输入log就要自己再选一下才出现console.log

老师，我这边为什么说不能注入呀？还有就是@Service注解可以加到接口中嘛？还是必须加到接口实现类中

新版咋操作，不敢乱动，。。。。。。。。。

老师匿名内部类的时候为什么还可以new接口啊

我比较想知道这个课程主要是为了做啥，就一直在念文档，代码都没看清楚，整个课程就在复制黏贴复制黏贴，重点要点一个没有。。那还不如不要这个课程，直接叫大家去看官网解释文档就好了

老师，请问values和valuesOf是什么意思啊

老师号，请问为什么我的墙壁与子弹碰撞后不会消失？

'''
新增功能：
    1.实现子弹与墙壁的碰撞

'''

import pygame, time,random  #导入包
from pygame.sprite import Sprite

WIN_WIDTH = 700     #框架大小，颜色
WIN_HEIGHT = 500
BG_COLOR = pygame.Color(0, 0, 0)
TEXT_COLOR = pygame.Color(245, 0, 0)


class MainGame():       #主类
    window = None       #列表，方便储存
    my_tank = None
    #存储敌方坦克的列表  定义敌方坦克的数量
    enemyTankList=[]
    enemyTankAmount=6
    myBulletList=[]       #存储我方子弹
    eBulletList = []  #敌方子弹列表
    ExplodeList = []
    WallList = []

    def startGame(self):        #开始游戏
        pygame.display.init()  # 初始化窗口
        MainGame.window = pygame.display.set_mode([WIN_WIDTH, WIN_HEIGHT])     #初始化游戏窗口大小
        self.createMyTank()
        #初始化敌方坦克，添加到列表中
        self.createETank()
        pygame.display.set_caption('坦克世界1.0')
        while True:     #循环遍历
            time.sleep(0.02)
            MainGame.window.fill(BG_COLOR)
            self.event()        #获取事件
            MainGame.window.blit(self.showText('敌方坦克剩余%d' %len(MainGame.enemyTankList)), (10, 10))
            if MainGame.my_tank and MainGame.my_tank.live:
                MainGame.my_tank.showTank()
            else:
                del MainGame.my_tank
                MainGame.my_tank = None
            #循环遍历敌方坦克列表，展示
            self.blitEnemyTank()
            #调用渲染子弹列表定方法
            self.blitBullet()
            self.blitEBullet()
            if MainGame.my_tank and MainGame.my_tank.live:
                if not MainGame.my_tank.stop:  # 开关启动才可以移动
                    MainGame.my_tank.move()
            self.displayExplode()
            self.createWall()
            self.blitWall()
            pygame.display.update()

    def createMyTank(self):
        MainGame.my_tank = Tank(350, 400)

    def createETank(self):
        top = 100
        #循环生成敌方坦克
        for i in range(MainGame.enemyTankAmount):
            left = random.randint(0,600)
            speed=random.randint(4,6)
            enemy=EnemyTank(left,top,speed)
            MainGame.enemyTankList.append(enemy)        #加入进列表

    def blitEnemyTank(self):
        for enemyTank in MainGame.enemyTankList:
            if enemyTank.live:
                enemyTank.showTank()
                enemyTank.randMove()
            #调用敌方坦克射击
                eBullet=enemyTank.shoot()
            #如果子弹为none,不加入列表
                if eBullet:
            #加载子弹到敌方子弹列表
                    MainGame.eBulletList.append(eBullet)
            else:
                MainGame.enemyTankList.remove(enemyTank)



    def blitBullet(self):
        for bullet in MainGame.myBulletList:
            #如果子弹活着，绘制出来，否则移除
            if bullet.live:
                bullet.showBullet()
                bullet.moveBullet()
                #调用子弹与敌坦克碰撞方法
                bullet.hitEnemyTank()
                bullet.hitWalls()
            else:
                MainGame.myBulletList.remove(bullet)

    def blitEBullet(self):
        for eBullet in MainGame.eBulletList:
            #如果子弹活着，绘制出来，否则移除
            if eBullet.live:
                eBullet.showBullet()
                eBullet.moveBullet()
                eBullet.hitWalls()
                if MainGame.my_tank and MainGame.my_tank.live:
                    eBullet.hitMyTank()
            else:
                MainGame.eBulletList.remove(eBullet)

    def createWall(self):
        for i in range(1,4):
            wall= Wall(160 * i, 230)
            MainGame.WallList.append(wall)

    def blitWall(self):
        for wall in MainGame.WallList:
            if wall.live:
                wall.displayWall()
            else:
                MainGame.WallList.remove(wall)

    def displayExplode(self):
        for explode in MainGame.ExplodeList:
            if explode.live:
                explode.showExplosion()
            else:
                MainGame.ExplodeList.remove(explode)

    def stopGame(self):
        pass

    def endGame(self):
        print('谢谢')
        exit()

    def showText(self, text):  # 绘制文字
        pygame.font.init()  # 文字初始化
        # print(pygame.font.get_fonts())      #查询所有字体
        font = pygame.font.SysFont('kaiti', 18)  # 获取字体对象
        textSurface = font.render(text, True, TEXT_COLOR)
        return textSurface

    def event(self):
        eventList = pygame.event.get()  # 获取所有时间
        for event in eventList:  # 遍历事件
            if event.type == pygame.QUIT:  # 判断按了什么键 #如果是退出就关闭窗口
                self.endGame()

            if event.type == pygame.KEYDOWN:        #event.type=事件类型,event.key=事件按键
                # 判断是上下左右键
                if event.key == pygame.K_ESCAPE and not MainGame.my_tank:
                    self.createMyTank()

                if MainGame.my_tank and MainGame.my_tank.live:
                    if event.key == pygame.K_LEFT:
                        MainGame.my_tank.direction = 'L'
                        MainGame.my_tank.stop = False
                        # MainGame.my_tank.move()
                    # print('按下左键，向左移动')
                    elif event.key == pygame.K_RIGHT:
                        MainGame.my_tank.direction = 'R'
                        MainGame.my_tank.stop = False
                        # MainGame.my_tank.move()
                    # print('按下右键，向右移动')
                    elif event.key == pygame.K_UP:
                        MainGame.my_tank.direction = 'U'
                        MainGame.my_tank.stop = False
                        # MainGame.my_tank.move()
                    # print('按下上键，向上移动')
                    elif event.key == pygame.K_DOWN:
                        MainGame.my_tank.direction = 'D'
                        MainGame.my_tank.stop = False
                        # MainGame.my_tank.move()
                    # print('按下下键，向下移动')
                    elif event.key == pygame.K_SPACE:
                        print('发射子弹')
                        #产生子弹，加入列表
                        if len(MainGame.myBulletList) < 3:        #屏幕内子弹最多只为3
                            m = Bullet(MainGame.my_tank)
                            MainGame.myBulletList.append(m)
                        else:
                            print('子弹数量不足')     #不然就显示不足
                        print('当前屏幕中的子弹数量为:%d'%len(MainGame.myBulletList))


            if event.type == pygame.KEYUP:
                if event.key == pygame.K_UP or event.key == pygame.K_DOWN or event.key == pygame.K_LEFT or event.key == pygame.K_RIGHT:
                    if MainGame.my_tank and MainGame.my_tank.live:
                        MainGame.my_tank.stop = True

class BaseItem(Sprite):
    def __init__(self,color,width,height):
        pygame.sprite.Sprite.__init__(self)


class Tank(BaseItem):
    # 添加距离左边left,距离上面top
    def __init__(self, left, top):
        self.images = {'U': pygame.image.load('photo/tank/p1tankU.gif'),
                       'D': pygame.image.load('photo/tank/p1tankD.gif'),
                       'L': pygame.image.load('photo/tank/p1tankL.gif'),
                       'R': pygame.image.load('photo/tank/p1tankR.gif')
                       }
        self.direction = 'L'
        # 根据当前图片方向获取图片
        self.image = self.images[self.direction]
        # 根据当前图片获取区域
        self.rect = self.image.get_rect()
        # 设置left top距离
        self.rect.left = left
        self.rect.top = top
        self.speed = 4
        self.stop = True
        self.live = True

    def move(self):
        # 判断坦克方向进行移动
        if self.direction == 'U':
            if self.rect.top > 0:
                self.rect.top -= self.speed
        elif self.direction == 'D':
            if self.rect.top + self.rect.height < WIN_HEIGHT:
                self.rect.top += self.speed
        elif self.direction == 'L':
            if self.rect.left > 0:
                self.rect.left -= self.speed
        elif self.direction == 'R':
            if self.rect.left + self.rect.height < WIN_WIDTH:
                self.rect.left += self.speed

    def shoot(self):
        return Bullet(self)

    def showTank(self):
        # 获取展示的对象
        self.image = self.images[self.direction]
        # 使用blit方法展示
        MainGame.window.blit(self.image, self.rect)


class myTank(Tank):
    def __init__(self):
        pass


class EnemyTank(Tank):
    def __init__(self,left,top,speed):
        #super(enemyTank,self).__init__(left,top)
        self.live = True
        self.images={
            'U':pygame.image.load('photo/tank/enemy1U.gif'),
            'D': pygame.image.load('photo/tank/enemy1D.gif'),
            'L': pygame.image.load('photo/tank/enemy1L.gif'),
            'R': pygame.image.load('photo/tank/enemy1R.gif')
        }
        #随机生成坦克方向
        self.direction=self.randDirection()
        #根据方向获取图片
        self.image=self.images[self.direction]
        #区域
        self.rect=self.image.get_rect()
        self.rect.left=left
        self.rect.top=top
        self.speed=speed
        #移动开关
        self.flag=True
        #步数变量
        self.step = 60

    def randDirection(self):
        num=random.randint(1,4)
        if num==1:
            return'U'
        elif num==2:
            return'D'
        elif num== 3:
            return'L'
        elif num==4:
            return'R'

    def randMove(self):
        if self.step <= 0:
            self.direction = self.randDirection()
            self.step=70
        else:
            self.move()
            #步数递减
            self.step -= 1

    def shoot(self):
        num = random.randint(1,1000)
        if num <= 25:
            return Bullet(self)


class Bullet(BaseItem):
    def __init__(self,tank):
        self.image=pygame.image.load('photo/tank/enemymissile.gif')
        #坦克方向=子弹方向
        self.direction=tank.direction
        #获取区域
        self.rect=self.image.get_rect()
        #子弹left top与方向有关 画图计算
        if self.direction == 'U':
            self.rect.left= tank.rect.left+tank.rect.width/2-self.rect.width/2
            self.rect.top= tank.rect.top-self.rect.height
        elif self.direction =='D':
            self.rect.left=tank.rect.left+tank.rect.width/2-self.rect.width/2
            self.rect.top=tank.rect.top+tank.rect.height
        elif self.direction == 'L':
            self.rect.left = tank.rect.left - self.rect.width / 2 - self.rect.width / 2
            self.rect.top = tank.rect.top + tank.rect.width/2-self.rect.width/2
        elif self.direction == 'R':
            self.rect.left = tank.rect.left + tank.rect.width
            self.rect.top = tank.rect.top + tank.rect.width/2-self.rect.width/2
        self.speed=6
        #用来记录子弹是否碰撞
        self.live = True

    def showBullet(self):
        #加载图片surface到窗口
        MainGame.window.blit(self.image,self.rect)

    def moveBullet(self):
        if self.direction == 'U':
            if self.rect.top > 0:
                self.rect.top -= self.speed
            else:       #修改状态值
                self.live=False
        elif self.direction == 'D':
            if self.rect.top + self.rect.height < WIN_HEIGHT:
                self.rect.top += self.speed
            else:
                self.live=False
        elif self.direction == 'L':
            if self.rect.left > 0:
                self.rect.left -= self.speed
            else:
                self.live=False
        elif self.direction == 'R':
            if self.rect.left + self.rect.width < WIN_WIDTH:
                self.rect.left += self.speed
            else:
                self.live=False

    #新增子弹碰撞敌方坦克方法
    def hitEnemyTank(self):
        for eTank in MainGame.enemyTankList:
            if pygame.sprite.collide_rect(eTank,self):
                #打中产生爆炸效果，加入爆炸效果列表
                explode = explosionEffect(eTank)
                MainGame.ExplodeList.append(explode)
                eTank.live = False
                self.live = False
                
    def hitMyTank(self):
        if pygame.sprite.collide_rect(self,MainGame.my_tank):
    # 产生爆炸效果，加入到爆炸效果列表
            explode = explosionEffect(MainGame.my_tank)
            MainGame.ExplodeList.append(explode)
            #修改子弹状态
            self.live = False
            #修改我方坦克状态
            MainGame.my_tank.live = False

    def hitWalls(self):
        for wall in MainGame.WallList:
            if pygame.sprite.collide_rect(wall,self):
                self.live = False
                wall.hp -= 1
                if wall.hp <= 0:
                    wall.live = False


class Wall():
    def __init__(self,left,top):
        self.image = pygame.image.load('photo/tank/steels.gif')
        self.rect = self.image.get_rect()
        self.rect.left = left
        self.rect.top = top
        self.live = True    #判断墙壁是否应该在窗口中展示
        self.hp = 5     #墙壁生命值

    def displayWall(self):
        MainGame.window.blit(self.image,self.rect)


class explosionEffect():
    def __init__(self,tank):
        self.rect = tank.rect
        self.step = 0
        self.images = [
            pygame.image.load('photo/tank/blast0.gif'),
            pygame.image.load('photo/tank/blast1.gif'),
            pygame.image.load('photo/tank/blast2.gif'),
            pygame.image.load('photo/tank/blast3.gif'),
            pygame.image.load('photo/tank/blast4.gif')
        ]
        self.image = self.images[self.step]
        self.live = True

    def showExplosion(self):
        if self.step < len(self.images):
            MainGame.window.blit(self.image, self.rect)
            self.image = self.images[self.step]
            self.step += 1

        else:
            self.live = False
            self.step = 0


class Music():
    def __init__(self):
        pass

    def playmusic(self):
        pass


if __name__ == '__main__':
    MainGame().startGame()

jdk环境变量配置，苹果笔记本怎么设置，？？？？？

老师你好，在做这个蓝莓派项目首页时，我在想如果按照视频老师讲的那样去设计，会不会引起比较严重的回流和重绘的问题？例如首页的轮播图，视频里老师讲的是只留一个最外层的div元素，其余的元素全部都通过js动态的创建：

 <!--顶部轮播  这种做法会引起回流和重绘-->
    <div class="dblb"> </div>

//banner.js
(function() {


    //首页轮播图

    //直接进入页面后自动发送Ajax请求
    $.ajax({
        type: 'get',
        url: 'php/getTopSwiperData.php',
        dataType: 'json',
        success: function(res) {
            // console.log(res.swiperinfo);
            var swiperInfoArr = res.swiperinfo;

            //选中swiper容器
            var dblb = document.querySelector('.dblb');

            //构建swiper容器
            var swiperhd = document.createElement('div');
            swiperhd.className = 'swiper-container swiper-hd';
            dblb.appendChild(swiperhd);


            //构建wrapper
            var swiperhd_wraper = document.createElement('div');
            swiperhd_wraper.className = 'swiper-wrapper';
            swiperhd.appendChild(swiperhd_wraper);

            //构建slide
            for (var i = 0; i < swiperInfoArr.length; i++) {

                //每一个slide容器
                var slideDiv = document.createElement('div'); //创建元素
                slideDiv.className = 'swiper-slide'; //给创建的元素添加类名
                slideDiv.style.backgroundImage = 'url("' + swiperInfoArr[i].imgUrl + '")'; //给创建的元素添加背景图片
                swiperhd_wraper.appendChild(slideDiv);

                //每一个slide里面的内容
                var contDiv = document.createElement('div'); //创建元素
                contDiv.className = 'ss-hd-text ani'; //给创建的元素添加类名
                contDiv.setAttribute('swiper-animate-effect', 'bounceInRight'); //创建属性并赋值
                contDiv.setAttribute('swiper-animate-duration', '0.3s'); //创建属性并赋值

                slideDiv.appendChild(contDiv);

                //每一个slide里面的文本标题
                var h1 = document.createElement('h1');
                h1.setAttribute('align', 'center');
                h1.innerHTML = swiperInfoArr[i].dataTitle;
                contDiv.appendChild(h1);

                //每一个slide里面的文本主体内容
                var p = document.createElement('p');
                p.innerHTML = swiperInfoArr[i].dataContent;

                contDiv.appendChild(p);
            }

            //构建wrapper平级的pagination
            var swiperhd_page = document.createElement('div');
            swiperhd_page.className = 'swiper-pagination hd-page';
            swiperhd.appendChild(swiperhd_page);

            //设置自动轮播
            // var mySwiper1 = new Swiper('.swiper-container1', {
            //     pagination: '.swiper-pagination',
            //     autoplay: 2000,
            //     speed: 1000,
            //     autoplayDisableOnInteraction: false,
            //     parallax: true,
            //     loop: true
            // });

            //swiper构建完毕后初始化
            var swiper_hd = new Swiper('.swiper-hd', {
                pagination: '.hd-page',
                onInit: function(swiper) {
                    swiperAnimateCache(swiper); //隐藏动画元素
                    swiperAnimate(swiper); //初始化完成，开始动画
                },
                onSlideChangeEnd: function(swiper) {
                    swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
                }
            });



        }
    });


})();

这是按照视频里老师的做法然后设计的轮播图；

然后我就在想可不可以换一种做法，例如首页的乐章部分，我还是像以前的做法那样，把它的静态布局全部写好，只是把需要后台填充的内容部分情况，意思就是只写个框架，然后通过php和js联合去获取后台数据，大致如下：

<!-- 主体内容区域 -->
    <div class="main">
        <!---------------------乐章板块  start -------------------->
        <div class="product p-yz" id="p_yz">
            <a class="p-title" href="#">
                <span class="p-title-c">乐章</span>
                <div class="icon"><img src="" alt="" /></div>
                <span class="p-title-e">MOVEMENT</span>
            </a>
            <div class="p-details">
                <div class="swiper-container" id="swiper-container2">
                    <div class="swiper-wrapper">
                        <!------------------------ 第一屏4个  start----------------------->
                        <div class="swiper-slide swiper-p-yz">
                            <!--产品展示里面的大块,可以动态添加,里面的数据来自后台(需适配)-->
                            <ul class="clearFix">
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!------------------------ 第一屏4个  end----------------------->

                        <!------------------------ 第二屏4个  start----------------------->
                        <div class="swiper-slide swiper-p-yz">
                            <!--产品展示里面的大块,可以动态添加,里面的数据来自后台(需适配)-->
                            <ul class="clearFix">
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!------------------------ 第二屏4个  end----------------------->

                        <!------------------------ 第三屏4个  start----------------------->
                        <div class="swiper-slide swiper-p-yz">
                            <!--产品展示里面的大块,可以动态添加,里面的数据来自后台(需适配)-->
                            <ul class="clearFix">
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                                <li class="p-yz-cont clearFix">
                                    <div class="p-yz-cont-L">
                                        <a href="#"><img class="artical-pic" src="" alt="" /></a>
                                    </div>
                                    <div class="p-yz-cont-R">
                                        <a href="#" class="artical-title"></a>
                                        <a href="#" class="author"><span></span></a>
                                        <p class="artical-cont"></p>
                                        <div class="time"> <i class="time-icon"></i><i class="p-yz-date"></i><i class="p-yz-hour_minute1"></i></div>
                                        <div class="zan">
                                            <i class="zan-num"></i>
                                            <i class="zan-icon"></i>
                                            <i class="pl-num"></i>
                                            <i class="pl-icon"></i>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!------------------------ 第三屏4个  end----------------------->
                    </div>
                    <!--小圆点 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <!---------------------乐章板块  end -------------------->
    </div>

(function() {
//yuezhang1.js

    //直接进入页面后自动发送Ajax请求
    $.ajax({
        type: 'get',
        url: 'php/yuezhang1Data.php',
        dataType: 'json',
        success: function(res) {

            var yuezhang1info = res.yuezhang1info;

            for (var j = 0; j < yuezhang1info.length; j++) {

                //选择元素
                var artical_pic = document.querySelectorAll('.artical-pic');
                for (var i = 0; i < artical_pic.length; i++) {
                    artical_pic[i].src = yuezhang1info[j].yzPic;
                    // console.log(artical_pic[i]);
                }

                //选择元素
                var artical_title = document.querySelectorAll('.artical-title');
                for (var n = 0; n < artical_title.length; n++) {
                    artical_title[n].innerHTML = yuezhang1info[j].articalTitle;
                }

                //选择元素
                var author = document.querySelectorAll('.author');
                for (var m = 0; m < author.length; m++) {
                    author[m].innerHTML = yuezhang1info[j].author;
                }

                //选择元素
                var artical_cont = document.querySelectorAll('.artical-cont');
                for (var k = 0; k < artical_cont.length; k++) {
                    artical_cont[k].innerHTML = yuezhang1info[j].articalCont;
                }

                //选择元素
                var p_yz_date = document.querySelectorAll('.p-yz-date');
                for (var l = 0; l < p_yz_date.length; l++) {
                    p_yz_date[l].innerHTML = yuezhang1info[j].date;
                }

                //选择元素
                var p_yz_hour_minute1 = document.querySelectorAll('.p-yz-hour_minute1');
                for (var o = 0; o < p_yz_hour_minute1.length; o++) {
                    p_yz_hour_minute1[o].innerHTML = yuezhang1info[j].time;
                }

                //选择元素
                var zan_num = document.querySelectorAll('.zan-num');
                for (var p = 0; p < zan_num.length; p++) {
                    zan_num[p].innerHTML = yuezhang1info[j].zan;
                }

                //选择元素
                var pl_num = document.querySelectorAll('.pl-num');
                for (var p = 0; p < pl_num.length; p++) {
                    pl_num[p].innerHTML = yuezhang1info[j].pl;
                }
            }

            //构建pagination
            var mySwiper1 = new Swiper('#swiper-container1', {
                pagination: '.swiper-pagination',
                autoplay: 2000,
                speed: 1000,
                autoplayDisableOnInteraction: false,
                parallax: true,
                loop: true
            });


            function otherLunbo(swiperContainer) {
                var mySwiper2 = new Swiper(swiperContainer, {
                    pagination: '.swiper-pagination',
                    loop: true,
                    noSwiping: true,
                    autoplayDisableOnInteraction: false
                });
                mySwiper2.params.autoplay = false;
            }
            otherLunbo("#swiper-container2");
            otherLunbo("#swiper-container3");
            otherLunbo("#swiper-container4");
            otherLunbo("#swiper-container5");
        }
    });
})();

<?php
//yuezhang1Data.php
 $success=array('msg'=>'ok');

 //连接数据库 pdo方式
 try{
    $pdo=new PDO('mysql:host=localhost;dbname=lanmeipai;port=3306','root','123456');
   }catch(PDOException $e){
       echo $e->getMessage();
   }

   //设置字符集
   $pdo->exec('set names utf8');

   //查询数据库里的表
   $sql="select *  from index_yzinfo  where 1";

   //prepare()方法负责准备要执行的查询
    //execute()方法使用一组给定的列参数反复地执行查询
    $result=$pdo->prepare($sql);
    $result->execute();

    //绑定数据
    $result->bindColumn(1,$yzPic);//第一例
    $result->bindColumn(2,$articalTitle);//第二例
    $result->bindColumn(3,$author);//第三例
    $result->bindColumn(4,$articalCont);
    $result->bindColumn(5,$date);
    $result->bindColumn(6,$time);
    $result->bindColumn(7,$zan);
    $result->bindColumn(8,$pl);
  

    $info=[];//存放数据

    //循环输出数据库里的数据
    for($i=0;$result->fetch(PDO::FETCH_COLUMN);$i++){
        $info[$i]=array('yzPic'=>$yzPic,'articalTitle'=>$articalTitle,'author'=>$author,'articalCont'=>$articalCont,'date'=>$date,'time'=>$time,'zan'=>$zan,'pl'=>$pl);
    }

    //将索引到的数据放入$success中并进行返回
    $success['yuezhang1info']=$info;
    echo json_encode($success);

//  echo json_encode($success);
?>

但是我发现我这样设计后，数据倒是有，但是为什么每一个小模块里的数据获取的都是数据里的最后一个：

希望老师能帮我解决这个问题和疑惑。

最后这是我的源代码：

我不知道我将会输入中文还是英文逗号，怎么一起分割

class Car:
    def __int__(self, chassis, seat, motor):
        self.chassis = chassis
        self.seat = seat
        self.motor = motor

    def run(self):
        return self.chassis.work()
        return self.seat.work()
        return self.motor.work()
        print('汽车开始启动，可以出发.......')

class Motor:
    def work(self):
        print('启动发动机，发动机正常运转中......')

class Seat:
    def work(self):
        print('座椅调整OK，前后空间舒适......')

class Chassis:
    def work(self):
        print('根据路况调整汽车底盘，调整OK......')

class Shell:
    pass


m = Chassis()
n = Seat()
s = Motor()
p = Car(m, n, s)
p.run()

老师，这里为什么会报错Car()没有定义啊