2024年Qt与Web混合开发：实现双向通信_qt与web交互，前端面试题选择题

最后

中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。

• 技术要深入到什么程度？

• 做久了技术总要转型管理？

• 我能做什么，我想做什么？

• 一技之长，就是深耕你的专业技能，你的专业技术。（重点）

• 独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）

• 拥有事业，选择一份使命，带领团队实现它。（创业）

一技之长分五个层次

• 栈内技术 - 是指你的前端专业领域技术

• 栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识

• 工程经验 - 是建设专业技术体系的“解决方案”

• 带人做事 - 是对团队协作能力的要求

• 业界发声 - 工作经验总结对外分享，与他人交流

永远不要放弃一技之长，它值得你长期信仰持有。

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

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。

}

void MyObject::sendMessage(const QString &message)
{
emit sig_sendMessage(message);
qDebug() << message;
}

#### 注册QObject派生类


在C++端，我们创建一个QWebEngineView，并将MyObject对象添加到Web通道中：

#include
#include
#include

#include “myobject.h”

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

QWebEngineView *webView = new QWebEngineView();
QWebChannel *channel = new QWebChannel();

MyObject *myObject = new MyObject();
channel->registerObject(QStringLiteral("myObject"), myObject);

webView->page()->setWebChannel(channel);
webView->load(QUrl("file:///C:/Users/yxc/Desktop/untitled/bmdemo.html")); // 路径根据实际情况
webView->show();

return app.exec();

}

### Web端


在Web端，我们需要在HTML页面中加载QWebChannel的JavaScript库，并使用JavaScript与Qt进行交互。通过使用Qt对象的名称（在本例中为"myObject"），我们可以访问Qt对象的函数和信号：

function myFunction() {
// 调用Qt函数
myObject.myFunction(“Hello from Web”);
}

function sendMessage() {
// 发送信号到Qt
myObject.sendMessage(“Message from Web”);
}

my function send message

### 运行和测试


运行应用程序，Qt应用程序将加载Web页面，并在控制台上显示来自Web的消息。通过Qt对象的槽函数，我们可以处理从Web发送的消息，或者通过信号与Web进行通信。


测试结果如图所示：


![在这里插入图片描述](https://img-blog.csdnimg.cn/9069404941344988b4eb20a15f25836f.png#pic_center)


### 结论


通过使用Qt WebChannel和JavaScript桥接，我们可以实现Qt与Web之间的双向通信。这种混合开发的方法可以让我们充分利用Qt的强大功能和Web技术的灵活性，开发出功能丰富、交互性强的应用程序。本文介绍了QWebChannel的基本概念和用法，并提供了一个简单的示例来演示如何在Qt和Web之间进行通信。希望这篇博客能够为您深入了解Qt与Web混合开发提供一个良好的起点。


在实际开发中，你可以根据具体需求进一步扩展和定制这种通信机制，并结合您的创意和应用场景，实现更多功能丰富的交互体验。祝你在Qt与Web混合开发的旅程中取得成功。







### 最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。



包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

*   HTML5新特性，语义化

*   浏览器的标准模式和怪异模式

*   xhtml和html的区别

*   使用data-的好处

*   meta标签

*   canvas

*   HTML废弃的标签

*   IE6 bug，和一些定位写法

*   css js放置位置和原因

*   什么是渐进式渲染

*   html模板语言

*   meta viewport原理

![](https://img-blog.csdnimg.cn/img_convert/64590c67cb47cd552a892ba710477f64.png)

*   **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://img-blog.csdnimg.cn/img_convert/17fdfcb90fad04acc5e7273d1f853880.png)