当前位置：首页 > news >正文

jQuery-Word-Export 使用记录及完整修正文件下载 jquery.wordexport.js

news 2025/7/3 12:36:25

参考资料： jQuery-Word-Export导出word_jquery.wordexport.js下载-CSDN博客

近期又需要自己做个 Html2Doc 的解决方案，因为客户又不想要 Html2pdf 的下载了，当初还给我费尽心思解决Html转pdf时中文输出的问题（html转pdf文件下载之最合理的方法支持中文_jspdf.umd.min.js-CSDN博客）以及手机端下载pdf的问题（手机端 Android WebView 获取 blob 链接文件名并下载网页动态生成的 pdf 文件且调用外部程序打开_blob链接怎么打开-CSDN博客）

查了下，基于 IIS 的解决方案，感觉还是参考资料中的相对靠谱，测试了一下，页面上的例子正确工作，输出文件正确，之后逐步添加不同元素测试也正常，但是到加了 img 时就报错了：

问 AI 说是叫检查 jquery.word.export.js 的第 33行：

$('<canvas>').attr("id", "test_word_img_" + i).width(w).height(h).insertAfter(img_id);

看了前后代码，发现是 img 元素没有 id 造成的，这样的话，就需要修复 jquery.word.export.js，以下是修复后的代码，不管 img 有没有 id 都能正确输出了，当然，是交给通义千问去修复的：

if (typeof jQuery !== "undefined" && typeof saveAs !== "undefined") {(function ($) {$.fn.wordExport = function (fileName) {fileName = typeof fileName !== 'undefined' ? fileName : "jQuery-Word-Export";var static = {mhtml: {top: "Mime-Version: 1.0\nContent-Base: " + location.href + "\nContent-Type: Multipart/related; boundary=\"NEXT.ITEM-BOUNDARY\";type=\"text/html\"\n\n--NEXT.ITEM-BOUNDARY\nContent-Type: text/html; charset=\"utf-8\"\nContent-Location: " + location.href + "\n\n<!DOCTYPE html>\n<html>\n_html_</html>",head: "<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n<style>\n_styles_\n</style>\n</head>\n",body: "<body>_body_</body>"}};var options = {maxWidth: 624};// Clone selected element before manipulating it  var markup = $(this).clone();// Remove hidden elements from the output  markup.each(function () {var self = $(this);if (self.is(':hidden'))self.remove();});// Embed all images using Data URLs  var images = Array();var img = markup.find('img');for (var i = 0; i < img.length; i++) {// Calculate dimensions of output image  var w = Math.min(img[i].width, options.maxWidth);var h = img[i].height * (w / img[i].width);// Ensure each image has a unique idvar img_id = img[i].id || "dynamic_img_" + i;if (!img[i].id) {$(img[i]).attr("id", img_id);}$('<canvas>').attr("id", "test_word_img_" + i).width(w).height(h).insertAfter("#" + img_id);// Create canvas for converting image to data URL  var canvas = document.createElement("CANVAS");canvas.width = w;canvas.height = h;// Draw image to canvas  var context = canvas.getContext('2d');context.drawImage(img[i], 0, 0, w, h);// Get data URL encoding of image  var uri = canvas.toDataURL("image/png");// Save encoded image to array  images[i] = {type: uri.substring(uri.indexOf(":") + 1, uri.indexOf(";")),encoding: uri.substring(uri.indexOf(";") + 1, uri.indexOf(",")),location: "#" + img_id,data: uri.substring(uri.indexOf(",") + 1)};// Replace original image with canvas in markup$("#" + img_id).replaceWith(canvas);}// Prepare bottom of mhtml file with image data  var mhtmlBottom = "\n";for (var i = 0; i < images.length; i++) {mhtmlBottom += "--NEXT.ITEM-BOUNDARY\n";mhtmlBottom += "Content-Location: " + images[i].location + "\n";mhtmlBottom += "Content-Type: " + images[i].type + "\n";mhtmlBottom += "Content-Transfer-Encoding: " + images[i].encoding + "\n\n";mhtmlBottom += images[i].data + "\n\n";}mhtmlBottom += "--NEXT.ITEM-BOUNDARY--";//TODO: load css from included stylesheet  var styles = "";// Aggregate parts of the file together  var fileContent = static.mhtml.top.replace("_html_", static.mhtml.head.replace("_styles_", styles) + static.mhtml.body.replace("_body_", markup.html())) + mhtmlBottom;// Create a Blob with the file contents  var blob = new Blob([fileContent], {type: "application/msword;charset=utf-8"});saveAs(blob, fileName + ".doc");};})(jQuery);
} else {if (typeof jQuery === "undefined") {console.error("jQuery Word Export: missing dependency (jQuery)");}if (typeof saveAs === "undefined") {console.error("jQuery Word Export: missing dependency (FileSaver.js)");}
}

中间还遇到 img 标签中 src 使用其他网站的链接也会报错：

但是这是由于跨域问题，因此将图片放置到网站本地即可：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Export to DOCX</title><script src="./js/jquery-3.3.1.min.js"></script><script src="./js/FileSaver.js"></script><script src="./js/jquery.wordexport.js"></script>
</head>
<body>
<div id="contentAA"><h1>这是一个标题</h1><h1> Your content here...</h1><p>这是段落内容。</p><img src="./img/01.png" alt="示例图片">	<table border="1"><tr><th>表头1</th><th>表头2</th></tr><tr><td>数据1</td><td>数据2</td></tr></table><img src="./img/02.png" alt="示例图片">	
</div>
<hr/>
<button id="export">导出</button><script>$("#export").click(function(){$("#contentAA").wordExport();});</script>
</body>
</html>

图片也正常导出了，打开导出的文件看了一下，发现是个加了壳的 Html 文件，仔细看了下格式，发现这是 Mhtml 格式的，也即 .MHT 单个网页文件格式：

Mime-Version: 1.0
Content-Base: http://127.0.0.1/html2doc02.html
Content-Type: Multipart/related; boundary="NEXT.ITEM-BOUNDARY";type="text/html"--NEXT.ITEM-BOUNDARY
Content-Type: text/html; charset="utf-8"
Content-Location: http://127.0.0.1/html2doc02.html<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style></style>
</head>
<body><h1>这是一个标题</h1><h1> Your content here...</h1><p>这是段落内容。</p><img src="./img/01.png" alt="示例图片" id="dynamic_img_0">	<table border="1"><tbody><tr><th>表头1</th><th>表头2</th></tr><tr><td>数据1</td><td>数据2</td></tr></tbody></table><img src="./img/02.png" alt="示例图片" id="dynamic_img_1">	
</body></html>
--NEXT.ITEM-BOUNDARY
Content-Location: #dynamic_img_0
Content-Type: image/png
Content-Transfer-Encoding: base64iVBORw0KGgoAAAANSUhEUgAAAFAAAAAwCAYAAACG5f33AAAAAXNSR0IArs4c6QAABRFJREFUaEPtm71rFEEUwN8Zc8ldbAykUjuttJBYSCzEgKLiByiksEghiqKi4EchEQwRjFFiAkoExUKwEKIRESwEC/FvUBS0EKKFJCTx43I5v1beyCxz72Z33ps99i5w297szHu/fd+TZIIgCKDxeBPINAB6s1MvNgAm49cAmJBfA2DNAP5+8xZ+PnoMP5+/gL+TnxLJsWTVSsidPgktPfsT7VOLlyti4K+Xr6A4eA3+fJmCYGYmNZkyLS2w/MPr1M6LOwgZLNy6A9me/c6PWgFwrnMT/J2eBqhBddM++b4uACoGU1PA+agVAGdWrQEsDDMOVZZ0dEB2x1Zo3rMLmrs2eiuO5+mnXgBKZLICTFMhibBRX6n08DEUR2+qn5tWrlAftbX3QCofddEDLI7cCOGZxDAp5c6c8oIo+ag1Bzi7eh0EpZJSNHf+HOROHGUpjYG+0NcfWwH4ZvdUAWpFFACPUmR+4DIs3L33vy0SZGId6DXt5i2bYdnYKPw4cRpQJv1I9tTvpArQVMRHWLQ+tEJu3LVZXsve3ZAfGVIfAPeb7+uH0vhEuKfEsvGl1ADS+IOBOz94ieWC5iKuwAgPLSz49i18HeG1jY1WnEktO3/lkrOmS9UCKbwoRTg0uQCp25qWR89BS5xbuyGMr2idXIhceVTYoeMs18s2F1Lx5+4t5UI+j+tM3BPP/d57KNyeY+3FsdtQHBoWx0OOPGGMlQAsc6FMhtWtcDIhR2Bqfdyim0JsG7nqdGWOPGKAPvC4mdAl8ML9BzDfd1FkfaYnmKUSJ9G55DH3Zrvw3KbusObitHrUleMsxiWwaX0+sZZaoct6XfJ4ATSFYMUf0iEkAWgqhBMbn1grgSJZy7ZAalF65GPrOyUZOkwOGFMBoO36UEWMkigUlcQke0jWegM0XdrsOyk8V4ZW+3z6HCYktK5c/4VwGECzr8v9OABdiaRqAOMOMgtVVQ+1tysIwexsqIMLHi7E0DA/NFwxPtPdg2/2pSAliSQRQHpQVPGJheqPw8fL+k5TaA48c31UzWYqw4m9URYoSSSJABbOni/rI+PS/sKDcSgODEJQKJTJncnnoRUnKwd7RXW1rS+WKOM6jLsXd521E6Eug4to3NEDTNdlEhbRrceOiIabVHiJMnUB0BQYBcK6K9uzT12yLO1cD6Wnz6wzuOzunaq8KE08idTD1ZXQghk/3KIHiHXX165udclie2hDbxsnlRWeMTM/W8FsAnRlz7qwwLIk0tQEyz++K7MCLWTcJATXxIGMKkVsBbMke9YFQFu2MpVAIc1syL1D1fvGZVKbu0qyZxxAST0pCRvWPy6iG+iaL7t9mxpemq2U5A7V10IkCkWdIaknJeexAEYJZQv6Lkhxv0cJLlGI04m46knJed4A6XjdnJJw3ZoqGyW4782dub8EimStN0DqEnpKYoLlzN44Svre3HH2tllsKgBNq9AuYbv0kTT/UYLTDsWnnJFAkaz1tkCaVW3wXLGG68K4Lkk5I43VqQCkypvjLVrqcBNLnOA+dxv6XOlEuyYApRNrn9hDrdCcG0Z9JFr/cSbaNQHItTKfMka/Q63Q50xOTF6UALmdQhKI3JhsWroLuDOJ4ATFNbZyWQJnrCXpFFwDC5s8XHj4Lqft1GdYAdLe1wWo2r9LlK322dL9rACTuIlUANt6l9tU44xq7RH5n0rVyKoopNTdFpP1oX6Nf/VKaIoNgA2ACQkkfP0f773NrWxc5+8AAAAASUVORK5CYII=--NEXT.ITEM-BOUNDARY
Content-Location: #dynamic_img_1
Content-Type: image/png
Content-Transfer-Encoding: base64iVBORw0KGgoAAAANSUhEUgAAABMAAAALCAYAAACd1bY6AAAAAXNSR0IArs4c6QAAAHRJREFUOE9j/P///38GKgFGUgxT3uSLYu1dv80ofBTD0BXDVMI0geSxsWHqMAxDtw2XAcjiGIbBXIXPMGQ/ETQM3SCQZmyacFkM9yYxLkMOU2wWY40AZIUwl+GyDNnrGEkDW4yCDMcV08gxTlI6I5S2qWoYAMYcbeBk+Zz2AAAAAElFTkSuQmCC--NEXT.ITEM-BOUNDARY--

既然如此，那么就有很多方法可以输出这种格式的文件了。不一定非得用 jQuery-Word-Export 了，而且从代码看 jquery.wordexport.js ，还可以做很多优化和自定义，现在这个只能勉强算是验证，还不能投入实用。

刚刚测试了 <img src="data:image/png;base64, 格式的图片，发现无法输出后无法在 word 2003 中显示，是因为没有处理 Src 和图片资源区 Content-Location: #dynamic_img_0 这样的设置不对造成的，按照 MHTML 格式规范，手工修改了一下下载的文件，在 Word 2003 里面就能正确显示图片了：

Mime-Version: 1.0
Content-Type: Multipart/related; boundary="NEXT.ITEM-BOUNDARY";type="text/html"--NEXT.ITEM-BOUNDARY
Content-Type: text/html; charset="utf-8"<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style></style>
</head>
<body><h1>这是一个标题</h1><p>这是段落内容。</p><img src="02.png" alt="示例图片">	<table border="1"><tbody><tr><th>表头1</th><th>表头2</th></tr><tr><td>数据1</td><td>数据2</td></tr></tbody></table><img src="01.png" alt="示例图片">	
</body></html>
--NEXT.ITEM-BOUNDARY
Content-Type: image/png
Content-Transfer-Encoding: base64
Content-Location: 01.pngiVBORw0KGgoAAAANSUhEUgAAAFAAAAAwCAYAAACG5f33AAAAAXNSR0IArs4c6QAABRFJREFUaEPtm71rFEEUwN8Zc8ldbAykUjuttJBYSCzEgKLiByiksEghiqKi4EchEQwRjFFiAkoExUKwEKIRESwEC/FvUBS0EKKFJCTx43I5v1beyCxz72Z33ps99i5w297szHu/fd+TZIIgCKDxeBPINAB6s1MvNgAm49cAmJBfA2DNAP5+8xZ+PnoMP5+/gL+TnxLJsWTVSsidPgktPfsT7VOLlyti4K+Xr6A4eA3+fJmCYGYmNZkyLS2w/MPr1M6LOwgZLNy6A9me/c6PWgFwrnMT/J2eBqhBddM++b4uACoGU1PA+agVAGdWrQEsDDMOVZZ0dEB2x1Zo3rMLmrs2eiuO5+mnXgBKZLICTFMhibBRX6n08DEUR2+qn5tWrlAftbX3QCofddEDLI7cCOGZxDAp5c6c8oIo+ag1Bzi7eh0EpZJSNHf+HOROHGUpjYG+0NcfWwH4ZvdUAWpFFACPUmR+4DIs3L33vy0SZGId6DXt5i2bYdnYKPw4cRpQJv1I9tTvpArQVMRHWLQ+tEJu3LVZXsve3ZAfGVIfAPeb7+uH0vhEuKfEsvGl1ADS+IOBOz94ieWC5iKuwAgPLSz49i18HeG1jY1WnEktO3/lkrOmS9UCKbwoRTg0uQCp25qWR89BS5xbuyGMr2idXIhceVTYoeMs18s2F1Lx5+4t5UI+j+tM3BPP/d57KNyeY+3FsdtQHBoWx0OOPGGMlQAsc6FMhtWtcDIhR2Bqfdyim0JsG7nqdGWOPGKAPvC4mdAl8ML9BzDfd1FkfaYnmKUSJ9G55DH3Zrvw3KbusObitHrUleMsxiWwaX0+sZZaoct6XfJ4ATSFYMUf0iEkAWgqhBMbn1grgSJZy7ZAalF65GPrOyUZOkwOGFMBoO36UEWMkigUlcQke0jWegM0XdrsOyk8V4ZW+3z6HCYktK5c/4VwGECzr8v9OABdiaRqAOMOMgtVVQ+1tysIwexsqIMLHi7E0DA/NFwxPtPdg2/2pSAliSQRQHpQVPGJheqPw8fL+k5TaA48c31UzWYqw4m9URYoSSSJABbOni/rI+PS/sKDcSgODEJQKJTJncnnoRUnKwd7RXW1rS+WKOM6jLsXd521E6Eug4to3NEDTNdlEhbRrceOiIabVHiJMnUB0BQYBcK6K9uzT12yLO1cD6Wnz6wzuOzunaq8KE08idTD1ZXQghk/3KIHiHXX165udclie2hDbxsnlRWeMTM/W8FsAnRlz7qwwLIk0tQEyz++K7MCLWTcJATXxIGMKkVsBbMke9YFQFu2MpVAIc1syL1D1fvGZVKbu0qyZxxAST0pCRvWPy6iG+iaL7t9mxpemq2U5A7V10IkCkWdIaknJeexAEYJZQv6Lkhxv0cJLlGI04m46knJed4A6XjdnJJw3ZoqGyW4782dub8EimStN0DqEnpKYoLlzN44Svre3HH2tllsKgBNq9AuYbv0kTT/UYLTDsWnnJFAkaz1tkCaVW3wXLGG68K4Lkk5I43VqQCkypvjLVrqcBNLnOA+dxv6XOlEuyYApRNrn9hDrdCcG0Z9JFr/cSbaNQHItTKfMka/Q63Q50xOTF6UALmdQhKI3JhsWroLuDOJ4ATFNbZyWQJnrCXpFFwDC5s8XHj4Lqft1GdYAdLe1wWo2r9LlK322dL9rACTuIlUANt6l9tU44xq7RH5n0rVyKoopNTdFpP1oX6Nf/VKaIoNgA2ACQkkfP0f773NrWxc5+8AAAAASUVORK5CYII=--NEXT.ITEM-BOUNDARY
Content-Type: image/png
Content-Transfer-Encoding: base64
Content-Location: 02.pngiVBORw0KGgoAAAANSUhEUgAAABMAAAALCAYAAACd1bY6AAAAAXNSR0IArs4c6QAAAHRJREFUOE9j/P///38GKgFGUgxT3uSLYu1dv80ofBTD0BXDVMI0geSxsWHqMAxDtw2XAcjiGIbBXIXPMGQ/ETQM3SCQZmyacFkM9yYxLkMOU2wWY40AZIUwl+GyDNnrGEkDW4yCDMcV08gxTlI6I5S2qWoYAMYcbeBk+Zz2AAAAAElFTkSuQmCC--NEXT.ITEM-BOUNDARY--

下一步就是继续修正 jquery.word.export.js 让它能正确按照这个格式输出文件，并且正确处理 <img 的 Src 属性。

下面补充一下 FileSaver.js ，省得还要去 github下载，好麻烦：

/* FileSaver.js * A saveAs() FileSaver implementation. * 1.3.2 * 2016-06-16 18:25:19 * * By Eli Grey, http://eligrey.com * License: MIT *   See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md */  /*global self */  
/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */  /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */  var saveAs = saveAs || (function(view) {  "use strict";  // IE <10 is explicitly unsupported  if (typeof view === "undefined" || typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) {  return;  }  var  doc = view.document  // only get URL when necessary in case Blob.js hasn't overridden it yet  , get_URL = function() {  return view.URL || view.webkitURL || view;  }  , save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")  , can_use_save_link = "download" in save_link  , click = function(node) {  var event = new MouseEvent("click");  node.dispatchEvent(event);  }  , is_safari = /constructor/i.test(view.HTMLElement)  , is_chrome_ios =/CriOS\/[\d]+/.test(navigator.userAgent)  , throw_outside = function(ex) {  (view.setImmediate || view.setTimeout)(function() {  throw ex;  }, 0);  }  , force_saveable_type = "application/octet-stream"  // the Blob API is fundamentally broken as there is no "downloadfinished" event to subscribe to  , arbitrary_revoke_timeout = 1000 * 40 // in ms  , revoke = function(file) {  var revoker = function() {  if (typeof file === "string") { // file is an object URL  get_URL().revokeObjectURL(file);  } else { // file is a File  file.remove();  }  };  setTimeout(revoker, arbitrary_revoke_timeout);  }  , dispatch = function(filesaver, event_types, event) {  event_types = [].concat(event_types);  var i = event_types.length;  while (i--) {  var listener = filesaver["on" + event_types[i]];  if (typeof listener === "function") {  try {  listener.call(filesaver, event || filesaver);  } catch (ex) {  throw_outside(ex);  }  }  }  }  , auto_bom = function(blob) {  // prepend BOM for UTF-8 XML and text/* types (including HTML)  // note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF  if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {  return new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});  }  return blob;  }  , FileSaver = function(blob, name, no_auto_bom) {  if (!no_auto_bom) {  blob = auto_bom(blob);  }  // First try a.download, then web filesystem, then object URLs  var  filesaver = this  , type = blob.type  , force = type === force_saveable_type  , object_url  , dispatch_all = function() {  dispatch(filesaver, "writestart progress write writeend".split(" "));  }  // on any filesys errors revert to saving with object URLs  , fs_error = function() {  if ((is_chrome_ios || (force && is_safari)) && view.FileReader) {  // Safari doesn't allow downloading of blob urls  var reader = new FileReader();  reader.onloadend = function() {  var url = is_chrome_ios ? reader.result : reader.result.replace(/^data:[^;]*;/, 'data:attachment/file;');  var popup = view.open(url, '_blank');  if(!popup) view.location.href = url;  url=undefined; // release reference before dispatching  filesaver.readyState = filesaver.DONE;  dispatch_all();  };  reader.readAsDataURL(blob);  filesaver.readyState = filesaver.INIT;  return;  }  // don't create more object URLs than needed  if (!object_url) {  object_url = get_URL().createObjectURL(blob);  }  if (force) {  view.location.href = object_url;  } else {  var opened = view.open(object_url, "_blank");  if (!opened) {  // Apple does not allow window.open, see https://developer.apple.com/library/safari/documentation/Tools/Conceptual/SafariExtensionGuide/WorkingwithWindowsandTabs/WorkingwithWindowsandTabs.html  view.location.href = object_url;  }  }  filesaver.readyState = filesaver.DONE;  dispatch_all();  revoke(object_url);  }  ;  filesaver.readyState = filesaver.INIT;  if (can_use_save_link) {  object_url = get_URL().createObjectURL(blob);  setTimeout(function() {  save_link.href = object_url;  save_link.download = name;  click(save_link);  dispatch_all();  revoke(object_url);  filesaver.readyState = filesaver.DONE;  });  return;  }  fs_error();  }  , FS_proto = FileSaver.prototype  , saveAs = function(blob, name, no_auto_bom) {  return new FileSaver(blob, name || blob.name || "download", no_auto_bom);  }  ;  // IE 10+ (native saveAs)  if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) {  return function(blob, name, no_auto_bom) {  name = name || blob.name || "download";  if (!no_auto_bom) {  blob = auto_bom(blob);  }  return navigator.msSaveOrOpenBlob(blob, name);  };  }  FS_proto.abort = function(){};  FS_proto.readyState = FS_proto.INIT = 0;  FS_proto.WRITING = 1;  FS_proto.DONE = 2;  FS_proto.error =  FS_proto.onwritestart =  FS_proto.onprogress =  FS_proto.onwrite =  FS_proto.onabort =  FS_proto.onerror =  FS_proto.onwriteend =  null;  return saveAs;  
}(  typeof self !== "undefined" && self  || typeof window !== "undefined" && window  || this.content  
));  
// `self` is undefined in Firefox for Android content script context  
// while `this` is nsIContentFrameMessageManager  
// with an attribute `content` that corresponds to the window  if (typeof module !== "undefined" && module.exports) {  module.exports.saveAs = saveAs;  
} else if ((typeof define !== "undefined" && define !== null) && (define.amd !== null)) {  define([], function() {  return saveAs;  });  
}

jQuery-Word-Export 使用记录及完整修正文件下载 jquery.wordexport.js

参考资料： jQuery-Word-Export导出word_jquery.wordexport.js下载-CSDN博客近期又需要自己做个 Html2Doc 的解决方案，因为客户又不想要 Html2pdf 的下载了，当初还给我费尽心思解决Html转pdf时中文输出的问题（html转pdf文件下载之…...

编程日记 2024/11/27 4:47:40

云服务器部署WebSocket项目

WebSocket是一种在单个TCP连接上进行全双工通信的协议，其设计的目的是在Web浏览器和Web服务器之间进行实时通信（实时Web） WebSocket协议的优点包括： 1. 更高效的网络利用率：与HTTP相比，WebSocket的握手只…...

编程日记 2024/11/27 4:45:38

C#+数据库实现动态权限设置

将权限信息存储在数据库中，支持动态调整。根据用户所属的角色、特定的功能模块，动态加载权限” 1. 数据库设计根据这种需求，可以通过以下表设计： 用户表 (Users)：存储用户信息。角色表 (Roles)：存储角色…...

编程日记 2024/11/27 4:39:29

（原创）Android Studio新老界面UI切换及老版本下载地址

前言这两天下载了一个新版的Android Studio，发现整个界面都发生了很大改动： 新的界面的一些设置可参考一些博客： Android Studio新版UI常用设置但是对于一些急着开发的小伙伴来说，没有时间去适应，那么怎么办呢&am…...

编程日记 2024/11/27 4:36:27

Ubuntu24虚拟机-gnome-boxes

推荐使用gnome-boxes， virtualbox构建失败，multipass需要开启防火墙 sudo apt install gnome-boxes创建完毕～...

编程日记 2024/11/27 4:34:23

k8s rainbond centos7/win10 -20241124

参考 https://www.rainbond.com/ 国内一站式云原生平台对centos7环境支持不太行 [lighthouseVM-16-5-centos ~]$ curl -o install.sh https://get.rainbond.com && bash ./install.sh 2024-11-24 09:56:57 ERROR: Ops! Docker daemon is not running. Start docke…...

编程日记 2024/11/27 4:31:20

SpringBoot+Vue滑雪社区网站设计与实现

【1】系统介绍研究背景随着互联网技术的快速发展和冰雪运动的普及，滑雪作为一种受欢迎的冬季运动项目，吸引了越来越多的爱好者。与此同时，社交媒体和在线社区平台的兴起为滑雪爱好者提供了一个交流经验、分享心得、获取信息的重要渠道。滑…...

编程日记 2024/11/27 4:28:16

MySql.2

sql查询语句执行过程 SQL 查询语句的执行过程是一个复杂的过程，涉及多个步骤。以下是典型的关系数据库管理系统 (RDBMS) 中 SQL 查询语句的执行过程概述： 1. ‌客户端发送查询‌ 用户通过 SQL 客户端或应用程序发送 SQL 查询语句给数据库服务器。 2. ‌…...

编程日记 2024/11/27 4:27:14

算法之区间和题目讲解

题干难度：简单题目分析题目要求算出每个指定区间内元素的总和。然而，区间在输入的最下面，所以按照暴力破解的思路，我们首先要遍历数组，把它的值都存进去。然后，遍历下面的区间，从索引a…...

编程日记 2024/11/27 4:09:58

价格分类(神经网络)

# 1.导入依赖包 import timeimport torch import torch.nn as nn import torch.optim as optimfrom torch.utils.data import TensorDataset, DataLoader from sklearn.model_selection import train_test_splitimport numpy as np import pandas as pd import matplotlib.pypl…...

编程日记 2024/11/27 4:05:55

对智能电视直播App的恶意监控

首先我们要指出中国广电总局推出的一个政策性文件是恶意监控的始作俑者，这个广电总局的政策性文件禁止智能电视和电视盒子安装直播软件。应该说这个政策性文件是为了保护特殊利益集团，阻挠技术进步和发展的。有那么一些电视机和电视盒子的厂商和电信运…...

编程日记 2024/11/27 4:04:54

【JavaEE初阶】多线程初阶下部

文章目录前言一、volatile关键字volatile 能保证内存可见性二、wait 和 notify2.1 wait()方法2.2 notify()方法2.3 notifyAll()方法2.4 wait 和 sleep 的对比（面试题） 三、多线程案例单例模式四、总结-保证线程安全的思路五、对比线程和进程总结前言…...

编程日记 2024/11/27 4:00:49

macOS上进行Ant Design Pro实战教程（一）

由于一个AI项目的前端使用了umi，本教程根据阿里官网上的《Ant Design 实战教程（beta 版）》来实操一下，我使用macOS操作系统，VS Code 开发环境。一、开发环境 1、安装nodejs, npm, yarn 官网上建议使用cnpm&#xf…...

编程日记 2024/11/27 3:54:45

智能合约运行原理

点个关注吧！！ 用一句话来总结，智能合约就像是一个自动售货机：你投入硬币（触发条件），选择商品（执行合约），然后机器就会自动给你商品（执行结果&…...

编程日记 2024/11/27 3:51:41

安卓动态添加View

在安卓应用中，有很多时候需要动态添加View。比如从后台获取商品列表，根据商品数量在页面渲染对应数量的条目，这时候就需要动态添加View。 1.动态添加View的方法动态添加View有两种方法： 由代码生成子View：这种方式…...

编程日记 2024/11/27 3:46:35

前端预览pdf文件流

需求后端接口返回pdf文件流，实现新窗口预览pdf。解决方案把后端返回的pdf文件流转为blob路径，利用浏览器直接预览。具体实现步骤 1、引入axios import axios from axios;2、创建预览方法（具体使用时将axios的请求路径替换为你的后端…...

编程日记 2024/11/27 3:44:31

【测试工具JMeter篇】JMeter性能测试入门级教程（一）出炉，测试君请各位收藏了！！！

一、前言 Apache JMeter是纯Java的开源软件，最初由Apache软件基金会的Stefano Mazzocchi开发，旨在加载测试功能行为和测量性能。可以使用JMeter进行性能测试，即针对重负载、多用户和并发流量测试Web应用程序。我们选择JMeter原因是否测试过…...

编程日记 2024/11/27 3:42:29

【zookeeper03】消息队列与微服务之zookeeper集群部署

ZooKeeper 集群部署 1.ZooKeeper 集群介绍 ZooKeeper集群用于解决单点和单机性能及数据高可用等问题。集群结构 Zookeeper集群基于Master/Slave的模型处于主要地位负责处理写操作)的主机称为Leader节点，处于次要地位主要负责处理读操作的主机称为 follower 节点…...

编程日记 2024/11/27 3:40:25

从 Llama 1 到 3.1：Llama 模型架构演进详解

编者按： 面对 Llama 模型家族的持续更新，您是否想要了解它们之间的关键区别和实际性能表现？本文将探讨 Llama 系列模型的架构演变，梳理了 Llama 模型从 1.0 到 3.1 的完整演进历程，深入剖析了每个版本的技术创新&#…...

编程日记 2024/11/27 3:39:24

UE5肉鸽游戏教程学习

学习地址推荐：UE5肉鸽项目实战教程_哔哩哔哩_bilibili...

编程日记 2024/11/27 3:35:17

XML Group端口详解

在XML数据映射过程中，经常需要对数据进行分组聚合操作。例如，当处理包含多个物料明细的XML文件时，可能需要将相同物料号的明细归为一组，或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码，增加了开…...

编程新知 2025/7/2 6:25:16

Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动

一、前言说明在2011版本的gb28181协议中，拉取视频流只要求udp方式，从2016开始要求新增支持tcp被动和tcp主动两种方式，udp理论上会丢包的，所以实际使用过程可能会出现画面花屏的情况，而tcp肯定不丢包，起码…...

编程新知 2025/7/2 17:01:56

Zustand 状态管理库：极简而强大的解决方案

Zustand 是一个轻量级、快速和可扩展的状态管理库，特别适合 React 应用。它以简洁的 API 和高效的性能解决了 Redux 等状态管理方案中的繁琐问题。核心优势对比基本使用指南 1. 创建 Store // store.js import create from zustandconst useStore create((set)…...

编程新知 2025/7/3 6:17:45

DockerHub与私有镜像仓库在容器化中的应用与管理

哈喽，大家好，我是左手python！ Docker Hub的应用与管理 Docker Hub的基本概念与使用方法 Docker Hub是Docker官方提供的一个公共镜像仓库，用户可以在其中找到各种操作系统、软件和应用的镜像。开发者可以通过Docker Hub轻松获取所…...

编程新知 2025/6/27 0:59:29

反射获取方法和属性

Java反射获取方法在Java中，反射（Reflection）是一种强大的机制，允许程序在运行时访问和操作类的内部属性和方法。通过反射，可以动态地创建对象、调用方法、改变属性值，这在很多Java框架中如Spring和Hiberna…...

编程新知 2025/6/19 6:08:24

AI编程--插件对比分析：CodeRider、GitHub Copilot及其他

AI编程插件对比分析：CodeRider、GitHub Copilot及其他随着人工智能技术的快速发展，AI编程插件已成为提升开发者生产力的重要工具。CodeRider和GitHub Copilot作为市场上的领先者，分别以其独特的特性和生态系统吸引了大量开发者。本文将从功…...

编程新知 2025/6/21 2:30:31

打手机检测算法AI智能分析网关V4守护公共/工业/医疗等多场景安全应用

一、方案背景在现代生产与生活场景中，如工厂高危作业区、医院手术室、公共场景等，人员违规打手机的行为潜藏着巨大风险。传统依靠人工巡查的监管方式，存在效率低、覆盖面不足、判断主观性强等问题，难以满足对人员打手机行为精…...

编程新知 2025/6/21 16:40:01

嵌入式学习之系统编程(九)OSI模型、TCP/IP模型、UDP协议网络相关编程（6.3）

目录一、网络编程--OSI模型二、网络编程--TCP/IP模型三、网络接口四、UDP网络相关编程及主要函数编辑编辑 UDP的特征 socke函数 bind函数 recvfrom函数（接收函数） sendto函数（发送函数） 五、网络编程之 UDP 用…...

编程新知 2025/7/3 9:59:33

二维FDTD算法仿真

二维FDTD算法仿真，并带完全匹配层，输入波形为高斯波、平面波 FDTD_二维/FDTD.zip , 6075 FDTD_二维/FDTD_31.m , 1029 FDTD_二维/FDTD_32.m , 2806 FDTD_二维/FDTD_33.m , 3782 FDTD_二维/FDTD_34.m , 4182 FDTD_二维/FDTD_35.m , 4793...

编程新知 2025/6/16 21:17:15

2.3 物理层设备

在这个视频中，我们要学习工作在物理层的两种网络设备，分别是中继器和集线器。首先来看中继器。在计算机网络中两个节点之间，需要通过物理传输媒体或者说物理传输介质进行连接。像同轴电缆、双绞线就是典型的传输介质，假设A节点要给…...

编程新知 2025/7/1 18:10:15

相关文章：