有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont.css">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background-color: #f1f1f1;
        }
        .slide{
            width: 234px;
            height: 420px;
            background-color: rgba(105,101,101,0.6);
            padding: 20px 0;
            margin: 100px;
            position: relative;
        }
        .slide ul{
            list-style: none;
        }
        .slide ul li{
            width: 100%;
            height: 42px;
            line-height: 42px;
            text-align: left;
            padding-left: 30px;
            box-sizing: border-box;
        }
        .slide ul li:hover{
            background-color: #ff6700;
           
        }
        .slide ul li a{
            display: inline-block;
            text-decoration: none;          
            color: #fff;
           
        }
       
        .slide .iconfont{
            display: inline-block;
            font-size: 24px;
            color: #fff;
            position: absolute;
            right: 10px;
        }
        .slide-list{
            width: 992px;
            height: 460px;
            background-color: #fff;
            position: absolute;
            top: 0;
            left: 234px;
            border: 1px solid #e0e0e0;
            border-left:none ;
            box-sizing: border-box;
            box-shadow: 0 4px 16px rgba(0,0,0,0.18);
            display: none;
            overflow: hidden;
            clear: both;
        }
        /* 鼠标滑动到li标签上，对应的div出现 */
        .slide ul li:hover>.slide-list{
            display: block;
        }
        .slide-list .text{
            display: block;
            width: 208px;
            height: 70px;
            line-height: 70px;
            /* background-color: red;     */
            float: left;
            margin-left: 30px;
            margin-top: 7px;
            font-size:normal;
        }
        .slide-list .text:hover>i{
            color: #ff6700;

        }
        .slide-list .text img{
            display: inline-block;
            /* 垂直对齐方式 */
            vertical-align: middle;
           
           
        }
        .slide-list .text i{
            font-size:normal;
            display: inline-block;
            color:black;
            font-size: 16px;  
        }
    </style>
</head>
<body>

    <div class="slide">
        <ul>
            <li>
                <a href="#">手机</a>
                <span class="iconfont icon-jiantou"></span>
                <div class="slide-list">
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" >
                        <i>Redmi K50 Pro</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 12X.webp" alt="">
                        <i>Xiaomi 12X</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi Civi.webp" alt="">
                        <i>Xiaomi Civi</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 10S.webp" alt="">
                        <i>Xiaomi 10S</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" alt="">
                        <i>Redmi K50</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" >
                        <i>Redmi K50 Pro</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 12X.webp" alt="">
                        <i>Xiaomi 12X</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi Civi.webp" alt="">
                        <i>Xiaomi Civi</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 10S.webp" alt="">
                        <i>Xiaomi 10S</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" alt="">
                        <i>Redmi K50</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" >
                        <i>Redmi K50 Pro</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 12X.webp" alt="">
                        <i>Xiaomi 12X</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi Civi.webp" alt="">
                        <i>Xiaomi Civi</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 10S.webp" alt="">
                        <i>Xiaomi 10S</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" alt="">
                        <i>Redmi K50</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" >
                        <i>Redmi K50 Pro</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 12X.webp" alt="">
                        <i>Xiaomi 12X</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi Civi.webp" alt="">
                        <i>Xiaomi Civi</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 10S.webp" alt="">
                        <i>Xiaomi 10S</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" alt="">
                        <i>Redmi K50</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" >
                        <i>Redmi K50 Pro</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 12X.webp" alt="">
                        <i>Xiaomi 12X</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi Civi.webp" alt="">
                        <i>Xiaomi Civi</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 10S.webp" alt="">
                        <i>Xiaomi 10S</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" alt="">
                        <i>Redmi K50</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Redmi K50 Pro.webp" >
                        <i>Redmi K50 Pro</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 12X.webp" alt="">
                        <i>Xiaomi 12X</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi Civi.webp" alt="">
                        <i>Xiaomi Civi</i>
                    </a>
                    <a  class="text" href="#">
                        <img src="./Xiaomi 10S.webp" alt="">
                        <i>Xiaomi 10S</i>
                    </a>
                   
                </div>
            </li>
            <li>
                <a href="#">电视</a>
                <span class="iconfont icon-jiantou"></span>
                <div class="slide-list">小米2</div>
            </li>
        </ul>
    </div>
   
</body>
</html>

为什么这个字体我设置的normal但是还是斜体

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS应用技巧 19456楼

老师我还是访问不到资源为什么哇

JAVA 全系列/第五阶段：JavaWeb开发/Servlet技术详解 19457楼

避坑：

MAC安装vue时会报一堆error需要开启文件夹权限

sudo chown -R $USER /usr/local

运行后输入密码，重新使用

npm install -g @vue/cli

安装成功

JAVA 全系列/第十六阶段：前后端分离技术VUE/Vue框架 19458楼

报错信息：

org.thymeleaf.exceptions.TemplateInputException: Error resolving template [addUsers], template might not exist or might not be accessible by any of the configured Template Resolvers

org.thymeleaf.exceptions.TemplateInputException: Error resolving template [favicon.ico], template might not exist or might not be accessible by any of the configured Template Resolvers

老师，上面是我访问addUsers.html页面时报的错，启动项目的时候还会有一条警告信息：

ion$DefaultTemplateResolverConfiguration : Cannot find template location: classpath:/templates/ (please add some templates or check your Thymeleaf configuration)

我已经解决了，解决方法是在配置资源拷贝插件那里在加一条

<include>**/*.html</include>

不过我奇怪的是，视频里还有老师的文档里都没有配置这一条，而且那个资源拷贝插件不是用来打包的吗？怎么会和资源的拦截扯上关系？

JAVA 全系列/第九阶段：Spring Boot实战/Spring Boot 19459楼

#encoding=utf-8

from tkinter import *
import random
class Application(Frame):
    def __init__(self, master=None):
        super().__init__(master)
        self.master=master
        self.pack()
        self.createWidget()

    def createWidget(self):
        self.canvas = Canvas(self, width=800, height=600, bg='green')
        self.canvas.pack()
        # 画一条直线
        self.line = self.canvas.create_line(10, 10, 30, 20, 40, 50)    # 坐标（10,10），（30,20），（40,50）
        # 画一个矩形
        self.rect = self.canvas.create_rectangle(50, 50, 100, 100)     # 左上角坐标（50， 50） 右下角坐标（100,100）
        # 画一个椭圆，坐标两双，为椭圆的边界矩形左上角和右下角
        self.oval = self.canvas.create_oval(50, 50, 100, 100)           # 绘制如上巨星的内切圆

        #global photo
        self.photo = PhotoImage(file="000.gif")
        self.canvas.create_image(550, 100, image=self.photo)

        Button(self, text='随机画出十个矩形', command=self.draw50Recg).pack(side='left')

    def draw50Recg(self):
        for i in range(0, 10):
            x1 = random.randrange(int(self.canvas['width'])/2)
            y1 = random.randrange(int(self.canvas['height'])/2)
            x2 = x1 + random.randrange(int(self.canvas['height'])/2)
            y2 = y1 + random.randrange(int(self.canvas['height'])/2)
            self.canvas.create_rectangle(x1, y1, x2, y2)

if __name__=="__main__":
    root = Tk()
    root.title('my window')
    root.geometry('500x300')
    app = Application(master=root)
    root.mainloop()

老师，为啥视频里，这里没有加self呢，我自己加上之后没啥区别。不加的化，这个变量就是灰色的，
为什么这里画一个图形啥的不需要调用pack（）呢

Python 全系列/第二阶段：Python 深入与提高/GUI编程（隐藏） 19460楼

报这个异常，百度了是修改

试了，依然没解决

JAVA 全系列/第五阶段：JavaWeb开发/Ajax技术详解（旧） 19461楼

我的这个代码怎么按下键盘的上下左右控制台没有输出

"""
新增功能
     添加事件
     1点击关闭 关闭窗口
     2按下键盘时候,判断键盘按下的是什么键,做如何处理

"""
import pygame
SCREEN_WIDTH=700
SCREEN_HEIGHT=500
BG_COLOR=pygame.Color(0,0,0)
class MainGame():
    window=None
    def __init__(self):
        pass
    #开始游戏
    def startGame(self):
        #加载主窗口
        pygame.display.init()
        #设置窗口的大小及显示
        MainGame.window=pygame.display.set_mode([SCREEN_HEIGHT,SCREEN_HEIGHT])
        #设置窗口的标题
        pygame.display.set_caption("坦克大战1.03")
        while True:
            #给窗口设置填充色
            MainGame.window.fill(BG_COLOR)
            #获取事件
            self.getEvent()
            pygame.display.update()

    #结束游戏
    def endGame(self):
        print("谢谢使用,欢迎再来")
        exit()

    #获取事件
    def getEvent(self):
        #获取所有事件
        eventList=pygame.event.get()
         #遍历事件
        for event in eventList:
            #判读按下的是关闭还是键盘
            #如果安的是退出,
            if event.type==pygame.QUIT:
                self.endGame()
                #如果是键盘的按下
                if event.type==pygame.KEYDONW:
                    #判断按下的是上,下,左,右
                    if event.key==pygame.K_LEFT:
                        print("按下左键,坦克向左移动")
                    elif event.key==pygame.K_RIGHT:
                        print("按下右键,坦克向右移动")
                    elif event.key==pygame.K_UP:
                        print("按下右键,坦克向上动")
                    elif event.key==pygame.K_DOWN:
                         print("按下右键,坦克向右下动")


class Tank():
    def __init__(self):
        pass
    #移动
    def move(self):
        pass


    #射击
    def shot(self):
        pass
    #展示坦克的方法
    def display(self):
        pass
#我方坦克
class MyTank(Tank):
    def __init__(self):
        pass

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

#子弹类
class Bullet():
    def __init__(self):
        pass
    #移动
    def move(self):
        pass
    #展示子弹的方法
    def displayBullet(self):
        pass


class Wall():
    def __init__(self):
        pass
     #展示墙壁的方法
    def displayWall(self):
        pass
class Explode():
    def __init__(self):
        pass
    #展示爆炸效果的方法
    def displayExplode(self):
        pass
class Music():
    def __init__(self):
        pass
    #播放音乐
    def play(self):
        pass
if __name__=="__main__":
    MainGame().startGame()

Python 全系列/第二阶段：Python 深入与提高/游戏开发-坦克大战 19462楼