JavaScript 是个很神奇的东西。但是 JavaScript中的一些东西确实很奇怪,让人摸不着头脑。...其中之一就是当你试图访问嵌套对象时,会遇到这个错误 Cannot read property 'foo' of undefined 在大多数情况下,处理嵌套的对象,通常我们需要安全地访问最内层嵌套的值。...user.personalInfo.name : null; 如果你的嵌套结构很简单,这是可以的,但是如果数据嵌套五或六层深,那么你的代码就会看起很混乱: let city; if ( data...,如 Lodash 和 Ramda,可以做到这一点。...但是在轻量级前端项目中,特别是如果你只需要这些库中的一两个方法时,最好选择另一个轻量级库,或者编写自己的库。
前言 相信很多玩过游戏的朋友都知道,在玩游戏的过程中,如果我们被一道门给挡住了去路,只要按下某一个按键,门就会自动的开启。于是,今天我就带大家来制作一道会自动开启的大门吧!...场景搭建 首先,在我们的初学者素材包中找到 Walldoor 这个素材,并将其拖入到我们的场景中。...于是,我们在编辑器的左上角找到 TargetPoint 将其拖入到我们的场景中。...因为在场景中,我们的大门只需要移动 X 坐标,Y 轴和 Z 轴是不需要改变的,所以将 Break Vector 的 Y 和 Z 坐标连接到 Make Vector 的 Y 和 Z 坐标上。...,选中我们的 Wall 后,在右边的查看面板中,将属性设置为 Movable,否则我们的大门将不会移动,因为默认是 Static 的。
在 SCSS 中实现复杂的嵌套选择器时,可以遵循以下几个原则以确保代码的可维护性: 限制嵌套层级:避免层级过深的嵌套,最好不要超过三级。...过多的嵌套会增加代码的复杂性和选择器的特异性,降低代码的可读性和维护性。 使用父元素选择器:尽量使用父元素选择器 & 来限定样式的作用范围,避免使用全局选择器或依赖于特定的 HTML 结构。...这样可以减少代码冗余,提高代码的可维护性。 使用 BEM 命名规范:BEM(Block Element Modifier)是一种常用的 CSS 命名规范,可以有效地管理复杂的嵌套选择器。...利用 SCSS 的特性:SCSS 提供了许多方便的特性,如变量、函数、混合器等,可以帮助简化和优化代码。...综上所述,通过限制嵌套层级、使用父元素选择器、提取共用样式、使用 BEM 命名规范和利用 SCSS 的特性,可以在 SCSS 中实现复杂的嵌套选择器并确保代码的可维护性。
(QTableView、QListView、容器、多线程等) PyQt5布局管理(QBoxLayout、QGridLayout、QFormLayout、嵌套布局等) PyQt5信号与槽(事件处理、传递数据等...) PyQt5图形与特效(定制窗口风格、绘图、qss与UI美化、不规则窗口、设置样式等) PyQt5扩展应用(制作安装程序、数据处理、第三方绘图库、UI自动化测试等) 2....:\Python\Lib\site-packages\PyQt5\Qt5\plugins 在命令行中输入import PyQt5测试。...开发第一个PyQt5应用 需要用到两个类:QApplication和QWidget,都在PyQt5.QtWidgets模块中。...配置QtDesigner 如果装了Qt的话,可以使用QtDesigner来创建ui界面文件,通过在python中设置外部工具引用,使得在pyqt5工程中可以打开QtDesigner,且可以通过pyuic5
QWidget 容器 PyQt5 中的布局管理器必须被设置在某个控件(如 QWidget)上。...10.6 布局嵌套 在实际应用中,单一布局管理器可能无法满足所有布局需求。PyQt5 支持 布局嵌套,你可以将不同的布局管理器组合在一起,创建更复杂的界面。...(app.exec_()) 代码详解: 布局嵌套 布局嵌套意味着在一个布局管理器中嵌套另一个布局管理器。...通过控件的大小策略和布局嵌套,你可以确保界面在不同窗口大小下保持美观和功能性。 写在最后 在这次 PyQt5 学习的过程中,我们从一个基础的 GUI界面开发者逐步成长为能够开发功能齐全应用的进阶者。...这次 PyQt5的学习不仅是对技术的提升,也是对思维的一次锻炼,它教会了我们如何在复杂中找到解决问题的思路,也让我们对未来更加复杂的项目开发充满信心。
data Matrix是一个矩阵式的二维码,广泛用于商品的防伪、统筹的标识等,有的客户在制作data Matrix二维码的时候,对二维码的格式有要求,需要将data Matrix二维码的格式制作成符合GS1...接下来就给大家演示下在条码打印软件中将data Matrix二维码设置成GS1标准的操作步骤: 1.在条码软件中新建标签之后,在软件中绘制一个二维码对象,双击二维码,在图形属性-条码-类型中,选择条码类型为...3.data Mtrix二维码就制作好了,如果想要制作符合GS1标准的二维码的话,可以双击二维码,在图形属性-条码中,data Mtrix默认的格式是Default,这里把默认格式设置为UccEanGs1...,点击确定,符合GS1标准的data Mtrix二维码就制作好了。...4.然后可以把制作好的data matrix的二维码,上传到条码识别网上进行识别,识别出来的类型是data matrix,标准为GS1,效果如下图: 以上就是在条码软件中制作符合GS1标准的data
FigureCanvas 是一个特殊的组件,它允许将 matplotlib 的绘图窗口嵌入到 PyQt5 界面中。首先,我们来看如何在 PyQt5 窗口中嵌入一个简单的折线图。...7.3 动态生成图表 在某些应用场景中,图表需要根据用户的输入或数据的变化实时更新。接下来我们展示如何在 PyQt5 中动态生成和更新 matplotlib 图表。...7.4 在应用程序中展示不同类型的图表 matplotlib 支持多种类型的图表,包括折线图、柱状图、饼图等。接下来我们展示如何在 PyQt5 中展示这些不同类型的图表。...7.5 总结 在这一部分中,我们学习了如何在 PyQt5 中嵌入 matplotlib 图表,实现数据的可视化展示。...7-8部分总结:图表与对话框 在第7至第8部分中,我们探讨了如何在 PyQt5 中使用 matplotlib 实现数据的可视化,并展示了如何在界面中嵌入折线图、柱状图、饼图等多种图表。
因此pyqt5作为一个主流的python的GUI框架地位是非常重要的,也是一个非常重要的技能。...而pyecharts是相当于echarts的python版本,可以比较方便的制作一些非常精美的可视化图片,因为生成的一般是html格式的,所以对于平台的可迁移性相对较好。...这里我们主要探索一下在pyqt5制作出来的界面中集成一个pyecharts生成的页面,效果图如下所示: 环境依赖 这里主要依赖于pyecharts和pyqt5这两个库,但是由于pyqt5在5.10.1...在pyecharts中配置散点图的参数时,主要方法是调用Scatter中的函数来进行构造,比如我们常用的一些窗口工具,区域缩放等功能,就可以在Scatter中添加一个toolbox来实现: toolbox_opts...选取一部分之后的展示效果如下图所示: 总结概要 本文通过一个实际的散点图案例,展示了如何使用pyqt5嵌套一个pyecharts图层的方法,通过这个技巧,可以在pyqt5的框架中也实现精美的数据可视化的功能模块
PyQt中Qt Designer工具的使用方法,文章进行了非常详细的示例介绍。...2.Anaconda(Python 3.6.0,PyQt5) ? Qt Designer工具主界面 上期文章教过大家如何在Pycharm中安装PyQt5。...主界面的不同区域介绍: 控件工具箱:提供Gui界面开发各种基本控件,如单选框、文本框等。可以拖动到新创建的主程序界面。 ? 主界面区域: 用户放置各种从工具箱拖过来的各种控件。...3 双击各个控件,修改控件名称(对应属性编辑区中的text,可直接双击控件修改)以及对象名称(对应属性编辑区中的objectName)。 并结合上期文章学习过的窗口布局管理可以对控件进行排版。 ?...6 在Pycharm中右击刚刚生成的Login.ui文件External Tools->PyUIC ? 即可将刚刚制作的UI界面转换成python代码 ?
猫头虎 分享:如何在服务器中Ping特定的端口号? 网络调试的实用技巧,学会这些工具,你将成为运维与开发中的“Ping”王!...在日常开发和运维中,我们经常需要检查目标主机上的某个端口是否开启,并确定网络连通性。...常规 Ping 的局限性 传统 Ping 只测试 ICMP 通信: 无法确认特定服务是否正常运行。 端口 Ping 的优势: 确认服务是否正常工作。 检测防火墙是否阻止了特定端口通信。...使用 Telnet Ping 端口 Telnet 是检查端口连通性的经典工具,虽然简单,但功能强大。...使用 nmap Ping 端口 Nmap 是一款专业的网络扫描工具,适合批量测试。
在本篇文章中,我们将讲解如何使用 PyQt5 创建一个简单的 OpenGL Demo。步骤1: 安装 PyQt5首先,我们需要安装 PyQt5 库。...在 __init__ 方法中,我们创建了一个 QOpenGLWindow 实例,并将其设置为中心窗口部件。最后,我们设置了窗口的标题为 "PyQt5 OpenGL Demo"。...希望这个示例对你理解如何在实际应用中使用PyQt5和OpenGL有所帮助。PyQt5和OpenGL结合可以实现更复杂的图形和动画效果,让你的应用更加生动和互动。...下面是对PyQt5的一些详细介绍:跨平台支持:PyQt5基于Qt库开发,因此可以实现跨平台支持,可以在不同操作系统(如Windows、MacOS、Linux等)上运行。...你可以在Qt Designer中拖放工具和组件来布局界面,然后使用PyQt5将设计好的界面与后端Python代码进行连接。
1.3 在 PyCharm 中编写第一个 PyQt5 应用程序 接下来,我们将在 PyCharm 中创建一个简单的 PyQt5 应用程序,显示一个包含 “Hello, World!” 的窗口。...布局嵌套: 通过 vbox_layout.addLayout(hbox_layout),我们将水平布局嵌入到垂直布局中,实现更复杂的布局结构。...2.7 总结 在这一部分中,我们学习了如何在 PyQt5 中使用布局管理器来组织窗口内的控件。我们主要介绍了几种常见的布局方式: QVBoxLayout:垂直排列控件。...首先,我们讲解了如何安装 PyQt5,并创建了一个简单的 PyQt5 应用程序。接着,介绍了布局管理器(如 QVBoxLayout 和 QHBoxLayout),并通过它们组织界面中的控件。...最后,我们深入探讨了 PyQt5 中的常用控件,如 QLabel、QPushButton、QLineEdit 和 QCheckBox,展示了如何使用这些控件处理基本的用户交互。
使用PyQt5把网页打印成PDF Posted December 03, 2018 最近制作诗词日历的 PDF 版本, 准备打印一下做成实体日历。...值得一提的是 PyQt 直接使用了Chrome 的内核, 而且在使用过程中我发现一些配置是可以共享的,比如 Chrome 的代理设置. 下面我通过打印日历的例子来介绍 PyQt 是怎么打印页面的。...Bash brew install PyQt5 其他系统的安装方法请请参考, 官方介绍: https://pypi.org/project/PyQt5/ 使用 PyQt5 是一个Python的GUI编程框架...下一个 URL 重新使用一个新的 URL 实例, 这是最简单的方式(理解PyQt5生命周期是个耗时的工作, 发量不够..)....总结 这提供了一个思路, 我们可以用这个来用Python制作书籍, 也可以使用HTML配合 jinja2的渲染生成, 然后通过 PyQt 来制作 PDF, 然后通过PyPDF2的PdfFileMerger
文章背景:Qt是众多GUI组件中极其优秀的组件,不仅可以开发桌面应用,还可以开发移动应用,所以Qt是非常值得学习的组件。下面就来学习如何在Pycharm中配置PyQt5。...(2)打开命令符提示符窗口,切换到指定项目Scripts对应的文件夹(XXX\PycharmProjects\QtDemo\venv\Scripts),分别运行如下代码,安装pyqt5模块和pyqt5-...然后打开Tools->External Tools,点击界面的左上角的+号,开始添加外部工具。在这里我们主要是添加三个外部工具。...Qt Designer designer.exe 打开Qt Designer界面,对软件的界面进行设计。...在Pycharm中配置(https://blog.csdn.net/qq_35451572/article/details/85229408) [2] PyQt5基础系列课程(适合基础入门)(https
知识回顾 1.已经拥有pyqt5可视化界面开发环境搭建 2.简单解析了pyuic生成的python代码 3.纯代码方式写了基于pyqt5的GUI界面 ---- 本节知识视频教程 以下开始文字讲解:...通过两种不同的形式制作的pyqt5程序,观察有何不同。 理解Qwidget是基于所有控件的基类,包括窗体控件、按钮、文本等等。...对应的python代码中设置窗体名称的方法setObjectName 注意:窗体对象其实就是指qwidget的实例化对象 三、补充pyuic命令解析 使用Python.exe解释器 -m PyQt5.uic.pyuic...四、Qt中信号的理解 比如说单击事件、某个超时信号等都是qt中的信号,说到底其实就是界面上面发生某个事件。...2.掌握pyqt5中界面中常用函数的基本用法 3.掌握如何调用生成界面的思想。实则是如何使用pyqt5纯代码写gui界面的关键。
我们在制作 UI 界面的时候,一般可以通过UI制作工具和纯代码编写两种方式来实现。在 PyQt5 中,也可以采用这两种方式。...在 PyQt5 中我们使用 Qt Designer 工具来制作 UI 界面。 Qt Designer 可以通过拖拽的方式完成复杂的界面设计,而且还可以随时预览查看效果。...它生成的 UI 界面是一个后缀为.ui的文件,其实就是一个 XML 格式的文本文件。通过使用 pyuic5 命令将.ui文件转换为.py文件,然后将.py文件引入到自定义的 Python 代码中。...当然 PyQt5 的离线文档是没有,不过有 Qt5 的离线文档。我们知道 PyQt5 是 Qt5 的 Python 版,所以大部分函数属性都是一样的。...在使用的过程中,有时候我们拖动一个控件上去,等布局好了以后,又想把它换成其他类型的控件。一种方式是在对象编辑区,通过变型把控件更改为其他控件。 ?
pyQt5请看《PyQt5快速开发与实战》、《Qt5/PyQt5实战指南》、《Python Qt GUI与数据可视化编程》、《pyQt5参考手册》、《PyQt5 tutorial》。...动态编译的话,可以使用Qt Creator自带的windeployqt。(5.14.0不支持windeployqt) 动态编译后,可以使用NSIS制作成安装包。...比较出名的是QWT库,使用QWT库,可以轻松搞定各种图形界面,如:饼状图、示波器图、波特图等。 然而,QT自带的QtCharts比QWT库还要好用。...使用NSIS制作成安装包。 使用第14点的静态编译。 30、C++有哪些第三方库? 除了C++自带的库(如STL库)以外的,还有第三方库。...使用Poppler,但是网上只有mingw32的库,别的编译器,要用源码编译。 也可以使用Mupdf,或者在浏览器中调用pdf.js。 42、如何输出Word、PPT、PDF文件?
“ 教你如何快速开发桌面应用” 首先,我们来想像一下喜欢某个网站,或者我们自己有一个网站,在某个时间我们不知道怎么的突然想把某个网站做成我们自己桌面应用(不要问为什么,之前没有,现在得有 ),那我们来想办法达到我们的目的...明确目的:我们要把我们喜欢的网站做成一个桌面程序。 01—思路 我们要知道我们需要做什么,我们要将网站制作成一个桌面程序,那我们开始着手准备。 1、一个喜欢的网站。 2、python环境。...我们先来想一下,tk好想可以制作窗口,有没有办法将网站加入到tk中呢!但我们没有搜索到有关资料,那我们来说一下另一个模块吧。 pyqt5,那在这里面是否可以假如网站页面呢? 你还别说,还真可以。...那我们的目标变成了:如何将网站镶嵌到qt开发的桌面应用中去。...02—开发 来安装模块: 开发桌面应用模块: pip install PyQt5 == 5.10.0 打包工具: pip install pyinstaller 打包命令 pyinstall -w -F
Tkinter[4]:Python内置的GUI框架,使用TCL实现,Python中内嵌了TCL解释器,使用它的时候不用安装额外的扩展包,直接import,跨平台。...Wax[7]:基于wxPython ,为克服wxPython的问题而制作的一个包。...Eel[11]:一个轻量的 Python 库,用于制作简单的类似于 Electron(但是比它更轻量) 的离线 HTML/JS GUI 应用程序,并具有对 Python 功能(capabilities)...Ui_Dialog,然后在其中中添加查询天气的业务逻辑代码,这样就做到了界面显示和业务逻辑的分离。...新增demo.py文件, 在MainDialog类中定义了两个槽函数queryWeather()和clearText(),以便在界面文件Weather.ui中定义的两个按钮(queryBtn 和clearBtn
Qt Designer 是专门用来制作PyQt程序中UI界面的工具,它生成的UI界面是一个后缀为.ui 的文件。...制作程序UI界面,一般可以通过UI制作工具和纯代码编写两种方式来实现,我们主要是通过Qt Creator制作完成。...Qt Creator 可以创建多种项目,在最左侧的列表框中单击“Application”,中间的列表框中列出了可以创建的应用程序的模板,各类应用程序如下: Qt Widgets Application,...3、界面、逻辑分离思想 通过之前的内容学会了如何制作.ui文件,以及如何把.ui文件转换成.py文件,最后再补充讲讲界面、逻辑分离思想。...---- 参考资料: 1、快速熟悉 PyQt5 与 Eric6 的极速 GUI 开发 2、完美安装 Anaconda3 + PyQt5 + Eric6 3、关于pyuic5命令详细介绍,参考官网:https
领取专属 10元无门槛券
手把手带您无忧上云