前言

前段时间使用MUI做了个APP，客户提出想法，能否增加一个可以聊天的功能，用来保证工单系统中所有参与角色的交流。

好的，安排！

聊天布局分析

需要实现一个可供聊天的窗口，需要优先分析其布局的构成。

参考QQ或者微信的聊天群，大致可以看出具有以下的共通点：

1、群聊窗口需要有信息展示窗口。
2、自己发送的消息显示在右边，别人发送的聊天消息显示在左边。
3、需要有一个触发软键盘的输入框，和一个发送一个按钮。
4、每个人有不同的信息，需要采取token进行判断。

除此之外，像语音聊天和动画表情等，现目前暂不做考虑，先实现简单的聊天窗口和信息展示吧。

页面布局

在MUI的界面模板中，存在一个im-chat.html的聊天页面布局案例，参照其功能，去掉繁琐的其他功能选项。

消息展示模板

在案例中，存在一个模板类，当消息是自己发送时，将信息展示并显示在屏幕的右方，否则就显示于屏幕左方。

<script id='msg-template' type="text/template"><!--遍历消息数组对象--><% for(var i in record){ var item=record[i]; %><!-- 获取对象中的属性参数信息，判断当前消息的产生者，同时保存其他数据信息 --><div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'><!--消息时间显示--><% if(item.time){ %><div class="" style="text-align: center;"><span style="color: #C7C7CC;font-size: 12px;" id="chatTime"><%= item.time %></span></div><% } %><!--聊天内容头像--><% if(item.sender=='self' ) { %><i class="msg-user"><span style="display: block;font-size: 10px;overflow:hidden;line-height: 30px;" ><%= item.username %></span></i><% } else { %><!--<img class="msg-user-img" src="../images/logo.png" alt="" />--><i class="msg-user-img"><span style="display: block;font-size: 10px;overflow:hidden;line-height: 30px;"><%= item.username %></span></i><% } %><!--聊天内容--><div class="msg-content"><div class="msg-content-inner"><% if(item.type=='text' ) { %><%=( item.content|| '&nbsp;&nbsp;') %><% } %></div><!--div聊天内容边框布局--><div class="msg-content-arrow"></div></div><!--每条聊天消息之间空格开--><div class="mui-item-clear"></div></div><% } %>
</script>

消息展示和消息输入框，发送按钮布局

<!--中间内容显示-->
<div class="mui-content"><div id='msg-list'></div>
</div>
<!--底部-->
<footer><!--图片--><div class="footer-left"><!--去除照片功能，保留布局--></div><!--输入框--><div class="footer-center"><textarea id='msg-text' type="text" class='input-text'></textarea></div><!--图标  点击事件是label标签--><label for="" class="footer-right"><i id='msg-type' class="mui-icon mui-icon-paperplane"></i></label>
</footer>

完整页面布局和逻辑分析

上面截取部分ui显示布局的注意点，接下来展示完整的布局和其他js操作逻辑。

<!doctype html>
<html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="../css/mui.min.css" rel="stylesheet" /><style type="text/css">html,body {height: 100%;margin: 0px;padding: 0px;overflow: hidden;-webkit-touch-callout: none;-webkit-user-select: none;}footer {position: fixed;width: 100%;height: 50px;min-height: 50px;border-top: solid 1px #bbb;left: 0px;bottom: 0px;overflow: hidden;padding: 0px 50px;background-color: #fafafa;}.footer-left {position: absolute;width: 50px;height: 50px;left: 0px;bottom: 0px;text-align: center;vertical-align: middle;line-height: 100%;padding: 12px 4px;}.footer-right {position: absolute;width: 50px;height: 50px;right: 0px;bottom: 0px;text-align: center;vertical-align: middle;line-height: 100%;padding: 12px 5px;display: inline-block;}.footer-center {height: 100%;padding: 5px 0px;}.footer-center [class*=input] {width: 100%;height: 100%;border-radius: 5px;}.footer-center .input-text {background: #fff;border: solid 1px #ddd;padding: 10px !important;font-size: 16px !important;line-height: 18px !important;font-family: verdana !important;overflow: hidden;}.footer-center .input-sound {background-color: #eee;}.mui-content {height: 100%;padding: 44px 0px 50px 0px;/*消息较多时，增加滚动条*/overflow: auto;background-color: #eaeaea;}#msg-list {height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}.msg-item {padding: 8px;clear: both;}.msg-item .mui-item-clear {clear: both;}/*.msg-item .msg-user {width: 38px;height: 38px;border: solid 1px #d3d3d3;display: inline-block;background: #fff;border-radius: 3px;vertical-align: top;text-align: center;*//*不是自己发送的消息   向左浮动显示*//*float: left;padding: 3px;color: #ddd;}*/.msg-item .msg-user {width: 40px;height: 40px;border: solid 1px #d3d3d3;display: inline-block;background: #fff;border-radius: 4px;vertical-align: top;text-align: center;/*不是自己发送的消息   向左浮动显示*/float: left;padding: 3px;background-color: #ddd;}.msg-item .msg-user-img {width: 40px;height: 40px;border: solid 1px #d3d3d3;display: inline-block;border-radius: 4px;vertical-align: top;text-align: center;float: left;padding: 3px;background-color: #ddd;}.msg-item .msg-content {display: inline-block;border-radius: 5px;border: solid 1px #d3d3d3;background-color: #FFFFFF;color: #333;padding: 8px;vertical-align: top;font-size: 15px;position: relative;margin: 0px 8px;max-width: 75%;min-width: 35px;float: left;}.msg-item .msg-content .msg-content-inner {overflow-x: hidden;}.msg-item .msg-content .msg-content-arrow {position: absolute;border: solid 1px #d3d3d3;border-right: none;border-top: none;background-color: #FFFFFF;width: 10px;height: 10px;left: -5px;top: 12px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}/*自身发送小心  最后都进行了向右浮动显示*/.msg-item-self .msg-user,.msg-item-self .msg-content {float: right;}.msg-item-self .msg-content .msg-content-arrow {left: auto;right: -5px;-webkit-transform: rotateZ(225deg);transform: rotateZ(225deg);}.msg-item-self .msg-content,.msg-item-self .msg-content .msg-content-arrow {background-color: #4CD964;color: #fff;border-color: #2AC845;}footer .mui-icon {color: #000;}footer .mui-icon:active {color: #007AFF !important;}/*伪类  before  表示将content内容放在class内容之前*/footer .mui-icon-paperplane:before {content: "发送";}footer .mui-icon-paperplane {/*-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);*/font-size: 16px;word-break: keep-all;line-height: 100%;padding-top: 6px;color: rgba(0, 135, 250, 1);}/*语音*/#msg-sound {-webkit-user-select: none !important;user-select: none !important;}@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}#h {background: #fff;border: solid 1px #ddd;padding: 10px !important;font-size: 16px !important;font-family: verdana !important;line-height: 18px !important;overflow: visible;position: absolute;left: -1000px;right: 0px;word-break: break-all;word-wrap: break-word;}.cancel {background-color: darkred;}</style><header class="mui-bar mui-bar-nav"><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a><!--聊天组中各个角色名称信息(长度超长使用"..."代替)--><h1 class="mui-title" id="headerText"></h1></header></head><body contextmenu="return false;"><pre id='h'></pre><script id='msg-template' type="text/template"><% for(var i in record){ var item=record[i]; %><div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'><!--消息时间显示--><% if(item.time){ %><div class="" style="text-align: center;"><span style="color: #C7C7CC;font-size: 12px;" id="chatTime"><%= item.time %></span></div><% } %><!--聊天内容头像--><% if(item.sender=='self' ) { %><i class="msg-user"><span style="display: block;font-size: 10px;overflow:hidden;line-height: 30px;" ><%= item.username %></span></i><% } else { %><!--<img class="msg-user-img" src="../images/logo.png" alt="" />--><i class="msg-user-img"><span style="display: block;font-size: 10px;overflow:hidden;line-height: 30px;"><%= item.username %></span></i><% } %><!--聊天内容--><div class="msg-content"><div class="msg-content-inner"><% if(item.type=='text' ) { %><%=( item.content|| '&nbsp;&nbsp;') %><% } %></div><!--div聊天内容边框布局--><div class="msg-content-arrow"></div></div><!--每条聊天消息之间空格开--><div class="mui-item-clear"></div></div><% } %></script><!--中间内容显示--><div class="mui-content"><div id='msg-list'></div></div><!--底部--><footer><!--图片--><div class="footer-left"><!--去除照片功能，保留布局--></div><!--输入框--><div class="footer-center"><textarea id='msg-text' type="text" class='input-text'></textarea></div><!--图标  点击事件是label标签--><label for="" class="footer-right"><i id='msg-type' class="mui-icon mui-icon-paperplane"></i></label></footer><script src="../js/apps.js" type="text/javascript" charset="utf-8"></script><script src="../js/moment.min.js" type="text/javascript" charset="utf-8"></script><script src="../js/mui.min.js"></script><script src="../js/arttmpl.js"></script><script type="text/javascript" charset="utf-8">(function($, doc) {$.init({//手势事件gestureConfig: {tap: true, //默认为truedoubletap: true, //默认为falselongtap: true, //默认为falseswipe: true, //默认为truedrag: true, //默认为truehold: true, //默认为false，不监听release: true //默认为false，不监听}});//js/arttmpl.js  必须引入该js文件template.config('escape', false);$.plusReady(function() {var self = plus.webview.currentWebview();var workId = self.workId;var workName = self.workName;//聊天框标题部分显示任务名称if(typeof(workName) == "undefined") {mui.alert("任务名称获取失败，请重新进入此页面", '温馨提示','确定',function(){},'div');return;}if(workName.length > 6) {workName = workName.substring(0, 5) + "...";console.log("修改拼接后的任务名称：" + workName);}document.getElementById("headerText").innerText = workName;//定义全局数组，每次消息接收或发送成功  都存储id至数组中(避免不断请求服务器获取数据信息重复显示)var chatMsgIdArray = new Array();// 输入框软键盘样式plus.webview.currentWebview().setStyle({softinputMode: "adjustResize"});//服务器先请求消息记录getChatMsg(workId, "");//定时刷新(每次传入的是当前最大对话id值)// 这里原则上使用 websocket 技术比较好setInterval(function() {getChatMsg(workId, "");}, 3500);//显示键盘// var showKeyboard = function() {// 	var Context = plus.android.importClass("android.content.Context");// 	var InputMethodManager = plus.android.importClass("android.view.inputmethod.InputMethodManager");// 	var main = plus.android.runtimeMainActivity();// 	var imm = main.getSystemService(Context.INPUT_METHOD_SERVICE);// 	imm.toggleSoftInput(0, InputMethodManager.SHOW_FORCED);// 	//var view = ((ViewGroup)main.findViewById(android.R.id.content)).getChildAt(0);// 	imm.showSoftInput(main.getWindow().getDecorView(), InputMethodManager.SHOW_IMPLICIT);// 	//alert("ll");// };//记录信息（消息对象体，包含消息发送者和发送的内容，消息样式等，目前只考虑 text）var record = [//显示格式/*{sender: 'zs',type: 'text',content: 'Hi，我是 MUI 小管家！'}*/];// 有点类似面向对象，这里是将各个节点对象进行获取、保存、封装var ui = {body: doc.querySelector('body'),footer: doc.querySelector('footer'),footerRight: doc.querySelector('.footer-right'),btnMsgType: doc.querySelector('#msg-type'),boxMsgText: doc.querySelector('#msg-text'),areaMsgList: doc.querySelector('#msg-list'),h: doc.querySelector('#h'),content: doc.querySelector('.mui-content')};// 设置每条消息的分割ui.h.style.width = ui.boxMsgText.offsetWidth + 'px';//alert(ui.boxMsgText.offsetWidth );--261var footerPadding = ui.footer.offsetHeight - ui.boxMsgText.offsetHeight;//显示消息内容函数，同时重新计算消息显示区域的 scrollTop 属性值var bindMsgList = function() {//先调用template处理(避免乱码)  将信息显示在areaMsgList中//msg-template  遍历循环的script的idui.areaMsgList.innerHTML = template('msg-template', {"record": record});//每次发送数据后   都应该显示至最新消息处ui.areaMsgList.scrollTop = ui.areaMsgList.scrollHeight + ui.areaMsgList.offsetHeight;};// 调用函数，显示内容bindMsgList();//界面窗口改变时的监听window.addEventListener('resize', function() {ui.areaMsgList.scrollTop = ui.areaMsgList.scrollHeight + ui.areaMsgList.offsetHeight;}, false);//发送消息函数var send = function(msg) {// 消息对象数组保存新的消息信息record.push(msg);// 发送消息，同时重新计算 scrollTop  属性bindMsgList();//服务器通信 (多热群聊，需要将消息传递给服务器)toRobot(msg.content);};//服务器请求  发送聊天信息var toRobot = function(info) {//发送对话console.log("发送对话内容：" + info);mui.ajax(config.host1 + "/work/workdialog/chat", {data: {workid: workId,content: info},dataType: "json",type: "post",timeout: 10000,headers: {'Content-Type': 'application/json','authorization': localStorage.getItem('accessToken')},success: function(res) {console.log("发送成功返回：" + JSON.stringify(res));// 这里应该还需要考虑重发机制},error: function(xhr, type, errorThrown) {console.log(type);if(type == "abort") {mui.toast("请检查您的网络！");} else if(type == "timeout") {mui.toast("消息发送超时！");}}})};// 消息输入框 收到焦点function msgTextFocus() {ui.boxMsgText.focus();// 延迟双收，保证输入框一定会获取到焦点setTimeout(function() {ui.boxMsgText.focus();}, 100);}//解决长按“发送”按钮，导致键盘关闭的问题；ui.footerRight.addEventListener('touchstart', function(event) {if(ui.btnMsgType.classList.contains('mui-icon-paperplane')) {msgTextFocus();event.preventDefault();}});//解决长按“发送”按钮，导致键盘关闭的问题；ui.footerRight.addEventListener('touchmove', function(event) {if(ui.btnMsgType.classList.contains('mui-icon-paperplane')) {msgTextFocus();event.preventDefault();}});//发送按钮  长按后释放   手势监听事件ui.footerRight.addEventListener('release', function(event) {if(ui.btnMsgType.classList.contains('mui-icon-paperplane')) {//showKeyboard();ui.boxMsgText.focus();setTimeout(function() {ui.boxMsgText.focus();}, 150);//event.detail.gesture.preventDefault();// 获取当前缓存中的登录账户用户名信息var userName = localStorage.getItem('userName');if(userName.length >= 2){userName = userName.substring(0,2)+"...";}//本机输入的先显示到界面上send({sender: 'self',type: 'text',//g全局匹配  i区分大小写  m多行匹配content: ui.boxMsgText.value.replace(new RegExp('\n', 'gm'), '<br/>'),username: userName,time: moment().format('HH:mm:ss')});//清空输入框中的数据ui.boxMsgText.value = '';$.trigger(ui.boxMsgText, 'input', null);}}, false);//监听输入框中内容改变时的事件信息ui.boxMsgText.addEventListener('input', function(event) {//原代码//ui.btnMsgType.classList[ui.boxMsgText.value == '' ? 'remove' : 'add']('mui-icon-paperplane');//将remove更改为add  不管input标签内是否有值   都显示"伪类" ----  即显示  "发送" 字样ui.btnMsgType.classList['add']('mui-icon-paperplane');ui.btnMsgType.setAttribute("for", ui.boxMsgText.value == '' ? '' : 'msg-text');ui.h.innerText = ui.boxMsgText.value.replace(new RegExp('\n', 'gm'), '\n-') || '-';ui.footer.style.height = (ui.h.offsetHeight + footerPadding) + 'px';console.log("重要参数offsetHeight：" + ui.h.offsetHeight);console.log("重要参数：" + footerPadding);ui.content.style.paddingBottom = ui.footer.style.height;});var focus = false;ui.boxMsgText.addEventListener('tap', function(event) {ui.boxMsgText.focus();setTimeout(function() {ui.boxMsgText.focus();}, 0);focus = true;setTimeout(function() {focus = false;}, 1000);event.detail.gesture.preventDefault();}, false);//点击消息列表，关闭键盘ui.areaMsgList.addEventListener('click', function(event) {if(!focus) {// 发送后消息输入框失去焦点ui.boxMsgText.blur();}})/*** 请求服务器聊天消息记录* @param {Object} taskIDs  任务id* @param {Object} dialogIDs  上次最大对话id(每次获取都需要存本地数据库并在此读取)*/function getChatMsg(taskIDs, dialogIDs) {mui.ajax(config.host1 + "/work/workdialog/chat", {data: {workid: taskIDs},dataType: "json",type: "get",timeout: 10000,headers: {'Content-Type': 'application/x-www-form-urlencoded','authorization': localStorage.getItem('accessToken')},success: function(res) {console.log(JSON.stringify(res));if(res.code != 200) {//发送失败(后续在做处理)return;} // 解析数据信息var datas = res.data;// 遍历数据信息for (var i = 0; i < datas.length; i++) {var obj = datas[i];// 获取消息id信息var msgId = obj.id;// 判断消息是否已经存在数组中if(idWhetherInArray(msgId)){return;}// 如果不存在数组中，则将id信息保存至数组chatMsgIdArray.push(msgId);// 获取发送者名字var user_name = obj.user_name?obj.user_name:"暂无";if(user_name.length >= 2){user_name = user_name.substring(0,2)+"...";}var content = obj.content;var create_time = obj.create_time;var nowDate = moment().format('YYYY-MM-DD');var serviceDate = moment.unix(create_time).utcOffset(8).format('YYYY-MM-DD');//今日显示时间  他日显示具体日期和时间var times;if(nowDate == serviceDate) {times = moment.unix(create_time).utcOffset(8).format('HH:mm:ss');} else {times = moment.unix(create_time).utcOffset(8).format('YYYY-MM-DD  HH:mm:ss');}// 获取区别标识，判断消息是自己发送的还是别人发送的var is_mine = obj.is_mine;if(1 == is_mine){// 自己发送的消息record.push({sender: 'self',type: 'text',content: content,username: user_name,time: times});}else{// 不是自己发送的，显示在视窗左边record.push({sender: 'zs',type: 'text',content: content,username: user_name,time: times});}//没有这个 不会显示(放在判断里面--避免每次成功回调会让布局重新计算下，导致不能向上看历史消息)bindMsgList();}},error: function(xhr, type, errorThrown) {}})}//判断ajax回调中的id是否在数组中有同样的值function idWhetherInArray(id) {var isExist = false;for(var i = 0; i < chatMsgIdArray.length; i++) {if(chatMsgIdArray[i] == id) {isExist = true;break;}}return isExist;}});}(mui, document));</script></body></html>

注意事项

必须保证导入arttmpl.js文件。

获取详细库

Hbuiler编辑器右键创建APP应用，选择MUI 样式模板即可。
在这里插入图片描述

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

PDF签名系列(2):PDF的签名值到底存在哪里?
来源：PDF签名系列(2):PDF的签名值到底存在哪里? - 知乎研究过PDF签名的同学应该见过下面这张图, 来自ADOBE的文档Acrobat_DigitalSignatures_in_PDF.pdf PDF被签名的内容是整个文档除去signature dictionary里/Contents下面的内容. 签过名的哈希值再连同其他一些…...
2024/4/14 17:03:49
【渝粤教育】国家开放大学2018年秋季 1108t钢结构（本）参考试题
试卷代号：1124 流行病学试题（开卷） 2019年1月一、单项选择题（每题2分，共20分） 1．三角病因模式是指( ) A．病原物、宿主、环境各占一角 B．动物、人、环境各占一角 C&…...
2024/4/14 17:03:49
预备役2022.1.17学习总结9
今天看书（大话数据结构），做总结： 写了两个题，是之前没写出来的，根据别人的提示然后改了过了。快排刚开始我按照啊哈算法上面写只对了一点，我觉得非常的奇怪，然后问了别人才知道模…...
2024/4/20 4:28:04
vtk vtkIterativeClosestPointTransform 点云数据配准最经典的方法是迭代最近点算法 ICP
点云数据配准最经典的方法是迭代最近点算法（Iterative Closest Points,ICP）。ICP算法是一个迭代的过程，每次迭代中对于源数据点P找到目标点集Q中的最近点，然后给予最小二乘原理求解当前的变换矩阵T。通过不断迭代迭代直至收敛&…...
2024/4/14 17:05:05
【ES源码分析】Transport模块的初始化
文章目录Transport模块的初始化ActionModule的初始化NetworkModule的初始化NetworkPluginNetty4TransportNetty4HttpServerTransportTransportServiceTransport模块的初始化传输模块的初始化主要的在节点启动时的构造函数中完成的。节点启动时，主要在构建函数中…...
2024/5/3 0:20:17
2021年高处安装、维护、拆除及高处安装、维护、拆除复审模拟考试
题库来源：安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通：高处安装、维护、拆除是安全生产模拟考试一点通生成的，高处安装、维护、拆除证模拟考试题库是根据高处安装、维护、拆除最新版教材汇编出高处安装、维护、拆除仿真模拟…...
2024/4/14 17:04:45
【解构主义与后现代主义】2
福柯：对现代历史的哲学批判，考察的中心问题是现代理性和人的主体性在西方社会兴起的社会历史条件知识考古学：对知识的先在结构的本原的揭示，同时在一定的结构中对另一些结构进行结构系谱学：通过寻找某个知识对应的…...
2024/4/25 16:34:28
共建共享做大5G“蛋糕”
共建共享做大5G“蛋糕”中国电信和中国联通日前联合宣布，截至2021年10月，双方商用部署共建共享5G基站超60万个，占全球已建5G基站数40%以上。我国5G建设能迅速取得世界规模领先的成绩，共建共享功不可没，应继续坚持并推广…...
2024/4/27 12:19:03
Ajax复习03-(XMLHttpRequest,数据交换格式,同源策略跨域,防抖节流)
XMLHttpRequest 什么是XMLHttpRequest XMLHttpRequest是浏览器内置的一个构造函数。作用：基于 new 出来的 XMLHttpRequest 实例对象，可以发起 Ajax 的请求。 axios 中的 axios.get()、axios.post()、axios() 方法，都是基于 XMLHttpReque…...
2024/4/14 17:05:00
发现一个下载年鉴网站夏泽网
http://nianjian.xiaze.com/tags.php?/%E4%B8%AD%E5%9B%BD%E7%BB%8F%E6%B5%8E%E4%BC%A6%E7%90%86%E5%AD%A6%E5%B9%B4%E9%89%B4/1/13642422041/...
2024/4/26 9:37:52
【渝粤教育】国家开放大学2018年秋季 0676-21T物流成本管理参考试题
编号：0688 座位号 2018～2019学年度第一学期期末考试老年精神障碍护理（开卷）试题 2018年11月名词解释（每题5分，共30分,） 器质性精神障碍老年期神经症阿尔茨海默病老年精神障碍人格解体…...
2024/5/2 22:41:08
【bat批处理脚本命令】bat命令接收用户输入的内容（保姆级图文+实现代码）
目录1. 核心代码2.基础应用，得到输入内容并打印3.综合应用，得到输入内容并保存在txt中总结欢迎关注『bat批处理脚本命令』系列，持续更新中欢迎关注『bat批处理脚本命令』系列，持续更新中『【bat批处理脚本命令】运行命令失败…...
2024/4/19 7:46:08
设置共享文件夹失败
原因： 1.共享文件夹设置在了使用管理员权限的方式创建文件夹的磁盘，Ubuntu无法已管理员身份对共享文件夹进项操作。管理员权限的方式创建文件夹判断方法：右键，观察“新建”选项是否有“蓝色盾牌”标记 2.没有设置共享文件夹在Ub…...
2024/4/14 17:05:10
2021年道路运输企业安全生产管理人员考试试卷及道路运输企业安全生产管理人员模拟试题
题库来源：安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通：道路运输企业安全生产管理人员考试试卷考前必练！安全生产模拟考试一点通每个月更新道路运输企业安全生产管理人员模拟试题题目及答案！多做几遍，…...
2024/5/3 1:23:57
ZooKeeper ： Curator框架之分布式屏障DistributedBarrier
DistributedBarrier DistributedBarrier类的源码注释： Distributed systems use barriers to block processing of a set of nodes until a condition is met at which time all the nodes are allowed to proceed. 分布式系统使用屏障来阻止一组节点的处理&#x…...
2024/4/14 17:04:45
记录一次腾讯实习投递经历（一）
-NeoZng[neozng1hnu.edu.cn] 笔者目前大三,因为参加比赛做计算机视觉相关的工作,一直想去旷视(之前没有任何实习经历),后来21年十月份机缘巧合下(同时也是头铁)投了腾讯,没想到还真过了两轮,结果最后被刷了,还是心有不甘.不过就单单三次的面试经历也让我学到了很多东西,在此按照…...
2024/5/3 1:53:34
Python学习小结2
四、if语句 1、条件测试检查是否相等car bmw，Python中检查是否相等时区分大小写; 检查是否不相等car ! bmw; 比较数值age 18, age < 20, age > 20; 检查多个条件 and, or； 检查特定值是否包含在列表中：bmw in cars; 检查特定值是否不…...
2024/4/16 14:36:48
Cannot execute binary file 之原因
文章目录1. 写在最前面2. 排查方向2.1 非 root 用户2.2 编译目标与执行环境不同2.3 程序需要的动态库或静态库缺失2.3.1 解决办法4. 等等4.1 真解决办法4.1.1 使用 CGO_ENABLED04.1.2 更换依赖的基础镜像5. 碎碎念6. 参考资料1. 写在最前面问题：笔者用 kaniko 构建…...
2024/5/3 6:01:36
3.3 栈的应用（括号匹配，中缀表达式求值，递归）
1. 栈的应用（括号匹配） 1.1 括号匹配问题1.2 算法演示 1.2.1 左括号不匹配1.2.2 右括号单身1.2.3 左括号单身 1.3 算法流程图1.4 算法实现1.5 知识回顾 2. 栈的应用（表达式求值第一季） 2.1 知识总览2.2 大家熟悉的算数表达式2.3 波…...
2024/4/7 4:19:57
简单谈谈动态代理
简单谈谈动态代理文章目录简单谈谈动态代理什么是代理模式？有哪些代理模式各代理模式的实现前置场景说明问题提出静态代理泛型静态代理新的问题动态代理具体步骤创建代理类Proxy.newProxyInstance动态代理工厂什么是代理模式？ 为其他对象提供一个代理以…...
2024/4/19 12:26:39

MUI——聊天窗口

文章目录

前言