2024年最新《tkinter实用教程六》tkinter ttk，前端程序员面试必备的知识点

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

l.grid(column=0,row=0)

main.grid(column=0,row=0)

root.mainloop()

代码执行结果如下图：

点击按钮后，如下图：

被绑定的变量，并非普通变量，必须是通过 StringVar()、IntVar() 创建的特殊对象。

Button 中的内容也是可以绑定变量的！！

ttk.Lable 如何展示图片

ttk.Label 还可以展示图片，如果你需要在界面上放置一张图片，这是最常用的做法。

示例代码如下：

from tkinter import *

from tkinter import ttk

root = Tk()

main = ttk.Frame(root)

image = PhotoImage(file=“bg.png”)

label = ttk.Label(main,image=image)

label.grid()

main.grid(column=0,row=0)

root.mainloop()

执行结果如下图：

ttk.Label同时展示文字和图片

如果你同时为 Label 对象设置了 text 参数和 image 参数，那么文字和图像会同时展示。

此时我们可以使用 compound 参数设定文字和图片的相对位置。

示例代码如下：

from tkinter import *

from tkinter import ttk

root = Tk()

main = ttk.Frame(root)

image = PhotoImage(file=“bg.png”)

label = ttk.Label(main,text=“文本”,image=image,compound=CENTER)# 文本在图片中间

label.grid()

labe2 = ttk.Label(main,text=“文本”,image=image,compound=RIGHT)# 文本在图片中间

labe2.grid()

labe3 = ttk.Label(main,text=“文本”,image=image,compound=LEFT)# 文本在图片中间

labe3.grid()

labe4 = ttk.Label(main,text=“文本”,image=image,compound=TOP)# 文本在图片中间

labe4.grid()

labe5 = ttk.Label(main,text=“文本”,image=image,compound=BOTTOM)# 文本在图片中间

labe5.grid()

main.grid(column=0,row=0)

root.mainloop()

执行结果如下：

多行文本展示

ttk.Label 可以通过两种方式展示多行文本：

1. 在文本中添加 \n，主动换行

2. 使用 wraplength 指定最宽字符长度，自动换行

示例代码如下：

from tkinter import *

from tkinter import ttk

root = Tk()

main = ttk.Frame(root)

image = PhotoImage(file=“bg.png”)

label = ttk.Label(main,text=“文本文本文本文本文本文本文本\n文本”)# 手动换行

label.grid()

labe2 = ttk.Label(main,text=“文本文本文本文本文本文本文本文本文本”,wraplength=102)# 自动换行

labe2.grid()

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS
• JavaScript
• 前端框架
• 前端性能优化
• 前端监控
• 模块化+项目构建
• 代码管理
• 信息安全
• 网络协议
• 浏览器
• 算法与数据结构
• 团队管理
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容