2024年前端最全qtcreator相关-qtconfig嵌入自定义开发模块以及项目向导的编写，前端开发基础面试题

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

prf文件

====================================================================

• qmake可以通过专门的prf文件设置另外的配置特性.这些特性通常提供给编译时候的自定义的工具使用。为了在处理过程添加一个特性,往CONFIG变量里面添加一个特性名字,该名字跟特性的文件名相同(mkspecs/features目录里面)

• 例如 qmake可以在编译过程利用pkg-config 提供支持的额外的库,例如D-Bus库 和 ogg库,用下面的方法

CONFIG += link_pkgconfig

PKGCONFIG += ogg dbus-1

qt wizard 创建项目向导

===============================================================================

向导文件配置位置 /share/qtcreator/templates/wizards

• 详见Adding New Custom Wizards | Qt Creator Manual

1. 项目模板引导页面依赖于wizard.json中的定义。

2. 使用启动参数-customwizard-verbose启动Qt Creator，可以打印加载情况。

options键（定义变量）

---

• EX:

“options”:

[

{ “key”: “TargetPath”, “value”: “%{Path}” },

{ “key”: “HdrPath”, “value”: “%{Path}/%{HdrFileName}” },

{ “key”: “SrcPath”, “value”: “%{Path}/%{SrcFileName}” },

{ “key”: “CN”, “value”: “%{JS: Cpp.className(value(‘Class’))}” },

{ “key”: “Base”, “value”: “%{JS: value(‘BaseCB’) === ‘’ ? value(‘BaseEdit’) : value(‘BaseCB’)}” },

{ “key”: “isQObject”, “value”: “%{JS: (value(‘Base’) === ‘QObject’ || value(‘Base’) === ‘QWidget’ || value(‘Base’) === ‘QMainWindow’ || value(‘Base’) === ‘QDeclarativeItem’ || value(‘Base’) === ‘QQuickItem’ ) ? ‘true’ : ‘false’}” },

{ “key”: “GUARD”, “value”: “%{JS: Cpp.classToHeaderGuard(value(‘Class’), Util.suffix(value(‘HdrFileName’))}” },

{ “key”: “SharedDataInit”, “value”: “%{JS: value(‘IncludeQSharedData’) ? ‘data(new %{CN}Data)’ : ‘’ }” },

…

],

您可以在JSON配置文件和模板源文件中的字符串中使用变量％{<variableName>}。向导及其页面预定义了一组变量。您可以通过在wizard.json文件的选项部分中定义变量键名和值，将新变量作为快捷方式引入，以便以后使用。

有一个特殊的变量％ {JS：<JavaScript expression> }，该变量评估给定的JavaScript表达式并将生成的JavaScript值转换为字符串。在JavaScript表达式中，您可以使用value('<variableName>')引用向导定义的变量。返回的JavaScript对象具有变量值具有的类型，可以是字符串，列表，字典或布尔值。

在期望布尔值并给出字符串的地方，空字符串以及**字符串“ false”**都将被视为false，其他任何情况都将被视为true。

翻译

---

如果设置名称以tr前缀开头，则该值对用户可见，应该进行翻译。如果新向导包含在Qt Creator的源代码中，则可翻译的字符串会出现在Qt Creator的翻译文件中，并且可以作为Qt Creator的一部分进行翻译。或者，您可以使用以下语法将翻译内容放入.json文件中：

• EX:

"trDisplayName": { "C": "Project Location", "en_US": "Project Location", "de_DE": "Projekt Verzeichnis" }

page键（页面定义）

---

• EX:

“pages”:

[

{

“trDisplayName”: “Define Class”,

“trShortTitle”: “Details”,

“typeId”: “Fields”,

“data” :

[

{

“name”: “Class”,

“trDisplayName”: “Class name:”,

“mandatory”: true,

“type”: “LineEdit”,

“data”: { “validator”: “(?😦?:[a-zA-Z_][a-zA-Z_0-9]::)+[a-zA-Z_][a-zA-Z_0-9]|)” }

},

…

]

• typeId 定义页的要使用的页面类型：Fields, File, Form, Kits, Project, VcsConfiguration, VcsCommand or Summary代码中使用的完整页面ID由前缀为“ PE.Wizard.Page”的typeId组成。有关页面的更多信息，请参阅可用页面Available Pages。

• trDisplayName 指定页面标题。

• trSubTitle 指定子标题。

• trShortTitle 指定向导边栏中使用的标题。

• index 是一个整数值，用于指定页面ID。

• enabled 设置为true可以显示页面，设置为false可以隐藏页面。

• data 指定向导页面。在C ++向导中，它指定“字段”页面和“摘要”页面。 “字段”页面包含CheckBox，ComboBox，LineEdit，PathChooser和Spacer小部件。有关这些小部件的更多信息，请参见可用的小部件 Available Widgets。

​

​

generators键（生成）

---

• EX:

“generators”:

[

{

“typeId”: “File”,

“data”:

[

{

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
[外链图片转存中…(img-1nb1wSIC-1714983839669)]

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】