前端性能优化——桌面浏览器前端优化策略

前端大全 · 公众号 · 前端 · 2018-01-10 20:49

正文

请到「今天看啥」查看全文

17．避免使用CSS import引用加载CSS

CSS中的@import可以从另一个样式文件中引入样式，但应该避免这种用法，因为这样会增加CSS资源加载的关键路径长度，带有@import的CSS样式需要在CSS文件串行解析到@import时才会加载另外的CSS文件，大大延后CSS渲染完成的时间。

二、页面渲染类

1．把CSS资源引用放到HTML文件顶部

一般推荐将所有CSS资源尽早指定在HTML文档中，这样浏览器可以优先下载CSS并尽早完成页面渲染。

2．JavaScript资源引用放到HTML文件底部

JavaScript资源放到HTML文档底部可以防止JavaScript的加载和解析执行对页面渲染造成阻塞。由于JavaScript资源默认是解析阻塞的，除非被标记为异步或者通过其他的异步方式加载，否则会阻塞HTML DOM解析和CSS渲染的过程。

3．不要在HTML中直接缩放图片

在HTML中直接缩放图片会导致页面内容的重排重绘，此时可能会使页面中的其他操作产生卡顿，因此要尽量减少在页面中直接进行图片缩放。

4．减少DOM元素数量和深度

HTML中标签元素越多，标签的层级越深，浏览器解析DOM并绘制到浏览器中所花的时间就越长，所以应尽可能保持DOM元素简洁和层级较少。

5．尽量避免使用

、等慢元素<p><span style="font-size: 15px;"> </span></p><p><span style="font-size: 15px;"><table>内容的渲染是将table的DOM渲染树全部生成完并一次性绘制到页面上的，所以在长表格渲染时很耗性能，应该尽量避免使用它，可以考虑使用列表元素<ul>代替。尽量使用异步的方式动态添加iframe，因为iframe内资源的下载进程会阻塞父页面静态资源的下载与CSS及HTML DOM的解析。<p><br></p><p><strong><span style="font-size: 15px;">6．避免运行耗时的JavaScript</span></strong></p><p><span style="font-size: 15px;"> </span></p><p><span style="font-size: 15px;">长时间运行的JavaScript会阻塞浏览器构建DOM树、DOM渲染树、渲染页面。所以，任何与页面初次渲染无关的逻辑功能都应该延迟加载执行，这和JavaScript资源的异步加载思路是一致的。</span></p><p><br></p><p><strong><span style="font-size: 15px;">7．避免使用CSS表达式或CSS滤镜</span></strong></p><p><span style="font-size: 15px;"> </span></p><p><span style="font-size: 15px;">CSS表达式或CSS滤镜的解析渲染速度是比较慢的，在有其他解决方案的情况下应该尽量避免使用。</span></p><p><br></p><blockquote><p><span style="font-size: 12px;">// 不推荐</span></p><p><span style="font-size: 12px;">.opacity{</span></p><p><span style="font-size: 12px;"> filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);</span></p><p><span style="font-size: 12px;">}</span></p></blockquote><p><br></p><p><br></p><p style="max-width: 100%;min-height: 1em;color: rgb(62, 62, 62);font-size: 16px;white-space: normal;background-color: rgb(255, 255, 255);text-align: center;box-sizing: border-box !important;word-wrap: break-word !important;"><span style="max-width: 100%;font-size: 14px;color: rgb(255, 169, 0);box-sizing: border-box !important;word-wrap: break-word !important;">觉得本文对你有帮助？请分享给更多人</span></p><p style="max-width: 100%;min-height: 1em;color: rgb(62, 62, 62);font-size: 16px;white-space: normal;line-height: 25.6px;text-align: center;background-color: rgb(255, 255, 255);box-sizing: border-box !important;word-wrap: break-word !important;"><strong style="max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;"><span style="max-width: 100%;color: rgb(255, 169, 0);box-sizing: border-box !important;word-wrap: break-word !important;">关注「前端大全」，提升前端技能</span></strong></p><p style="max-width: 100%;min-height: 1em;color: rgb(62, 62, 62);font-size: 16px;white-space: normal;line-height: 25.6px;text-align: center;background-color: rgb(255, 255, 255);box-sizing: border-box !important;word-wrap: break-word !important;"><img class="" data-ratio="0.9166666666666666" referrerpolicy="no-referrer" data- referrerpolicy="no-referrer" src="http://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib0lZCEKibSLcyLMVa3iaNzhWkSPnEBk28r5AAcL4fS03LQn1RWA5M58d7kvysRCibKpHibjs1szyRmnOQ/640?wx_fmt=png" data-type="png" data-w="600" style="box-sizing: border-box !important;word-wrap: break-word !important;visibility: visible !important;width: auto !important;" width="auto"></p> <script nonce="1642604045" type="text/javascript"> var first_sceen__time = (+new Date()); if ("" == 1 && document.getElementById('js_content')) { document.getElementById('js_content').addEventListener("selectstart",function(e){ e.preventDefault(); }); } (function(){ if (navigator.userAgent.indexOf("WindowsWechat") != -1){ var link = document.createElement('link'); var head = document.getElementsByTagName('head')[0]; link.rel = 'stylesheet'; link.type = 'text/css'; link.href = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_winwx31619e.css"; head.appendChild(link); } })(); </script> <div class="ct_mpda_wrp" id="js_sponsor_ad_area" style="display:none;"></div> <div class="reward_area tc" id="js_preview_reward" style="display:none;"> <p id="js_preview_reward_wording" class="tips_global reward_tips" style="display:none;"></p> <p> <a class="reward_access" id="js_preview_reward_link" href="##">赞赏</a> </p> </div> <div class="reward_qrcode_area reward_area tc" id="js_preview_reward_qrcode" style="display:none;"> <p class="tips_global">长按二维码向我转账</p> <p id="js_preview_reward_ios_wording" class="reward_tips" style="display:none;"></p> <span class="reward_qrcode_img_wrp"><img class="reward_qrcode_img" src="//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/pic/appmsg/pic_reward_qrcode.2x3534dd.png"></span> <p class="tips_global">受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。</p> </div> <div class="rich_media_tool" id="js_toobar3"> <a class="media_tool_meta meta_primary" id="js_view_source" href="##">阅读原文</a> <div id="js_read_area3" class="media_tool_meta tips_global meta_primary" style="display:none;">阅读 <span id="readNum3"></span></div> <span style="display:none;" class="media_tool_meta meta_primary tips_global meta_praise" id="like3"> <i class="icon_praise_gray"></i><span class="praise_num" id="likeNum3"></span> </span> <a id="js_report_article3" style="display:none;" class="media_tool_meta tips_global meta_extra" href="##">投诉</a> </div> <div class="rich_media_area_primary sougou" id="sg_tj" style="display:none"></div> <div class="rich_media_area_extra"> <div class="mpda_bottom_container" id="js_bottom_ad_area"></div> <div id="js_iframetest" style="display:none;"></div> <div class="rich_media_extra" id="js_cmt_area" style="display:none"> </div> </div> <div id="js_pc_qr_code" class="qr_code_pc_outer" style="display:none;"> <div class="qr_code_pc_inner"> <div class="qr_code_pc"> <img id="js_pc_qr_code_img" class="qr_code_pc_img"> <p>微信扫一扫<br>关注该公众号</p> </div> </div> </div> <div id="js_minipro_dialog" style="display:none;"> <div class="weui-mask"></div> <div class="weui-dialog"> <div class="weui-dialog__bd">即将打开"<span id="js_minipro_dialog_name"></span>"小程序</div> <div class="weui-dialog__ft"> <a id="js_minipro_dialog_cancel" href="javascript:void(0);" class="weui-dialog__btn weui-dialog__btn_default">取消</a> <a id="js_minipro_dialog_ok" href="javascript:void(0);" class="weui-dialog__btn weui-dialog__btn_primary">打开</a> </div> </div> </div> <script nonce="1642604045"> var __DEBUGINFO = { debug_js : "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/debug/console34c264.js", safe_js : "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/safe/moonsafe34c264.js", res_list: [] }; </script> <script nonce="1642604045" type="text/javascript"> (function() { var totalCount = 0, finishCount = 0; function _loadVConsolePlugin() { window.vConsole = new window.VConsole(); while (window.vConsolePlugins.length > 0) { var p = window.vConsolePlugins.shift(); window.vConsole.addPlugin(p); } } function _addVConsole(uri, cb) { totalCount++; var url = '//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/' + uri; var node = document.createElement('SCRIPT'); node.type = 'text/javascript'; node.src = url; node.setAttribute('nonce', '1642604045'); if (cb) { node.onload = cb; } document.getElementsByTagName('head')[0].appendChild(node); } if ( (document.cookie && document.cookie.indexOf('vconsole_open=1') > -1) || location.href.indexOf('vconsole=1') > -1 ) { window.vConsolePlugins = []; _addVConsole('3.0.0/vconsole.min.js', function() { _addVConsole('plugin/vconsole-mpopt/1.0.1/vconsole-mpopt.js', _loadVConsolePlugin); }); } })(); </script> <script nonce="1642604045" type="text/javascript"> if (!window.console) window.console = { log: function() {} }; if (typeof getComputedStyle == 'undefined') { if (document.body.currentStyle) { window.getComputedStyle = function(el) { return el.currentStyle; } } else { window.getComputedStyle = {}; } } (function(){ window.__zoom = 1; (function(){ var validArr = ","+([0.875, 1, 1.125, 1.25, 1.375]).join(",")+","; var match = window.location.href.match(/winzoom=(\d+(?:\.\d+)?)/); if (match && match[1]) { var winzoom = parseFloat(match[1]); if (validArr.indexOf(","+winzoom+",")>=0) { window.__zoom = winzoom; } } })(); var isIE = false; if (typeof version != 'undefined' && version >= 6 && version <= 9) { isIE = true; } var getMaxWith=function(){ var container = document.getElementById('img-content'); var max_width = container.offsetWidth; var container_padding = 0; var container_style = getComputedStyle(container); container_padding = parseFloat(container_style.paddingLeft) + parseFloat(container_style.paddingRight); max_width -= container_padding; var ua = navigator.userAgent.toLowerCase(); var re = new RegExp("msie ([0-9]+[\.0-9]*)"); var version; if (re.exec(ua) != null) { version = parseInt(RegExp.$1); } var isIE = false; if (typeof version != 'undefined' && version >= 6 && version <= 9) { isIE = true; } if (!max_width) { max_width = window.innerWidth - 30; } return max_width; }; var getParentWidth = function(dom){ var parent_width = 0; var parent = dom.parentNode; var outerWidth = 0; while (true) { if(!parent||parent.nodeType!=1) break; var parent_style = getComputedStyle(parent); if (!parent_style) break; parent_width = parent.clientWidth - parseFloat(parent_style.paddingLeft) - parseFloat(parent_style.paddingRight) - outerWidth; if (parent_width > 0) break; outerWidth += parseFloat(parent_style.paddingLeft) + parseFloat(parent_style.paddingRight) + parseFloat(parent_style.marginLeft) + parseFloat(parent_style.marginRight) + parseFloat(parent_style.borderLeftWidth) + parseFloat(parent_style.borderRightWidth); parent = parent.parentNode; } return parent_width; } var getOuterW=function(dom){ var style=getComputedStyle(dom), w=0; if(!!style){ w = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth); } return w; }; var getOuterH =function(dom){ var style=getComputedStyle(dom), h=0; if(!!style){ h = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth); } return h; }; var insertAfter = function(dom,afterDom){ var _p = afterDom.parentNode; if(!_p){ return; } if(_p.lastChild === afterDom){ _p.appendChild(dom); }else{ _p.insertBefore(dom,afterDom.nextSibling); } }; var getQuery = function(name,url){ var u = arguments[1] || window.location.search, reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"), r = u.substr(u.indexOf("\?")+1).match(reg); return r!=null?r[2]:""; }; (function(){ var images = document.getElementsByTagName('img'); var length = images.length; var max_width = getMaxWith(); for (var i = 0; i < length; ++i) { var src_ = images[i].getAttribute('data-src'); var realSrc = images[i].getAttribute('src'); if (!src_ || realSrc) continue; var width_ = 1 * images[i].getAttribute('data-w') || max_width; var ratio_ = 1 * images[i].getAttribute('data-ratio'); var height = 100; if (ratio_ && ratio_ > 0) { var img_style = getComputedStyle(images[i]); var init_width = images[i].style.width; if (init_width) { images[i].setAttribute('_width', init_width); if (init_width != 'auto') width_ = parseFloat(img_style.width); } var parent_width = getParentWidth(images[i])||max_width; var width = width_ > parent_width ? parent_width : width_; var img_padding_border = getOuterW(images[i])||0; var img_padding_border_top_bottom = getOuterH(images[i])||0; height = (width - img_padding_border) * ratio_ + img_padding_border_top_bottom; images[i].style.cssText += ";width: " + width + "px !important;"; if (isIE) { var url = images[i].getAttribute('data-src'); images[i].src = url; } else { if(width > 40 && height > 40){ images[i].className += ' img_loading'; } images[i].src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="; } } else { images[i].style.cssText += ";visibility: hidden !important;"; } images[i].style.cssText += ";height: " + height + "px !important;"; } })(); window.__videoDefaultRatio=16/9; window.__getVideoWh = function(dom){ var max_width = getMaxWith(), width = max_width, ratio_ = dom.getAttribute('data-ratio')*1||(4/3), arr = [4/3, 16/9], ret = arr[0], abs = Math.abs(ret - ratio_); for(var j=1,jl=arr.length;j<jl;j++){ var _abs = Math.abs(arr[j] - ratio_); if(_abs<abs){ abs = _abs; ret = arr[j]; } } ratio_ = ret; var parent_width = getParentWidth(dom)||max_width, width = width > parent_width ? parent_width : width, outerW = getOuterW(dom)||0, outerH = getOuterH(dom)||0, videoW = width - outerW, videoH = videoW/ratio_, height = videoH + outerH; return {w:width,h:height,vh:videoH,vw:videoW,ratio:ratio_}; }; (function(){ var iframe = document.getElementsByTagName('iframe'); for (var i=0,il=iframe.length;i<il;i++) { var a = iframe[i]; var src_ = a.getAttribute('src')||a.getAttribute('data-src')||""; if(!/http(s)*\:\/\/v\.qq\.com\/iframe\/(preview|player)\.html\?/.test(src_)){ continue; } var vid = getQuery("vid",src_); if(!vid){ continue; } vid=vid.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,""); a.removeAttribute('src'); a.style.display = "none"; var obj = window.__getVideoWh(a), mydiv = document.createElement('img'); mydiv.className = "img_loading"; mydiv.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="; mydiv.setAttribute("data-vid",vid); mydiv.style.cssText = "width: " + obj.w + "px !important;"; insertAfter(mydiv,a); a.style.cssText += ";width: " + obj.w + "px !important;"; a.setAttribute("width",obj.w); if(window.__zoom!=1){ a.style.display = "block"; mydiv.style.display = "none"; a.setAttribute("_ratio",obj.ratio); a.setAttribute("_vid",vid); }else{ mydiv.style.cssText += "height: " + obj.h + "px !important;"; a.style.cssText += "height: " + obj.h + "px !important;"; a.setAttribute("height",obj.h); } a.setAttribute("data-vh",obj.vh); a.setAttribute("data-vw",obj.vw); a.setAttribute("data-src",location.protocol+"//v.qq.com/iframe/player.html?vid="+ vid + "&width="+obj.vw+"&height="+obj.vh+"&auto=0"); } })(); (function(){ if(window.__zoom!=1){ document.getElementById('page-content').style.zoom = window.__zoom; var a = document.getElementById('activity-name'); var b = document.getElementById('meta_content'); if(!!a){ a.style.zoom = 1/window.__zoom; } if(!!b){ b.style.zoom = 1/window.__zoom; } var images = document.getElementsByTagName('img'); for (var i = 0,il=images.length;i<il;i++) { images[i].style.zoom = 1/window.__zoom; } var iframe = document.getElementsByTagName('iframe'); for (var i = 0,il=iframe.length;i<il;i++) { var a = iframe[i]; a.style.zoom = 1/window.__zoom; var src_ = a.getAttribute('data-src')||""; if(!/http(s)*\:\/\/v\.qq\.com\/iframe\/(preview|player)\.html\?/.test(src_)){ continue; } var ratio = a.getAttribute("_ratio"); var vid = a.getAttribute("_vid"); a.removeAttribute("_ratio"); a.removeAttribute("_vid"); var vw = a.offsetWidth - (getOuterW(a)||0); var vh = vw/ratio; var h = vh + (getOuterH(a)||0) a.style.cssText += "height: " + h + "px !important;" a.setAttribute("height",h); a.setAttribute("data-src",location.protocol+"//v.qq.com/iframe/player.html?vid="+ vid + "&width="+vw+"&height="+vh+"&auto=0"); a.style.display = "none"; var parent = a.parentNode; if(!parent){ continue; } for(var j=0,jl=parent.children.length;j<jl;j++){ var child = parent.children[j]; if(child.className.indexOf("img_loading")>=0 && child.getAttribute("data-vid")==vid){ child.style.cssText += "height: " + h + "px !important;"; child.style.display = ""; } } } } })(); })(); </script> <script nonce="1642604045" type="text/javascript"> var not_in_mm_css = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/not_in_mm36906d.css"; var windowwx_css = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_winwx31619e.css"; var article_improve_combo_css = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_combo3a7ab9.css"; var tid = ""; var aid = ""; var clientversion = ""; var appuin = "MzAxODE2MjM1MA=="||""; var source = "0"; var ascene = ""; var subscene = ""; var abtest_cookie = ""; var scene = 75; var itemidx = ""; var appmsg_token = ""; var _copyright_stat = "0"; var _ori_article_type = ""; var nickname = "前端大全"; var appmsg_type = "9"; var ct = "1515588574"; var publish_time = "2018-01-10" || ""; var user_name = "gh_1828302cb1b3"; var user_name_new = ""; var fakeid = ""; var version = ""; var is_limit_user = "0"; var round_head_img = "http://mmbiz.qpic.cn/mmbiz/zPh0erYjkib2fU730C9luGEz1TYDl70j7hoJQ6O3Lb9GoE38wBVzhLMmL0h9U61ialMT6tLe6UCVLG8JkKdqHHQw/0"; var ori_head_img_url = "http://wx.qlogo.cn/mmhead/Q3auHgzwzM5qjQiaudDrho224UU1BI7Uu4pqUWWX9dI7FKibUrsdzqZQ/132"; var msg_title = "前端性能优化——桌面浏览器前端优化策略"; var msg_desc = "过性能测速和分析，我们基本可以获取收集到页面上大部分的具体性能数据，如何根据这些数据采取适当的方法和手段对当前的页面进行优化呢？"; var msg_cdn_url = "http://mmbiz.qpic.cn/mmbiz_jpg/zPh0erYjkib2v9BS2kysiboJwo6129bric6oia4LHOdfc29icibgibxbY6HE8e3MHJvefgL6IfaAEWwqNibYlQVFMZ8eYA/0?wx_fmt=jpeg"; var msg_link = "http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==\x26amp;mid=2651553474\x26amp;idx=3\x26amp;sn=19e0a29795a76471125a726705b19edb\x26amp;chksm=8025a903b7522015047c00075cdad53c199ce82a8ee8b38f30de8f1b274bee288841cee81be2#rd"; var user_uin = "0"*1; var msg_source_url = 'https://my.oschina.net/zhangstephen/blog/1601382'; var img_format = 'jpeg'; var srcid = ''; var req_id = '1111wJmKdKqKtYBy0YDndW44'; var networkType; var appmsgid = '' || '2651553474'|| ""; var comment_id = "911239877" || "911239877" * 1; var comment_enabled = "" * 1; var is_need_reward = "0" * 1; var is_https_res = ("" * 1) && (location.protocol == "https:"); var msg_daily_idx = "1" || ""; var profileReportInfo = "" || ""; var devicetype = ""; var source_encode_biz = ""; var source_username = ""; var reprint_ticket = ""; var source_mid = ""; var source_idx = ""; var show_comment = ""; var __appmsgCgiData = { wxa_product : ""*1, show_msg_voice: "0"*1, can_use_page : "0"*1, is_wxg_stuff_uin : "0"*1, card_pos : "", copyright_stat : "0", source_biz : "", hd_head_img : "http://wx.qlogo.cn/mmhead/Q3auHgzwzM5qjQiaudDrho224UU1BI7Uu4pqUWWX9dI7FKibUrsdzqZQ/0"||(window.location.protocol+"//"+window.location.host + "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/pic/appmsg/pic_rumor_link.2x264e76.jpg") }; var _empty_v = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/pic/pages/voice/empty26f1f1.mp3"; var copyright_stat = "0" * 1; var pay_fee = "" * 1; var pay_timestamp = ""; var need_pay = "" * 1; var need_report_cost = "0" * 1; var use_tx_video_player = "0" * 1; var appmsg_fe_filter = "contenteditable"; var friend_read_source = "" || ""; var friend_read_version = "" || ""; var friend_read_class_id = "" || ""; var is_only_read = "1" * 1; var read_num = "" * 1; var like_num = "" * 1; var liked = "" == 'true' ? true : false; var is_temp_url = "" ? 1 : 0; var send_time = ""; var icon_emotion_switch = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/emotion/icon_emotion_switch.2x2f1273.png"; var icon_emotion_switch_active = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/emotion/icon_emotion_switch_active.2x2f1273.png"; var icon_loading_white = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/common/icon_loading_white2805ea.gif"; var icon_audio_unread = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/audio/icon_audio_unread26f1f1.png"; var icon_qqmusic_default = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/qqmusic/icon_qqmusic_default.2x26f1f1.png"; var icon_qqmusic_source = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/qqmusic/icon_qqmusic_source393e3a.png"; var icon_kugou_source = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/kugou/icon_kugou_source393e3a.png"; var topic_default_img = '//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/topic/pic_book_thumb.2x2e4987.png'; var comment_edit_icon = '//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/icon_edit25ded2.png'; var comment_loading_img = '//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/common/icon_loading_white2805ea.gif'; var voice_in_appmsg = { "1":"1" }; var wxa_img_alert = "" != 'false'; var weapp_sn_arr_json = "" || ""; var ban_scene = "0" * 1; var svr_time = "1515639809" * 1; var is_transfer_msg = ""*1||0; var malicious_title_reason_id = "0" * 1; window.wxtoken = ""; window.is_login = '0' * 1; window.__moon_initcallback = function(){ if(!!window.__initCatch){ window.__initCatch({ idkey : 27611+2, startKey : 0, limit : 128, badjsId: 43, reportOpt : { uin : uin, biz : biz, mid : mid, idx : idx, sn : sn }, extInfo : { network_rate : 0.01, badjs_rate: 0.1 } }); } } </script> <script nonce="1642604045" type="text/javascript"> (function(){ window.__logClientLog = function(msg){ try{ var method; if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ method = 'writeLog'; }else if(/(Android)/i.test(navigator.userAgent)){ method = 'log'; } if(!!method) doLog(method, msg); }catch(e){ console.error(e) throw e } } function doLog(method, msg){ if(!!method && !!top.window.WeixinJSBridge && !!top.window.WeixinJSBridge.invoke){ top.window.WeixinJSBridge.invoke(method, { "level" : 'info', "msg" : "[WechatFe][appmsg]" + msg }); }else{ setTimeout(function(){ if( top.window.document.addEventListener ){ top.window.document.addEventListener('WeixinJSBridgeReady', function(){ doLog(method,msg) }, false); }else if (top.window.document.attachEvent){ top.window.document.attachEvent('WeixinJSBridgeReady', function(){ doLog(method, msg) }); top.window.document.attachEvent('onWeixinJSBridgeReady', function(){ doLog(method, msg) }); } }, 0) } } window.__moonErrRep = function(src){ window.__logClientLog(' moon load err ' + src); } window.__moonSucRep = function(src){ window.__logClientLog(' moon load suc ' + src); } window.setTimeout(function(){ window.__logClientLog(' index.html end, __moonhasinit : ' + window.__moonhasinit); }, 500); })(); </script> <script nonce="1642604045">window.__moon_host = 'res.wx.qq.com';window.__moon_mainjs = 'appmsg/index.js';window.moon_map = {"new_video/player.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/new_video/player.html39e24c.js","biz_wap/zepto/touch.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/zepto/touch34c264.js","biz_wap/zepto/event.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/zepto/event34c264.js","biz_wap/zepto/zepto.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/zepto/zepto34c264.js","page/pages/video.css":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/pages/video.css3767b8.js","a/appdialog_confirm.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/appdialog_confirm.html34f0d8.js","widget/wx_profile_dialog_primary.css":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/widget/wx_profile_dialog_primary.css34f0d8.js","appmsg/emotion/caret.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/emotion/caret278965.js","new_video/player.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/new_video/player39e24c.js","a/appdialog_confirm.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/appdialog_confirm34c32a.js","biz_wap/jsapi/cardticket.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/jsapi/cardticket34c264.js","biz_common/utils/emoji_panel_data.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/emoji_panel_data3518c6.js","biz_common/utils/emoji_data.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/emoji_data3518c6.js","appmsg/emotion/textarea.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/emotion/textarea353f34.js","appmsg/emotion/nav.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/emotion/nav278965.js","appmsg/emotion/common.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/emotion/common3518c6.js","appmsg/emotion/slide.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/emotion/slide2a9cd9.js","pages/loadscript.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/loadscript39aac6.js","pages/music_report_conf.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/music_report_conf39aac6.js","pages/report.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/report3a9bef.js","pages/player_adaptor.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/player_adaptor39d6ee.js","pages/music_player.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/music_player3af14e.js","appmsg/emotion/dom.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/emotion/dom31ff31.js","appmsg/comment_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/comment_tpl.html36c376.js","biz_wap/utils/fakehash.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/fakehash38c7af.js","biz_common/utils/wxgspeedsdk.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/wxgspeedsdk3518c6.js","a/sponsor.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/sponsor39e101.js","a/app_card.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/app_card393ef4.js","a/ios.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/ios393966.js","a/android.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/android393966.js","a/profile.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/profile31ff31.js","a/cpc_a_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/cpc_a_tpl.html3a7ab9.js","a/sponsor_a_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/sponsor_a_tpl.html36c7cf.js","a/a_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/a_tpl.html393ef4.js","a/mpshop.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/mpshop311179.js","a/wxopen_card.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/wxopen_card3a95b8.js","a/card.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/card311179.js","biz_wap/utils/position.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/position34c264.js","a/a_report.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/a_report393966.js","appmsg/my_comment_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/my_comment_tpl.html36906d.js","appmsg/cmt_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/cmt_tpl.html369d00.js","sougou/a_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/sougou/a_tpl.html2c6e7c.js","appmsg/emotion/emotion.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/emotion/emotion353f34.js","biz_wap/utils/wapsdk.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/wapsdk34c264.js","biz_common/utils/report.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/report3518c6.js","appmsg/open_url_with_webview.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/open_url_with_webview3145f0.js","biz_common/utils/http.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/http3518c6.js","biz_common/utils/cookie.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/cookie3518c6.js","appmsg/topic_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/topic_tpl.html31ff31.js","pages/weapp_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/weapp_tpl.html36906d.js","biz_common/utils/monitor.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/monitor3518c6.js","appmsg/weapp_common.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/weapp_common3af55a.js","pages/voice_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/voice_tpl.html38518d.js","pages/kugoumusic_ctrl.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/kugoumusic_ctrl393e3a.js","pages/qqmusic_ctrl.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/qqmusic_ctrl39b68c.js","pages/voice_component.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/voice_component3af14e.js","pages/qqmusic_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/qqmusic_tpl.html393e3a.js","new_video/ctl.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/new_video/ctl2d441f.js","a/testdata.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/testdata3a6969.js","appmsg/reward_entry.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/reward_entry36906d.js","appmsg/comment.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/comment3944ad.js","appmsg/like.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/like375fea.js","pages/version4video.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/version4video3a9bef.js","a/a.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/a/a3b1088.js","rt/appmsg/getappmsgext.rt.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/rt/appmsg/getappmsgext.rt2c21f6.js","biz_wap/utils/storage.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/storage34c264.js","biz_common/tmpl.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/tmpl3518c6.js","appmsg/share_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/share_tpl.html36906d.js","appmsg/img_copyright_tpl.html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/img_copyright_tpl.html2a2c13.js","pages/video_ctrl.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/pages/video_ctrl36ebcf.js","biz_common/ui/imgonepx.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/ui/imgonepx3518c6.js","biz_common/utils/respTypes.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/respTypes3518c6.js","biz_wap/utils/log.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/log34c264.js","sougou/index.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/sougou/index36913b.js","biz_wap/safe/mutation_observer_report.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/safe/mutation_observer_report34c264.js","appmsg/fereport.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/fereport3b1088.js","appmsg/report.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/report3404b3.js","appmsg/report_and_source.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/report_and_source3a7477.js","appmsg/page_pos.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/page_pos3a95b8.js","appmsg/cdn_speed_report.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/cdn_speed_report3097b2.js","appmsg/wxtopic.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/wxtopic31a3be.js","appmsg/new_index.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/new_index36906d.js","appmsg/weapp.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/weapp3af55a.js","appmsg/weproduct.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/weproduct3af55a.js","appmsg/autoread.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/autoread3af14e.js","appmsg/voice.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/voice38518d.js","appmsg/qqmusic.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/qqmusic39dc43.js","appmsg/iframe.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/iframe39ab71.js","appmsg/product.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/product393966.js","appmsg/review_image.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/review_image3af55a.js","appmsg/outer_link.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/outer_link275627.js","appmsg/copyright_report.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/copyright_report2ec4b2.js","appmsg/async.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/async3b1088.js","biz_wap/ui/lazyload_img.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/ui/lazyload_img3af55a.js","biz_common/log/jserr.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/log/jserr3518c6.js","appmsg/share.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/share3af14e.js","appmsg/cdn_img_lib.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/cdn_img_lib38b7bb.js","biz_common/utils/url/parse.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/url/parse36ebcf.js","page/appmsg/not_in_mm.css":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/not_in_mm.css36906d.js","page/appmsg/page_mp_article_improve_combo.css":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_combo.css3a7ab9.js","page/appmsg_new/not_in_mm.css":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg_new/not_in_mm.css36f05c.js","page/appmsg_new/combo.css":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg_new/combo.css3a7ab9.js","biz_wap/jsapi/core.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/jsapi/core3b0568.js","biz_common/dom/event.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/dom/event3a25e9.js","appmsg/test.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/test354009.js","biz_wap/utils/mmversion.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/mmversion34c264.js","appmsg/max_age.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/max_age2fdd28.js","biz_common/dom/attr.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/dom/attr3518c6.js","biz_wap/utils/ajax.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/ajax38c31a.js","appmsg/log.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/log300330.js","biz_common/dom/class.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/dom/class3518c6.js","biz_wap/utils/device.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/utils/device34c264.js","biz_common/utils/string/html.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_common/utils/string/html3518c6.js","appmsg/index.js":"//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/appmsg/index3af55a.js"};</script><script nonce="1642604045" type="text/javascript" id="moon_inline"> window.__mooninline=1; window.setTimeout(function() { function __moonf__(){ if(!window.__moonhasinit){ window.__moonhasinit=!0,window.__moonclientlog=[],window.__wxgspeeds&&(window.__wxgspeeds.moonloadedtime=+new Date), "object"!=typeof JSON&&(window.JSON={ stringify:function(){ return""; }, parse:function(){ return{}; } }); var e=function(){ function e(e){ try{ var o; /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)?o="writeLog":/(Android)/i.test(navigator.userAgent)&&(o="log"), o&&t(o,e); }catch(n){ throw console.error(n),n; } } function t(e,o){ e&&top.window.WeixinJSBridge&&top.window.WeixinJSBridge.invoke?top.window.WeixinJSBridge.invoke(e,{ level:"info", msg:"[WechatFe][moon]"+o }):setTimeout(function(){ top.window.document.addEventListener?top.window.document.addEventListener("WeixinJSBridgeReady",function(){ t(e,o); },!1):top.window.document.attachEvent&&(top.window.document.attachEvent("WeixinJSBridgeReady",function(){ t(e,o); }),top.window.document.attachEvent("onWeixinJSBridgeReady",function(){ t(e,o); })); },0); } var n; localStorage&&JSON.parse(localStorage.getItem("__WXLS__moonarg"))&&"fromls"==JSON.parse(localStorage.getItem("__WXLS__moonarg")).method&&(n=!0), e(" moon init, moon_inline:"+window.__mooninline+", moonls:"+n),function(){ var e={},o={},t={}; e.COMBO_UNLOAD=0,e.COMBO_LOADING=1,e.COMBO_LOADED=2; var n=function(e,t,n){ if(!o[e]){ o[e]=n; for(var r=3;r--;)try{ moon.setItem(moon.prefix+e,n.toString()),moon.setItem(moon.prefix+e+"_ver",moon_map[e]); break; }catch(i){ moon.clear(); } } },r=window.alert; window.__alertList=[],window.alert=function(e){ r(e),window.__alertList.push(e); }; var i=function(e){ if(!e||!o[e])return null; var n=o[e]; if("function"==typeof n&&!t[e]){ var a={},s={ exports:a },c=n(i,a,s,r); n=o[e]=c||s.exports,t[e]=!0; } if(".css"===e.substr(-4)){ var d=document.getElementById(e); if(!d){ d=document.createElement("style"),d.id=e; var _=/url\s*$\s*\/(\"(?:[^\\\"\r\n\f]|\\[\s\S])*\"|'(?:[^\\'\n\r\f]|\\[\s\S])*'|[^)}]+)\s*$/g,m=window.testenv_reshost||window.__moon_host||"res.wx.qq.com"; n=n.replace(_,"url(//"+m+"/$1)"),d.innerHTML=n,document.getElementsByTagName("head")[0].appendChild(d); } } return n; }; e.combo_status=e.COMBO_UNLOAD,e.run=function(){ var o=e.run.info,t=o&&o[0],n=o&&o[1]; if(t&&e.combo_status==e.COMBO_LOADED){ var r=i(t); n&&n(r); } },e.use=function(o,t){ window.__wxgspeeds&&(window.__wxgspeeds.seajs_use_time=+new Date),e.run.info=[o,t], e.run(); },window.define=n,window.seajs=e; }(),function(){ if(window.__nonce_str){ var e=document.createElement; document.createElement=function(o){ var t=e.apply(this,arguments); return"object"==typeof o&&(o=o.toString()),"string"==typeof o&&"script"==o.toLowerCase()&&t.setAttribute("nonce",window.__nonce_str), t; }; } window.addEventListener&&window.__DEBUGINFO&&Math.random()<.01&&window.addEventListener("load",function(){ var e=document.createElement("script"); e.src=__DEBUGINFO.safe_js,e.type="text/javascript",e.async=!0; var o=document.head||document.getElementsByTagName("head")[0]; o.appendChild(e); }); }(),function(){ function t(e){ return"[object Array]"===Object.prototype.toString.call(e); } function n(e){ return"[object Object]"===Object.prototype.toString.call(e); } function r(e){ var t=e.stack+" "+e.toString()||""; try{ if(window.testenv_reshost){ var n="http(s)?://"+window.testenv_reshost,r=new RegExp(n,"g"); t=t.replace(r,""); }else t=t.replace(/http(s)?:\/\/res\.wx\.qq\.com/g,""); for(var r=/\/([^.]+)\/js\/(\S+?)\.js(\,|:)?/g;r.test(t);)t=t.replace(r,function(e,o,t,n){ return t+n; }); }catch(e){ t=e.stack?e.stack:""; } var i=[]; for(o in u)u.hasOwnProperty(o)&&i.push(o+":"+u[o]); return i.push("STK:"+t.replace(/\n/g,"")),i.join("|"); } function i(e){ if(!e){ var o=window.onerror; window.onerror=function(){},f=setTimeout(function(){ window.onerror=o,f=null; },50); } } function a(e,o,t){ if(!/^mp\.weixin\.qq\.com$/.test(location.hostname)){ var n=[]; t=t.replace(location.href,(location.origin||"")+(location.pathname||"")).replace("#wechat_redirect","").replace("#rd","").split("&"); for(var r=0,i=t.length;i>r;r++){ var a=t[r].split("="); a[0]&&a[1]&&n.push(a[0]+"="+encodeURIComponent(a[1])); } var s=new window.Image; return void(s.src=(o+n.join("&")).substr(0,1024)); } var c; if(window.ActiveXObject)try{ c=new ActiveXObject("Msxml2.XMLHTTP"); }catch(d){ try{ c=new ActiveXObject("Microsoft.XMLHTTP"); }catch(_){ c=!1; } }else window.XMLHttpRequest&&(c=new XMLHttpRequest); c&&(c.open(e,o,!0),c.setRequestHeader("cache-control","no-cache"),c.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"), c.setRequestHeader("X-Requested-With","XMLHttpRequest"),c.send(t)); } function s(e){ return function(o,t){ if("string"==typeof o)try{ o=new Function(o); }catch(n){ throw n; } var r=[].slice.call(arguments,2),a=o; return o=function(){ try{ return a.apply(this,r.length&&r||arguments); }catch(e){ throw e.stack&&console&&console.error&&console.error("[TryCatch]"+e.stack),_&&window.__moon_report&&(window.__moon_report([{ offset:O, log:"timeout_error;host:"+top.location.host, e:e }]),i(f)),e; } },e(o,t); }; } function c(e){ return function(o,t,n){ if("undefined"==typeof n)var n=!1; var r=this,a=t||function(){}; return t=function(){ try{ return a.apply(r,arguments); }catch(e){ throw e.stack&&console&&console.error&&console.error("[TryCatch]"+e.stack),_&&window.__moon_report&&(window.__moon_report([{ offset:y, log:"listener_error;type:"+o+";host:"+top.location.host, e:e }]),i(f)),e; } },a.moon_lid=b,D[b]=t,b++,e.call(r,o,t,n); }; } function d(e){ return function(o,t,n){ if("undefined"==typeof n)var n=!1; var r=this; return t=D[t.moon_lid],e.call(r,o,t,n); }; } var _,m,w,l,u,p,f,h=/MicroMessenger/i.test(navigator.userAgent),g=window.define,v=0,y=2,x=4,O=9,j=10; if(window.__initCatch=function(e){ _=e.idkey,m=e.startKey||0,w=e.limit,l=e.badjsId,u=e.reportOpt||"",p=e.extInfo||{}, p.rate=p.rate||.5; },window.__moon_report=function(e,o){ var i=.5; if(p&&p.rate&&(i=p.rate),o&&"number"==typeof o&&(i=o),!(!/mp\.weixin\.qq\.com/.test(location.href)&&!/payapp\.weixin\.qq\.com/.test(location.href)||Math.random()>i||!h||top!=window&&!/mp\.weixin\.qq\.com/.test(top.location.href))&&(n(e)&&(e=[e]), t(e)&&""!=_)){ var s="",c=[],d=[],u=[],f=[]; "number"!=typeof w&&(w=1/0); for(var g=0;g<e.length;g++){ var v=e[g]||{}; if(!(v.offset>w||"number"!=typeof v.offset||v.offset==x&&p&&p.network_rate&&Math.random()>=p.network_rate)){ var y=1/0==w?m:m+v.offset; c[g]="[moon]"+_+"_"+y+";"+v.log+";"+r(v.e||{})||"",d[g]=y,u[g]=1; } } for(var O=0;O<d.length;O++)f[O]=_+"_"+d[O]+"_"+u[O],s=s+"&log"+O+"="+c[O]; if(f.length>0){ a("POST",location.protocol+"//mp.weixin.qq.com/mp/jsmonitor?","idkey="+f.join(";")+"&r="+Math.random()+"&lc="+c.length+s); var i=1; if(p&&p.badjs_rate&&(i=p.badjs_rate),l&&Math.random()<i){ s=s.replace(/uin\:(.)*\|biz\:(.)*\|mid\:(.)*\|idx\:(.)*\|sn\:(.)*\|/,""); var j=new Image,D="https://badjs.weixinbridge.com/badjs?id="+l+"&level=4&from="+encodeURIComponent(location.host)+"&msg="+encodeURIComponent(s); j.src=D.slice(0,1024); } } } },window.setTimeout=s(window.setTimeout),window.setInterval=s(window.setInterval), Math.random()<.01&&window.Document&&window.HTMLElement){ var D={},b=0; Document.prototype.addEventListener=c(Document.prototype.addEventListener),Document.prototype.removeEventListener=d(Document.prototype.removeEventListener), HTMLElement.prototype.addEventListener=c(HTMLElement.prototype.addEventListener), HTMLElement.prototype.removeEventListener=d(HTMLElement.prototype.removeEventListener); } var E=window.navigator.userAgent; if((/ip(hone|ad|od)/i.test(E)||/android/i.test(E))&&!/windows phone/i.test(E)&&window.localStorage&&window.localStorage.setItem){ var S=window.localStorage.setItem,I=0; window.localStorage.setItem=function(e,o){ if(!(I>=10))try{ S.call(window.localStorage,e,o); }catch(t){ t.stack&&console&&console.error&&console.error("[TryCatch]"+t.stack),window.__moon_report([{ offset:j, log:"localstorage_error;"+t.toString(), e:t }]),I++,I>=3&&window.moon&&window.moon.clear&&moon.clear(); } }; } window.seajs&&g&&(window.define=function(){ for(var o,t=[],n=arguments&&arguments[0],a=0,s=arguments.length;s>a;a++){ var c=o=arguments[a]; "function"==typeof o&&(o=function(){ try{ return c.apply(this,arguments); }catch(o){ throw"string"==typeof n&&console.error("[TryCatch][DefineeErr]id:"+n),o.stack&&console&&console.error&&console.error("[TryCatch]"+o.stack), _&&window.__moon_report&&(window.__moon_report([{ offset:v, log:"define_error;id:"+n+";", e:o }]),i(f)),e(" [define_error]"+JSON.stringify(r(o))),o; } },o.toString=function(e){ return function(){ return e.toString(); }; }(arguments[a])),t.push(o); } return g.apply(this,t); }); }(),function(o){ function t(e,o,t){ return window.__DEBUGINFO?(window.__DEBUGINFO.res_list||(window.__DEBUGINFO.res_list=[]), window.__DEBUGINFO.res_list[e]?(window.__DEBUGINFO.res_list[e][o]=t,!0):!1):!1; } function n(e){ var o=new TextEncoder("utf-8").encode(e),t=crypto.subtle||crypto.webkitSubtle; return t.digest("SHA-256",o).then(function(e){ return r(e); }); } function r(e){ for(var o=[],t=new DataView(e),n=0;n<t.byteLength;n+=4){ var r=t.getUint32(n),i=r.toString(16),a="00000000",s=(a+i).slice(-a.length); o.push(s); } return o.join(""); } function i(e,o,t){ if("object"==typeof e){ var n=Object.prototype.toString.call(e).replace(/^\[object (.+)\]$/,function(e,o){ return o; }); if(t=t||e,"Array"==n){ for(var r=0,i=e.length;i>r;++r)if(o.call(t,e[r],r,e)===!1)return; }else{ if("Object"!==n&&a!=e)throw"unsupport type"; if(a==e){ for(var r=e.length-1;r>=0;r--){ var s=a.key(r),c=a.getItem(s); if(o.call(t,c,s,e)===!1)return; } return; } for(var r in e)if(e.hasOwnProperty(r)&&o.call(t,e[r],r,e)===!1)return; } } } var a=o.localStorage,s=document.head||document.getElementsByTagName("head")[0],c=1,d=11,_=12,m=13,w=window.__allowLoadResFromMp?1:2,l=window.__allowLoadResFromMp?1:0,u=w+l,p=window.testenv_reshost||window.__moon_host||"res.wx.qq.com",f=new RegExp("^(http(s)?:)?//"+p); window.__loadAllResFromMp&&(p="mp.weixin.qq.com",w=0,u=w+l); var h=0,g={ prefix:"__MOON__", loaded:[], unload:[], clearSample:Math.random()<h, hit_num:0, mod_num:0, version:1003, cacheData:{ js_mod_num:0, js_hit_num:0, js_not_hit_num:0, js_expired_num:0, css_mod_num:0, css_hit_num:0, css_not_hit_num:0, css_expired_num:0 }, init:function(){ g.loaded=[],g.unload=[]; var e,t,r; if(a){ var s="_moon_ver_key_",c=a.getItem(s); c!=g.version&&(g.clear(),a.setItem(s,g.version)); } if((-1!=location.search.indexOf("no_moon1=1")||-1!=location.search.indexOf("no_lshttps=1"))&&g.clear(), a){ var d=1*a.getItem(g.prefix+"clean_time"),_=+new Date; if(_-d>=1296e6){ g.clear(); try{ !!a&&a.setItem(g.prefix+"clean_time",+new Date); }catch(m){} } } i(moon_map,function(i,s){ if(t=g.prefix+s,r=!!i&&i.replace(f,""),e=!!a&&a.getItem(t),version=!!a&&(a.getItem(t+"_ver")||"").replace(f,""), g.mod_num++,r&&-1!=r.indexOf(".css")?g.cacheData.css_mod_num++:r&&-1!=r.indexOf(".js")&&g.cacheData.js_mod_num++, g.clearSample||!e||r!=version)g.unload.push(r.replace(f,"")),r&&-1!=r.indexOf(".css")?e?r!=version&&g.cacheData.css_expired_num++:g.cacheData.css_not_hit_num++:r&&-1!=r.indexOf(".js")&&(e?r!=version&&g.cacheData.js_expired_num++:g.cacheData.js_not_hit_num++);else{ if("https:"==location.protocol&&window.moon_hash_map&&window.moon_hash_map[s]&&window.crypto)try{ n(e).then(function(e){ window.moon_hash_map[s]!=e&&console.log(s); }); }catch(c){} try{ var d="//# sourceURL="+s+"\n//@ sourceURL="+s; o.eval.call(o,'define("'+s+'",[],'+e+")"+d),g.hit_num++,r&&-1!=r.indexOf(".css")?g.cacheData.css_hit_num++:r&&-1!=r.indexOf(".js")&&g.cacheData.js_hit_num++; }catch(c){ g.unload.push(r.replace(f,"")); } } }),g.load(g.genUrl()); }, genUrl:function(){ var e=g.unload; if(!e||e.length<=0)return[]; var o,t,n="",r=[],i={},a=-1!=location.search.indexOf("no_moon2=1"),s="//"+p; -1!=location.href.indexOf("moon_debug2=1")&&(s="//mp.weixin.qq.com"); for(var c=0,d=e.length;d>c;++c){ /^\/(.*?)\//.test(e[c]); var _=/^\/(.*?)\//.exec(e[c]); _.length<2||!_[1]||(t=_[1],n=i[t],n?(o=n+","+e[c],o.length>1e3||a?(r.push(n+"?v="+g.version), n=location.protocol+s+e[c],i[t]=n):(n=o,i[t]=n)):(n=location.protocol+s+e[c],i[t]=n)); } for(var m in i)i.hasOwnProperty(m)&&r.push(i[m]); return r; }, load:function(e){ if(window.__wxgspeeds&&(window.__wxgspeeds.mod_num=g.mod_num,window.__wxgspeeds.hit_num=g.hit_num), !e||e.length<=0)return seajs.combo_status=seajs.COMBO_LOADED,seajs.run(),console.debug&&console.debug("[moon] load js complete, all in cache, cost time : 0ms, total count : "+g.mod_num+", hit num: "+g.hit_num), void window.__moonclientlog.push("[moon] load js complete, all in cache, cost time : 0ms, total count : "+g.mod_num+", hit num: "+g.hit_num); seajs.combo_status=seajs.COMBO_LOADING; var o=0,t=+new Date; window.__wxgspeeds&&(window.__wxgspeeds.combo_times=[],window.__wxgspeeds.combo_times.push(t)), i(e,function(n){ g.request(n,u,function(){ if(window.__wxgspeeds&&window.__wxgspeeds.combo_times.push(+new Date),o++,o==e.length){ var n=+new Date-t; window.__wxgspeeds&&(window.__wxgspeeds.mod_downloadtime=n),seajs.combo_status=seajs.COMBO_LOADED, seajs.run(),console.debug&&console.debug("[moon] load js complete, url num : "+e.length+", total mod count : "+g.mod_num+", hit num: "+g.hit_num+", use time : "+n+"ms"), window.__moonclientlog.push("[moon] load js complete, url num : "+e.length+", total mod count : "+g.mod_num+", hit num: "+g.hit_num+", use time : "+n+"ms"); } }); }); }, request:function(o,n,r){ if(o){ n=n||0,o.indexOf("mp.weixin.qq.com")>-1&&((new Image).src=location.protocol+"//mp.weixin.qq.com/mp/jsmonitor?idkey=27613_32_1&r="+Math.random(), window.__moon_report([{ offset:_, log:"load_script_from_mp: "+o }],1)); var i=-1; window.__DEBUGINFO&&(__DEBUGINFO.res_list||(__DEBUGINFO.res_list=[]),__DEBUGINFO.res_list.push({ type:"js", status:"pendding", start:+new Date, end:0, url:o }),i=__DEBUGINFO.res_list.length-1),-1!=location.search.indexOf("no_lshttps=1")&&(o=o.replace("http://","https://")); var a=document.createElement("script"); a.src=o,a.type="text/javascript",a.async=!0,a.down_time=+new Date,a.onerror=function(s){ t(i,"status","error"),t(i,"end",+new Date); var _=new Error(s); if(n>=0)if(l>n){ var w=o.replace("res.wx.qq.com","mp.weixin.qq.com"); g.request(w,n,r); }else g.request(o,n,r);else window.__moon_report&&window.__moon_report([{ offset:c, log:"load_script_error: "+o, e:_ }],1); if(n==l-1&&window.__moon_report([{ offset:d, log:"load_script_error: "+o, e:_ }],1),-1==n){ var u="ua: "+window.navigator.userAgent+", time="+(+new Date-a.down_time)+", load_script_error -1 : "+o; window.__moon_report([{ offset:m, log:u }],1); } window.__moonclientlog.push("moon load js error : "+o+", error -> "+_.toString()), e("moon_request_error url:"+o); },"undefined"!=typeof moon_crossorigin&&moon_crossorigin&&a.setAttribute("crossorigin",!0), a.onload=a.onreadystatechange=function(){ t(i,"status","loaded"),t(i,"end",+new Date),!a||a.readyState&&!/loaded|complete/.test(a.readyState)||(t(i,"status","200"), a.onload=a.onreadystatechange=null,"function"==typeof r&&r()); },n--,s.appendChild(a),e("moon_request url:"+o+" retry:"+n); } }, setItem:function(e,o){ !!a&&a.setItem(e,o); }, clear:function(){ a&&(i(a,function(e,o){ ~o.indexOf(g.prefix)&&a.removeItem(o); }),console.debug&&console.debug("[moon] clear")); }, idkeyReport:function(e,o,t){ t=t||1; var n=e+"_"+o+"_"+t; (new Image).src="/mp/jsmonitor?idkey="+n+"&r="+Math.random(); } }; seajs&&seajs.use&&"string"==typeof window.__moon_mainjs&&seajs.use(window.__moon_mainjs), window.moon=g; }(window),window.moon.init(); }; e(),!!window.__moon_initcallback&&window.__moon_initcallback(),window.__wxgspeeds&&(window.__wxgspeeds.moonendtime=+new Date); } } __moonf__(); }, 25);</script><script nonce="1642604045" type="text/javascript"> var real_show_page_time = +new Date(); if (!!window.addEventListener){ window.addEventListener("load", function(){ window.onload_endtime = +new Date(); }); } </script> <script nonce="1642604045" type="text/javascript">document.addEventListener("touchstart", function() {},false);</script> </ul></table>