vue基础4 - 前端笔记- <div class="cl_content">此处内容已隐藏,立即登录后刷新即可查看!</div> <p> <br /> </p> <audio controls="controls" style="display:none;"></audio><span style="display:block;padding-top:40px;"></span> </article> <br><script type='text/javascript' src='https://blog.dbsgw.cn/content/templates/Fys/js/jquery-1.9.1.min.js'></script> <div class="hide_box outbox"> </div> <div class="shang_box animated flipInY"> <i class="shang_close outbox animated fadeInUpBig" title="关闭">×</i> <img class="shang_logo animated fadeInUpBig" src="https://blog.dbsgw.cn/content/templates/Fys/img/logo.png" height="40" alt="mrhee"> <!--<img class="shang_logo animated fadeInUpBig" src="http://imce.cn:666/logo.png" height="40" alt="mrhee">--> <div class="shang_tit"> <p> 感谢您的支持,我们会一直保持!</p> </div> <div class="shang_payimg"> <img src="https://blog.dbsgw.cn/content/templates/Fys/img/alipayimg.png" class="animated zoomIn" alt="扫码支持" title="扫一扫" /> </div> <div class="pay_explain">请土豪扫码随意打赏</div> <div class="shang_payselect"> <div class="pay_item checked" data-id="alipay"> <span class="radiobox"></span><span class="pay_logo"> <img src="data:image/png;base64,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" alt="支付宝" /></span> </div> <div class="pay_item" data-id="weipay"> <span class="radiobox"></span><span class="pay_logo"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAcCAYAAADst9g0AAAFV0lEQVRoQ+1aS3LbRhTsx886yi47wycIUqHWgU4Q8gRiThD6BKJPIOYEok4A5gSC1lIq8jIryScIvSbo5+rBDD0E8RlZtEp2kVUuyeB8e/r16zeQ4PB5VgTkWWc7TIYvAjxJBwk6+gqQqMBQliK40zU+ZKObuwOu9QgEA56kx2OIngokaQJUgQeILvBRLg/g7yLVCniS/jqEdM4FsGwO568Cc+jqbTa6ewjv9X23rAU8SeMjSO9CIMOnQKDQJVTeZKOb+VPG+V76VgJegN2/EiDe10ZV8ccBdFQnzSQdLETk932BDdVrhc6y0T+LvY35dQeifH4VGdxhODVbpJPuYz+quAQwc8kzSQeTbHQ7Cxg77gPJCjBte8AsByauXw9Y5ECl1PWB+QoYe3Mc9YFZ6VnjEnrANAemAeuMusB0vT2f6dYDshzYMRg7gJ+kgweIvAqYrLqJ6gc1QOVzlyz9xKuqb9pAt4CO7cYnbvFdYLwG5nWb6QLDDhApQGuq3gJ5WFsHnQPXdXsMBdy2Y9TuWOEgwOmvReRqZyGKdxD83HgIqu8VMgVWi2x0t2TbJD2OIXruW0naxmx487phszMC5gPrFs8NAsgAnNmfHOY6L56RVWQ+D6o199g+MaOnvBYFIqmQFBtlDtyoB0z8yPPHCQV8KiLczNZH9eOIDwQyh8gPpS939Nkk3U7vTFQ2MuD3UV29rrGKR3YTBCHqAwsFLgQYG4sJCO3pqgD+wQLMOai3BGBuw5jj1BIkB94BMKSo+oQwvAss5PNh7UiHAmMB5iQYyePm2ZKUumSpqn9no9shgRT0FhD5razPbkDqNARnAjmq25CqnmSjW8PKug2TwY65XpuoL3K/UmWEEPCN1hJ8AEcWcILv6/jWNHkBQG1SbAOc0gZgSiJUrNHMFcTwk3SQEcwqEBpYaZqbcl+EbGwtkFoAJzspDQk3JsAmnyjwXwf4yWo0RTqy0kOGMYnGVYmq7mDdczsPZciwvkJSeJAuWuMuMLGS40hBaWKbDYmCAE/S47kITqsBB0v1HdYkaRzZAqmx5N+WlHqGc6Fs2wCccTBssyra3jFZroHMHZSVl8cwvMltTG1O2bK0Lp84kCkx1q2YQwsEfFCp4Q4s1dWPnxNis043sepqeFNZcPWAxLKLoZrw/wBMxCnw3mkhgRVgWbZ6dZtsYzi/71gGf/SSqF0PndHO4ZUBZ3RRxlwkBAIeRyL9+wbtfZuNbqchOt0whskHTSD4rsT5YV9X6bUVWJYdgr9JGym+NdxMmQMnVfN3C23PfJlqcCHGMfkywv7r4uCWQYBbLW6sMnk30pQQ29gUUuK7xfpFjA+y/f2hXJyUAa+SpbYosMxlpNFd1MpSBcO3tv4IwI9jgTJ5btu/NiRDvle9vhrdtmq9XezQ2jwTDfbZxOk3pce6jU3R8UTA6WxOFfgFheMZCnCfA39VOZq9AW5ZPhGR8xAMg9uYCjSPQ65qCRx997qo4DaA2kpyaLXbuRmy0Fg8H/A+cKfAn+X10TuvClD5oe4SZNrM5brQb/8Ajfvh4QL4X4BLr8jakRQ7pqsBeB3h5tkso+F69ngsgotgQJsaGrAlecQLCVq0qjdH5Uslev1NAeNKfwt+bSR5uussbMhFFefiP9eWfTl3uYByNUBVHdH8io1veZ4MurkpzMchzN7L4b7wQVrf+Jykg+UX6bm9WzncgW8zoBFwXj6J4F/TpZCFhUCjumoUBcgsRrID0NWh1gL4wCTP4t5kNXFFT5FY4wjobcr4pruRFx7lz7q8NsAT/gnEI5Ldsy7+W5ysVcO/xU295DUfAH/m0/kEqY9rO0Y495AAAAAASUVORK5CYII=" alt="微信" /></span> </div> </div> <div class="shang_info"> <p> 打开<span id="shang_pay_txt">支付宝</span>扫一扫,即可进行扫码打赏哦 </p> <p> 分享从这里开始,精彩与您同在 </p> </div> </div> <script> $(function() { $(".outbox").bind("click",function(){ $(".hide_box").fadeToggle(); $(".shang_box").fadeToggle(); }); $(".pay_item").bind("click",function(){ $(this).addClass('checked').siblings('.pay_item').removeClass('checked'); var dataid = $(this).attr('data-id'); $(".shang_payimg img").attr("src", "https://blog.dbsgw.cn/content/templates/Fys/img/" + dataid + "img.png"); $("#shang_pay_txt").text(dataid == "alipay" ? "支付宝" : "微信"); }); }); </script> <span class="pay"> <a rel="nofollow" style="color: #fff" class="outbox action-rewards btn-danger" title="打赏,支持一下"><i class="fa fa-heart"></i> 打赏作者</a> </span> <div class="asb-post-footer wow zoomIn"><b>AD:</b><strong>【站长推荐】</strong><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1578347363&site=qq&menu=yes">人生如同一面镜子,假如你对它微笑,它也回报你微笑,我的人生信条还是不断的改变现状,求真务实,明天更美好,人生重要的问题,不在于人拥有什么,而在于怎样使用它,人与人关系上最宝贵的是真诚,善于理解便是快乐人生。</a></div> <br> <div class="post-copyright wow fadeInUp">版权所有,转载注意明处:<a href="/">前端笔记</a> » <a href="">vue基础4</a></div> <div class="ViBox wow fadeInUp"> <p> <a target="_blank" rel="external nofollow" class="vibtn vi_info" href="http://wpa.qq.com/msgrd?v=3&uin=1578347363&site=qq&menu=yes"><i class="fa fa-qq"></i> QQ</a> </p> </div> <div class="action-share wow fadeInUp"></div> <div class="article-categories wow fadeInUp" style="text-align: center;"></div> <div class="article-author wow fadeInUp"> <dt><img alt="" src="https://blog.dbsgw.cn/admin/views/images/avatar.jpg" onerror="javascript:this.src="https://blog.dbsgw.cn/admin/views/images/avatar.jpg";this.onerror=null;" class="avatar avatar-50 photo" height="50" width="50"></dt> <h4> <i class="fa fa-user" aria-hidden="true"></i> <a href="https://blog.dbsgw.cn/author/1" >admin</a> </h4> 用心去记录前端旅途上的点点滴滴,用每一滴汗水换回所有付出所得的喜悦!</div> <!-- 上一篇、下一篇功能 --> <nav class="pager wow fadeInUp" role="navigation"> <li class="previous"> <a title="javascript 常用点击事件,键盘事件" href="https://blog.dbsgw.cn/post-26.html">上一篇:javascript 常用点击事件,键盘事件</a> </li> <li class="next"> <a title="vue基础3" href="https://blog.dbsgw.cn/post-31.html">下一篇:vue基础3</a> </li> </nav> <!-- 上一篇、下一篇功能 --> <div class="relates wow zoomIn"> <div class="title"><h3>相关推荐</h3></div> <ul><li><a href="https://blog.dbsgw.cn/post-166.html">vue 项目 使用cdn 加速 axios 外部引用axios</a></li><li><a href="https://blog.dbsgw.cn/post-137.html">mysqk创建自动曾长的id</a></li><li><a href="https://blog.dbsgw.cn/post-20.html">原生js写的全选和反选</a></li><li><a href="https://blog.dbsgw.cn/post-31.html">vue基础3</a></li><li><a href="https://blog.dbsgw.cn/post-7.html">同源策略,跨域,解决跨域的方法 ,jsonp ,cors,代理服务器</a></li><li><a href="https://blog.dbsgw.cn/post-154.html">简单的 websocket的 案例 ws模块的应用</a></li></ul></div> <div class="article_related"> <div style="background:#fff; overflow:hidden; clear:both; padding:10px; line-height:25px; font-size:14px;"> <form action="" id="mfp-form" style="height:0.1px;overflow:hidden"><input name="url" value="https://blog.dbsgw.cn/post-32.html" id="url2" type="text"/></form> 版权所有:《<a style="color:red;" href="https://blog.dbsgw.cn/">前端笔记</a>》<br /> 文章标题:《<a href="https://blog.dbsgw.cn/post-32.html">vue基础4</a>》<br /> 除非注明,文章均为 《<a style="color:red;" href="https://blog.dbsgw.cn/">前端笔记</a>》 原创<br /> 转载请注明本文短网址:<a href="https://blog.dbsgw.cn/post-32.html" id="urllink">https://blog.dbsgw.cn/post-32.html</a> <!--  <a href="javascript:void(0)" style="color:red" onclick="get_duanwangzhi()" class="makeurl">[生成短网址]</a><br />--> <style>#qrcodeaa img{width:128px;height:128px;margin:0 auto;}</style> <script type="text/jscript" src="https://blog.dbsgw.cn/content/plugins/Dwz_content/qrcode.js"></script> <div id="qrcodeaa"></div> </div> <script> function get_duanwangzhi(){ $(".makeurl").text("[Loading...]"); $.post("https://blog.dbsgw.cn/content/plugins/Dwz_content/ajax.php", { "url":$("input[name='url']").val(), }, function(data){ var s =data; if(s) { $("#urllink").text(s); $("#urllink").attr("href",s); $("#url2").attr("value",s); $(".makeurl").attr("onclick",'fuzhi()'); $(".makeurl").text("[复制短网址]"); var qrcode = new QRCode("qrcodeaa", {text: s,width: 128,height: 128,colorDark : "#000000",colorLight : "#FFFFFF",correctLevel : QRCode.CorrectLevel.H}); } } ); return false; } function fuzhi(){ var e=document.getElementById("url2"); e.select(); document.execCommand("Copy"); alert("复制成功"); } </script> <style type="text/css"> .cl_content{ border:1px dashed #ff9a9a;background:#ffffe0;padding:5px 0 5px 25px;margin:5px auto;color:#FF0000;line-height:26px;text-align:center;} </style></div> <div class="article_post_comment" id="comment-place"> <div class="comment_post_wrap comment_post comment-open" id="comment-post"> <h3 class="comment-header"><span class="cancel-reply" id="cancel-reply" style="display:none;"><a href="javascript:void(0);" onclick="cancelReply()">取消回复</a></span>发表评论<a name="respond"></a></h3> <form method="post" name="commentform" id="commentform" action="https://blog.dbsgw.cn/index.php?action=addcom"> <input type="hidden" name="gid" id="comment-gid" value="32" /> <input type="hidden" name="pid" id="comment-pid" value="0"/> <div class="comment_user_info" style=" margin-top: 15px; "><div id="loging"></div> <div class="form-group"> <div class="comment-form-author form-group has-feedback"> <div class="input-group"> <div class="input-group-addon"><i class="fa fa-qq"></i></div> <input class="form-control" placeholder="输入QQ号码可以快速填写" id="qqnum" name="qqnum" type="text" size="30" value="" onblur="huoquqq()"> </div> </div> </div> <div class="form-group"> <div class="comment-form-author form-group has-feedback"> <div class="input-group"> <div class="input-group-addon"><i class="fa fa-user"></i></div> <input class="form-control" placeholder="昵称" id="comname" name="comname" type="text" size="30" required="required" value=""> <span class="form-control-feedback required" style="color:#F00">*</span> </div> </div> </div> <div class="form-group"> <div class="comment-form-email form-group has-feedback"> <div class="input-group"> <div class="input-group-addon"><i class="fa fa-envelope-o"></i></div> <input class="form-control" placeholder="邮箱" id="commail" name="commail" type="text" size="30" required="required" value=""> <span class="form-control-feedback required" style="color:#F00">*</span> </div> </div> </div> <div class="form-group"> <div class="comment-form-email form-group has-feedback"> <div class="input-group"> <div class="input-group-addon"><i class="fa fa-link"></i></div> <input class="form-control" placeholder="网址(选填)" id="comurl" name="comurl" type="text" size="30" value=""> </div> </div> </div> </div> <div class="form-group form_textarea"> <div class="comment_textare"><textarea name="comment" id="comment" placeholder="说点什么吧~" title="说点什么吧~"></textarea> </div> <div class="form-group submit_container"> <div class="comment_tools"> <span class="comment_avator"><img id="toux" src="https://blog.dbsgw.cn/content/templates/Fys/images/noAvator.jpg" title="路人甲"><em class="commentUser_type none_user" title="游客">路人甲</em></span> <span class="comment_face_btn"><i class="fa fa-smile-o"></i> 表情</span> <div class="comment_submit_wrap"> <span class="comment_info">Ctrl+Enter快速提交</span> <button type="submit" name="submit" id="comment_submit" class="sub_btn"><i class="fa fa-check-circle-o"></i> 提交评论</button> </div> </div> </div> </div> </form> <div id="Face" class="faceContainer"><p><a href='javascript:;' title='[微笑]' data-title='[微笑]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/1.png'></a><a href='javascript:;' title='[得意]' data-title='[得意]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/5.png'></a><a href='javascript:;' title='[愤怒]' data-title='[愤怒]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/6.png'></a><a href='javascript:;' title='[调戏]' data-title='[调戏]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/7.png'></a><a href='javascript:;' title='[大哭]' data-title='[大哭]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/9.png'></a><a href='javascript:;' title='[汗]' data-title='[汗]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/10.png'></a><a href='javascript:;' title='[鄙视]' data-title='[鄙视]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/11.png'></a><a href='javascript:;' title='[真棒]' data-title='[真棒]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/13.png'></a><a href='javascript:;' title='[金钱]' data-title='[金钱]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/14.png'></a><a href='javascript:;' title='[瞧不起]' data-title='[瞧不起]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/16.png'></a><a href='javascript:;' title='[委屈]' data-title='[委屈]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/19.png'></a><a href='javascript:;' title='[惊讶]' data-title='[惊讶]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/21.png'></a><a href='javascript:;' title='[可爱]' data-title='[可爱]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/24.png'></a><a href='javascript:;' title='[滑稽]' data-title='[滑稽]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/25.png'></a><a href='javascript:;' title='[调皮]' data-title='[调皮]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/26.png'></a><a href='javascript:;' title='[大汉]' data-title='[大汉]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/27.png'></a><a href='javascript:;' title='[可怜]' data-title='[可怜]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/28.png'></a><a href='javascript:;' title='[睡觉]' data-title='[睡觉]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/29.png'></a><a href='javascript:;' title='[流泪]' data-title='[流泪]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/30.png'></a><a href='javascript:;' title='[气出泪]' data-title='[气出泪]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/31.png'></a><a href='javascript:;' title='[喷]' data-title='[喷]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/33.png'></a><a href='javascript:;' title='[月亮]' data-title='[月亮]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/39.png'></a><a href='javascript:;' title='[太阳]' data-title='[太阳]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/40.png'></a><a href='javascript:;' title='[咖啡]' data-title='[咖啡]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/43.png'></a><a href='javascript:;' title='[蛋糕]' data-title='[蛋糕]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/44.png'></a><a href='javascript:;' title='[音乐]' data-title='[音乐]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/45.png'></a><a href='javascript:;' title='[yes]' data-title='[yes]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/47.png'></a><a href='javascript:;' title='[大拇指]' data-title='[大拇指]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/48.png'></a><a href='javascript:;' title='[鄙视你]' data-title='[鄙视你]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/49.png'></a><a href='javascript:;' title='[程序猿]' data-title='[程序猿]'><img src='https://blog.dbsgw.cn/content/templates/Fys/images/face/50.png'></a></p></div> </div> </div> <a name="comments"></a> <h3 class="comment-header">网友评论<b>(0)</b></h3><div class="article_comment_list"> <div class="page comment-page"> </div> </div> </div> </div> <div class="sidebar"> <div class="widget widget_ui_sort wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"><h3 class="widget-title">分类</h3><div class="items"> <ul id="blogsort"> <li> <a title="7 篇文章" href="https://blog.dbsgw.cn/sort/18"><i class="fa fa-code"></i> 开发技巧</a> </li> <li> <a title="2 篇文章" href="https://blog.dbsgw.cn/sort/20"><i class="fa fa-code"></i> 项目优化</a> </li> <li> <a title="7 篇文章" href="https://blog.dbsgw.cn/sort/17"><i class="fa fa-code"></i> 个人总结</a> </li> <li> <a title="35 篇文章" href="https://blog.dbsgw.cn/sort/19"><i class="fa fa-code"></i> 基础知识</a> </li> <li> <a title="2 篇文章" href="https://blog.dbsgw.cn/sort/11"><i class="fa fa-code"></i> 前端工具</a> </li> </ul> </div> </div> <div class="widget widget_ui_calendar wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <div id="calendar_wrap" class="calendar_wrap"> <h3>日历</h3> <div id="calendar" class="f_calendar"> </div> <script>sendinfo('https://blog.dbsgw.cn/?action=cal','calendar');</script> </div></div> <div class="widget widget_ui_tags wow article-categories fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <h3>热门标签</h3> <div class="items"> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/react-native" style="visibility: visible; animation-name: zoomIn;">react-native (2)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/node" style="visibility: visible; animation-name: zoomIn;">node (2)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/vue" style="visibility: visible; animation-name: zoomIn;">vue (9)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/mysql" style="visibility: visible; animation-name: zoomIn;">mysql (13)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/git" style="visibility: visible; animation-name: zoomIn;">git (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/react" style="visibility: visible; animation-name: zoomIn;">react (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/js" style="visibility: visible; animation-name: zoomIn;">js (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/axios" style="visibility: visible; animation-name: zoomIn;">axios (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/webpack" style="visibility: visible; animation-name: zoomIn;">webpack (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/weex" style="visibility: visible; animation-name: zoomIn;">weex (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F" style="visibility: visible; animation-name: zoomIn;">微信小程序 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/uni-app" style="visibility: visible; animation-name: zoomIn;">uni-app (4)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E7%A0%B4%E8%A7%A3" style="visibility: visible; animation-name: zoomIn;">破解 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/php" style="visibility: visible; animation-name: zoomIn;">php (16)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/nginx" style="visibility: visible; animation-name: zoomIn;">nginx (1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/redis" style="visibility: visible; animation-name: zoomIn;">redis (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/centos" style="visibility: visible; animation-name: zoomIn;">centos (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/ios" style="visibility: visible; animation-name: zoomIn;">ios (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E5%8D%B3%E6%97%B6%E9%80%9A%E8%AE%AF" style="visibility: visible; animation-name: zoomIn;">即时通讯 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/websocket" style="visibility: visible; animation-name: zoomIn;">websocket (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/color-ui" style="visibility: visible; animation-name: zoomIn;">color-ui (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E9%87%8D%E6%9E%84" style="visibility: visible; animation-name: zoomIn;">重构 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/nide" style="visibility: visible; animation-name: zoomIn;">nide (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E7%88%AC%E8%99%AB" style="visibility: visible; animation-name: zoomIn;">爬虫 (3)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E8%B7%A8%E5%9F%9F" style="visibility: visible; animation-name: zoomIn;">跨域 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/seo" style="visibility: visible; animation-name: zoomIn;">seo (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E9%A2%84%E6%B8%B2%E6%9F%93" style="visibility: visible; animation-name: zoomIn;">预渲染 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/ts" style="visibility: visible; animation-name: zoomIn;">ts (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/selenium-webdriver" style="visibility: visible; animation-name: zoomIn;">selenium-webdriver (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/selenium" style="visibility: visible; animation-name: zoomIn;">selenium (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7" style="visibility: visible; animation-name: zoomIn;">自动化工具 (0)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E5%8F%AF%E8%A7%86%E5%8C%BA%E6%B8%B2%E6%9F%93" style="visibility: visible; animation-name: zoomIn;">可视区渲染 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/vue-virtual-scroll-list" style="visibility: visible; animation-name: zoomIn;">vue-virtual-scroll-list (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E9%95%BF%E5%88%97%E8%A1%A8" style="visibility: visible; animation-name: zoomIn;">长列表 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/python" style="visibility: visible; animation-name: zoomIn;">python (17)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/requests" style="visibility: visible; animation-name: zoomIn;">requests (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E6%95%B0%E6%8D%AE%E6%8F%90%E5%8F%96" style="visibility: visible; animation-name: zoomIn;">数据提取 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95" style="visibility: visible; animation-name: zoomIn;">自动化测试 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E8%87%AA%E5%8A%A8%E5%8C%96" style="visibility: visible; animation-name: zoomIn;">自动化 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/html" style="visibility: visible; animation-name: zoomIn;">html (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/css" style="visibility: visible; animation-name: zoomIn;">css (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/echarts" style="visibility: visible; animation-name: zoomIn;">echarts (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F" style="visibility: visible; animation-name: zoomIn;">正则表达式 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/jq" style="visibility: visible; animation-name: zoomIn;">jq (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/jquery" style="visibility: visible; animation-name: zoomIn;">jquery (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/axjx" style="visibility: visible; animation-name: zoomIn;">axjx (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/mongoDB" style="visibility: visible; animation-name: zoomIn;">mongoDB (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E6%95%B0%E6%8D%AE%E5%BA%93" style="visibility: visible; animation-name: zoomIn;">数据库 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/ajax" style="visibility: visible; animation-name: zoomIn;">ajax (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E5%B0%8F%E7%A8%8B%E5%BA%8F" style="visibility: visible; animation-name: zoomIn;">小程序 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/linxu" style="visibility: visible; animation-name: zoomIn;">linxu (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/linux" style="visibility: visible; animation-name: zoomIn;">linux (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/token" style="visibility: visible; animation-name: zoomIn;">token (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/jwt" style="visibility: visible; animation-name: zoomIn;">jwt (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/express" style="visibility: visible; animation-name: zoomIn;">express (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E5%A4%9A%E8%BF%9B%E7%A8%8B" style="visibility: visible; animation-name: zoomIn;">多进程 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E5%A4%9A%E7%BA%BF%E7%A8%8B" style="visibility: visible; animation-name: zoomIn;">多线程 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/socket" style="visibility: visible; animation-name: zoomIn;">socket (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E9%80%9A%E8%AE%AF" style="visibility: visible; animation-name: zoomIn;">通讯 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/kali" style="visibility: visible; animation-name: zoomIn;">kali (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/deepin" style="visibility: visible; animation-name: zoomIn;">deepin (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/pymysql" style="visibility: visible; animation-name: zoomIn;">pymysql (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E4%B8%BB%E4%BB%8E" style="visibility: visible; animation-name: zoomIn;">主从 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E9%9B%86%E7%BE%A4" style="visibility: visible; animation-name: zoomIn;">集群 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%E8%99%9A%E6%8B%9F%E7%8E%AF%E5%A2%83" style="visibility: visible; animation-name: zoomIn;">虚拟环境 (-1)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/django" style="visibility: visible; animation-name: zoomIn;">django (5)</a> <a class="wow zoomIn" href="https://blog.dbsgw.cn/tag/%EF%BC%A3" style="visibility: visible; animation-name: zoomIn;">C (-1)</a> </div> </div> <div class="widget widget_ui_tags wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"><h3>存档云</h3><div class="items"> <a href="https://blog.dbsgw.cn/record/202007">2020年7月 (1)</a> <a href="https://blog.dbsgw.cn/record/202006">2020年6月 (6)</a> <a href="https://blog.dbsgw.cn/record/202005">2020年5月 (7)</a> <a href="https://blog.dbsgw.cn/record/202004">2020年4月 (26)</a> <a href="https://blog.dbsgw.cn/record/202003">2020年3月 (56)</a> <a href="https://blog.dbsgw.cn/record/202002">2020年2月 (35)</a> <a href="https://blog.dbsgw.cn/record/202001">2020年1月 (46)</a> <a href="https://blog.dbsgw.cn/record/201912">2019年12月 (4)</a> <a href="https://blog.dbsgw.cn/record/201910">2019年10月 (1)</a> <a href="https://blog.dbsgw.cn/record/201901">2019年1月 (1)</a> <a href="https://blog.dbsgw.cn/record/201812">2018年12月 (1)</a> <a href="https://blog.dbsgw.cn/record/201810">2018年10月 (1)</a> <a href="https://blog.dbsgw.cn/record/201807">2018年7月 (2)</a> <a href="https://blog.dbsgw.cn/record/201806">2018年6月 (2)</a> <a href="https://blog.dbsgw.cn/record/201801">2018年1月 (2)</a> <a href="https://blog.dbsgw.cn/record/201712">2017年12月 (2)</a> <a href="https://blog.dbsgw.cn/record/201710">2017年10月 (1)</a> </div> </div> <div class="widget widget_links wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <h3> 友情链接</h3><ul> <li><a href="http://timemeetyou.com/" title="" target="_blank"><i class="fa fa-link fa-fw"></i>岁月遇你</a></li> <li><a href="https://www.tiantangzai.cn/index.html" title="" target="_blank"><i class="fa fa-link fa-fw"></i>天堂寨官网</a></li> <li><a href="https://www.dbsgw.cn/index.html" title="" target="_blank"><i class="fa fa-link fa-fw"></i>大别山官网</a></li> <li><a href="https://zck.zhengdun.net/index.html" title="" target="_blank"><i class="fa fa-link fa-fw"></i>注册卡</a></li> <li><a href="http://y1.dbsgw.cn/" title="" target="_blank"><i class="fa fa-link fa-fw"></i>天堂寨</a></li> <li><a href="http://blog.nuzn.cn:3000/" title="" target="_blank"><i class="fa fa-link fa-fw"></i>博客</a></li> <li><a href="http://docs.dbsgw.cn/" title="" target="_blank"><i class="fa fa-link fa-fw"></i>技术文档</a></li> </ul> </div> <div class="widget widget_ui_textads"><a class="style01" href="#"><strong></strong><h2></h2><p><div style="text-align: center;"> <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=631c91b64f0033555e27ea53427153a6502483dd2404fbc755837688e91dccfb"> <p>前端交流群</p> <p>QQ群:421481964</p> </a> <img src="https://blog.dbsgw.cn/qqq.png" alt=""></div></p></a></div> </div> </section></div> <footer class="footer"> <div class="container wow fadeInUp"> <div class="fcode"> Copyright © 2020 <a href="https://blog.dbsgw.cn/">前端笔记</a> <a href="http://www.miibeian.gov.cn" target="_blank">鄂公网安备 42128102000187号</a> <!--//网页响应时间代码-->     6.70ms </div> <!-- <p>Powered by <a href="http://www.emlog.net" target="_blank">Emlog</a> · Theme by <a href="http://www.521mz.cn" target="_blank">FYS1.9.0美化版</a></span></p>--> <!--//cnzz 统计代码--> <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1278526282'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1278526282%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));</script> </div> </footer> <script type="text/javascript" src="https://blog.dbsgw.cn/content/templates/Fys/js/wow.min.js"></script> <script> window.jsui={ www: 'https://blog.dbsgw.cn/', uri: 'https://blog.dbsgw.cn/content/templates/Fys/', ver: '4.5.2', logocode: 'n', is_fix:'1', is_pjax:'', iasnum:'', lazyload:'0', }; </script> <!--失效链接--> <!--<script type="text/javascript" src="/content/plugins/ja_praise/ja_praise.js"></script>--> <script type='text/javascript' src='https://blog.dbsgw.cn/content/templates/Fys/js/jquery.min.js?ver=1.9'></script> <script type='text/javascript' src='https://blog.dbsgw.cn/content/templates/Fys/js/bootstrap.min.js?ver=1.9'></script> <script type='text/javascript' src='https://blog.dbsgw.cn/content/templates/Fys/js/loader.js?ver=1.9'></script> <script type='text/javascript' src='https://blog.dbsgw.cn/content/templates/Fys/js/wp-embed.min.js?ver=4.8.3'></script> </body> </html>