11赞
如何清除或替换缓存的图像

作者：mylvfamily | 2023-09-02 14:38
如何解决《如何清除或替换缓存的图像》经验，为你挑选了6个好方法。
我知道有很多方法可以防止图像缓存(例如通过META标签),以及一些很好的技巧来确保每个页面加载时显示当前版本的图像(例如image.jpg？x = timestamp ),有没有办法在浏览器缓存中实际清除或替换图像,以便上述两种方法都不是必需的？
例如,假设页面上有100个图像,这些图像被命名为"01.jpg","02.jpg","03.jpg"等.如果图像"42.jpg"被替换,则是有没有办法在缓存中替换它,以便"42.jpg"将在连续页面加载时自动显示新图像？我不能使用META标记方法,因为我需要永久性地将ISN"T替换为保持缓存,并且我不能使用timestamp方法,因为我不希望每次页面都重新加载所有图像负载.
我绞尽脑汁在互联网上寻找一种方法(最好是通过javascript),但没有运气.有什么建议？
1> Greg..：
If you're writing the page dynamically, you can add the last-modified timestamp to the URL:


        
怎么样`
2> Kornel..：
绝对无关紧要.实际上,您根本不应该尝试使用它来控制缓存(当任何内容读取文档的内容时,它已经被缓存).

在HTTP中,每个URL都是独立的.无论您对HTML文档执行什么操作,它都不适用于图像.

要控制缓存,您可以在每次内容更改时更改URL.如果您不时更新图像,请允许它们永久缓存并为新图像使用新文件名(带有版本,哈希或日期) - 这是长期文件的最佳解决方案.

如果您的图像经常变化(每隔几分钟,甚至每次请求),则发送Cache-control: no-cache或Cache-control: max-age=xx其中xx是图像"新鲜"的秒数.

短期文件的随机URL是个坏主意.它会使用无用的文件污染缓存,并强制更快地清除有用的文件.

如果你有Apache和/ mod_headers或mod_expires然后.htaccess用适当的规则创建文件.


   Header set Cache-control "no-cache"



以上将使*-nocache.jpg文件不可缓存.

您还可以通过PHP脚本提供图像(默认情况下它们具有可靠的可配置性;)

        

3> 小智..：
像这样添加图片网址 

"image1.jpg？" + DateTime.Now.ToString("ddMMyyyyhhmmsstt");

只需在查询字符串中添加随机字符串即可

谢谢

Raju Jetla

        
这实际上并不刷新图像缓存.它只是诱使浏览器思考它的新形象.使用此方法,如果我检查chrome缓存,我可以看到12+相同的图像.在服务器上设置Cache-Control对我的响应是一个更好的解决方案,而不是黑客攻击.理想情况下,您确实希望浏览器缓存图像,只需在更改时刷新它. 

4> Doin..：
相反的是一些其他的答案说,有IS用于客户端的方式JavaScript来替换缓存图像.诀窍是创建一个隐藏</code>,将其<code>src</code>属性设置为图像URL,等待它加载,然后通过调用强制重新加载它<code>location.reload(true)</code>.这将更新图像的缓存副本.然后,您可以替换<code><img></code>页面上的元素(或重新加载页面)以查看图像的更新版本.</p>

<p>(小警告:如果更新单个<code><img></code>元素,并且如果有多个图像已更新,则必须清除或删除它们全部,然后替换或重置它们.如果您逐个执行此操作,某些浏览器会从其他标签复制图像的内存版本,结果是您可能看不到更新的图像,尽管它位于缓存中).</p>

<p>我在这里发布了一些代码来进行这种更新.</p></p>
        <br><br><b>5> strager..：</b><hr><p>我敢肯定大多数浏览器都遵循Last-Modified HTTP标头.发送出去并请求新图片.如果Last-Modified行没有更改,它将由浏览器缓存.</p></p>
        <br><br><b>6> abhiagNitk..：</b><hr><p>您可以在图像上附加一个随机数，就像给它一个新版本一样。我已经实现了类似的逻辑，并且运行良好。</p>

<pre class="brush:bash;"><script>
var num = Math.random();
var imgSrc= "image.png?v="+num;
$(function() {
$('#imgID').attr("src", imgSrc);
})
</script>
</pre></p>
            </div>

    <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;">

    </div>

    <div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/CSS_BianKuangDiB_f6aa1016.html" target="_blank" title="CSS边框底部的曲线">CSS边框底部的曲线</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/CSS_BianKuangDiB_f6aa1016.html" target="_blank" title="CSS边框底部的曲线"><img src="https://img.devbox.cn/3cccf/16086/243/927c0cdb72fe5ad0.png" width="120" height="70" alt="CSS边框底部的曲线"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《CSS边框底部的曲线》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/CSS_BianKuangDiB_f6aa1016.html" target="_blank" title="CSS边框底部的曲线">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZaiDaoJuGengXinS_67bc543e.html" target="_blank" title="在道具更新时调用组件上的自定义方法">在道具更新时调用组件上的自定义方法</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在道具更新时调用组件上的自定义方法》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZaiDaoJuGengXinS_67bc543e.html" target="_blank" title="在道具更新时调用组件上的自定义方法">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Javascript-_BiMi_106cf695.html" target="_blank" title="Javascript:避免重新加载窗口">Javascript:避免重新加载窗口</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Javascript:避免重新加载窗口》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Javascript-_BiMi_106cf695.html" target="_blank" title="Javascript:避免重新加载窗口">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/FanHui_false_BuG_9a167626.html" target="_blank" title="返回false不工作,单击h:commandButton会触发操作">返回false不工作,单击h:commandButton会触发操作</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《返回false不工作,单击h:commandButton会触发操作》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/FanHui_false_BuG_9a167626.html" target="_blank" title="返回false不工作,单击h:commandButton会触发操作">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Laravel_ChuangJi_0c629572.html" target="_blank" title="Laravel创建5.2版本项目问题">Laravel创建5.2版本项目问题</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Laravel创建5.2版本项目问题》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/Laravel_ChuangJi_0c629572.html" target="_blank" title="Laravel创建5.2版本项目问题">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/KaiShiShiYong_no_068be66b.html" target="_blank" title="开始使用nodemailer和mandrill smtp报错。CERT_HAS_EXPIRED错误：证书已过期">开始使用nodemailer和mandrill smtp报错。CERT_HAS_EXPIRED错误：证书已过期</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《开始使用nodemailer和mandrillsmtp报错。CERT_HAS_EXPIRED错误：证书已过期》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/KaiShiShiYong_no_068be66b.html" target="_blank" title="开始使用nodemailer和mandrill smtp报错。CERT_HAS_EXPIRED错误：证书已过期">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ReadAsAsync_He_J_e8df5277.html" target="_blank" title="ReadAsAsync和JsonConvert之间的区别">ReadAsAsync和JsonConvert之间的区别</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《ReadAsAsync和JsonConvert之间的区别》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ReadAsAsync_He_J_e8df5277.html" target="_blank" title="ReadAsAsync和JsonConvert之间的区别">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZaiYiGeChongManL_749b8e25.html" target="_blank" title="在一个充满零的矩阵中的一个 -  R.">在一个充满零的矩阵中的一个 -  R.</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在一个充满零的矩阵中的一个-R.》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZaiYiGeChongManL_749b8e25.html" target="_blank" title="在一个充满零的矩阵中的一个 -  R.">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/SWIFTiOS_ZhongDe_ff394b86.html" target="_blank" title="SWIFT iOS中的崩溃报告">SWIFT iOS中的崩溃报告</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《SWIFTiOS中的崩溃报告》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/SWIFTiOS_ZhongDe_ff394b86.html" target="_blank" title="SWIFT iOS中的崩溃报告">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ScalaTry_De_toOp_aef4c75c.html" target="_blank" title="Scala Try的toOption方法返回Some(null)">Scala Try的toOption方法返回Some(null)</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《ScalaTry的toOption方法返回Some(null)》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ScalaTry_De_toOp_aef4c75c.html" target="_blank" title="Scala Try的toOption方法返回Some(null)">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeShiYong_Scan_c7f6fed5.html" target="_blank" title="如何使用Scanner类中的hasNext()？">如何使用Scanner类中的hasNext()？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何使用Scanner类中的hasNext()？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeShiYong_Scan_c7f6fed5.html" target="_blank" title="如何使用Scanner类中的hasNext()？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ChuanDiJiChuCanK_2ce12072.html" target="_blank" title="传递基础参考字段的生命周期？">传递基础参考字段的生命周期？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《传递基础参考字段的生命周期？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ChuanDiJiChuCanK_2ce12072.html" target="_blank" title="传递基础参考字段的生命周期？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/d3-jslinkStrengt_639daf80.html" target="_blank" title="d3.js linkStrength对力图中linkDistance的影响">d3.js linkStrength对力图中linkDistance的影响</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《d3.jslinkStrength对力图中linkDistance的影响》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/d3-jslinkStrengt_639daf80.html" target="_blank" title="d3.js linkStrength对力图中linkDistance的影响">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DiaoYong_DelphiD_5cd23e08.html" target="_blank" title="调用Delphi DLL的意外线程行为">调用Delphi DLL的意外线程行为</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《调用DelphiDLL的意外线程行为》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/DiaoYong_DelphiD_5cd23e08.html" target="_blank" title="调用Delphi DLL的意外线程行为">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_ReverseL_0c8b0636.html" target="_blank" title="使用ReverseLayout recyclerview将项目添加到Endless Scroll RecyclerView">使用ReverseLayout recyclerview将项目添加到Endless Scroll RecyclerView</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/ShiYong_ReverseL_0c8b0636.html" target="_blank" title="使用ReverseLayout recyclerview将项目添加到Endless Scroll RecyclerView"><img src="https://img.devbox.cn/3cccf/16086/243/927c0cdb72fe5ad0.png" width="120" height="70" alt="使用ReverseLayout recyclerview将项目添加到Endless Scroll RecyclerView"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《使用ReverseLayoutrecyclerview将项目添加到EndlessScrollRecyclerView》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_ReverseL_0c8b0636.html" target="_blank" title="使用ReverseLayout recyclerview将项目添加到Endless Scroll RecyclerView">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_BinaryWr_197e04c6.html" target="_blank" title="使用BinaryWriter时,为什么二进制文件的大小不会减少">使用BinaryWriter时,为什么二进制文件的大小不会减少</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用BinaryWriter时,为什么二进制文件的大小不会减少》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_BinaryWr_197e04c6.html" target="_blank" title="使用BinaryWriter时,为什么二进制文件的大小不会减少">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShuBiaoXuanTingS_d2f6d2b5.html" target="_blank" title="鼠标悬停上的边界半径在哪里">鼠标悬停上的边界半径在哪里</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《鼠标悬停上的边界半径在哪里》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ShuBiaoXuanTingS_d2f6d2b5.html" target="_blank" title="鼠标悬停上的边界半径在哪里">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ColdFusion10Deve_a474a904.html" target="_blank" title="ColdFusion 10 Developer,Tomcat 7.0.64和多个网站">ColdFusion 10 Developer,Tomcat 7.0.64和多个网站</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《ColdFusion10Developer,Tomcat7.0.64和多个网站》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ColdFusion10Deve_a474a904.html" target="_blank" title="ColdFusion 10 Developer,Tomcat 7.0.64和多个网站">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DjangoAdmin_BuBa_cdbd47ac.html" target="_blank" title="Django Admin不保存预先填充的内联字段,这些字段保留在初始状态">Django Admin不保存预先填充的内联字段,这些字段保留在初始状态</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《DjangoAdmin不保存预先填充的内联字段,这些字段保留在初始状态》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/DjangoAdmin_BuBa_cdbd47ac.html" target="_blank" title="Django Admin不保存预先填充的内联字段,这些字段保留在初始状态">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeGenJu_Angula_21628f22.html" target="_blank" title="如何根据Angular js中的两个自定义过滤器过滤数据">如何根据Angular js中的两个自定义过滤器过滤数据</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何根据Angularjs中的两个自定义过滤器过滤数据》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeGenJu_Angula_21628f22.html" target="_blank" title="如何根据Angular js中的两个自定义过滤器过滤数据">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                

            </ul>
        </div>
    </div>

    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea>
            </div>
            <div class="cmnt_cmt">
                <div class="cmnt_login_box">
                                        <a href="https://www.php1.cn/?s=user/login/index&from=">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a>
                                    </div>
                <div class="post_cmnt"><input type="button" value="吐 &nbsp;槽" onclick="post_ping();" /></div>
            </div>
        </form>

        
    </div>
</div>

<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shThemeLiuQing.css"/>
<style>
    .syntaxhighlighter{
        width: 740px;
        padding-top:40px;padding-bottom:20px;
        border: 1px solid #333;
        background: url("/style/SyntaxHighlighter/top_bg.svg");
        background-size: 43px;
        background-repeat: no-repeat;
        margin-bottom: -7px;
        border-radius: 15px;
        background-position: 16px 12px;
        padding-left: 10px;
    }
    .gutter{
        display: none;
    }
</style>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>    <div class="article_right">

    <div class="profile">
        <div class="author">
            <!-- 未登录 -->
            <div class="author-avatar">
                <a href="/u/mylvfamily">
                    <img src="https://img.devbox.cn/3cdc5/64c2/cd5/f53c066002fa970f.png" class="lazy-img" data-url="" alt="devbox">
                </a>
            </div>

            <div class="author-name">
                mylvfamily            </div>

            <div class="author-intro">
                这个屌丝很懒，什么也没留下！            </div>
            
            <div class="author-bt">

                                <a href="javascript:;" id="follow_bt" onclick="follow();" class="skins-btn" title="关注作者">
                    <svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>
                    关注作者</a>
                            </div>

        </div>
    </div>


    <div class="tools">
        <div class="tools_top">Tags | 热门标签</div>
        <div class="tools_box">
            <ul>
                                <li>
                    <a href="/tag/actionscrip" target="_blank" title="actionscrip">actionscrip</a>
                </li>
                                <li>
                    <a href="/tag/bash" target="_blank" title="bash">bash</a>
                </li>
                                <li>
                    <a href="/tag/c#" target="_blank" title="c#">c#</a>
                </li>
                                <li>
                    <a href="/tag/c++" target="_blank" title="c++">c++</a>
                </li>
                                <li>
                    <a href="/tag/c语言" target="_blank" title="c语言">c语言</a>
                </li>
                                <li>
                    <a href="/tag/erlang" target="_blank" title="erlang">erlang</a>
                </li>
                                <li>
                    <a href="/tag/flutter" target="_blank" title="flutter">flutter</a>
                </li>
                                <li>
                    <a href="/tag/go" target="_blank" title="go">go</a>
                </li>
                                <li>
                    <a href="/tag/golang" target="_blank" title="golang">golang</a>
                </li>
                                <li>
                    <a href="/tag/java" target="_blank" title="java">java</a>
                </li>
                                <li>
                    <a href="/tag/javascript" target="_blank" title="javascript">javascript</a>
                </li>
                                <li>
                    <a href="/tag/lua" target="_blank" title="lua">lua</a>
                </li>
                                <li>
                    <a href="/tag/node.js" target="_blank" title="node.js">node.js</a>
                </li>
                                <li>
                    <a href="/tag/perl" target="_blank" title="perl">perl</a>
                </li>
                                <li>
                    <a href="/tag/php" target="_blank" title="php">php</a>
                </li>
                                <li>
                    <a href="/tag/python" target="_blank" title="python">python</a>
                </li>
                                <li>
                    <a href="/tag/scala" target="_blank" title="scala">scala</a>
                </li>
                                <li>
                    <a href="/tag/typescript" target="_blank" title="typescript">typescript</a>
                </li>
                                <div style="clear: both"></div>
            </ul>
        </div>
    </div>


    <div class="rank">
        <div class="rank_top">RankList | 热门文章</div>
        <div class="rank_box">
            <ul>
                                <li>
                    <b >1</b><a href="https://devbox.cn/p/QiGuaiDe_typenam_edcd57db.html" title="奇怪的typename用法c ++ 11" target="_blank">奇怪的typename用法c ++ 11</a>
                </li>
                                <li>
                    <b >2</b><a href="https://devbox.cn/p/BianYiQiRuHeQueD_78cf6276.html" title="编译器如何确定sml中的类型" target="_blank">编译器如何确定sml中的类型</a>
                </li>
                                <li>
                    <b >3</b><a href="https://devbox.cn/p/ShiYong_puts_Xia_c4ef348b.html" title="使用puts显示值" target="_blank">使用puts显示值</a>
                </li>
                                <li>
                    <b >4</b><a href="https://devbox.cn/p/Jiang_4D_ShuJuHu_ad05a74f.html" title="将4D数据绘制为具有R中的晶格的分层热图" target="_blank">将4D数据绘制为具有R中的晶格的分层热图</a>
                </li>
                                <li>
                    <b >5</b><a href="https://devbox.cn/p/ApacheSpark_ShiY_74bf487a.html" title="Apache Spark使用管道分隔的CSV文件" target="_blank">Apache Spark使用管道分隔的CSV文件</a>
                </li>
                                <li>
                    <b class="black">6</b><a href="https://devbox.cn/p/Yu_c--11_ZhongDe_0df1bf82.html" title="与c ++ 11中的boost :: mpl :: if_类似" target="_blank">与c ++ 11中的boost :: mpl :: if_类似</a>
                </li>
                                <li>
                    <b class="black">7</b><a href="https://devbox.cn/p/SSISC-_JiaoBenBu_efeda927.html" title="SSIS C#脚本不兼容" target="_blank">SSIS C#脚本不兼容</a>
                </li>
                                <li>
                    <b class="black">8</b><a href="https://devbox.cn/p/ZaiDaYinShiSheRu_0ef01b7b.html" title="在打印时舍入dplyr tbl_df中的数值" target="_blank">在打印时舍入dplyr tbl_df中的数值</a>
                </li>
                                <li>
                    <b class="black">9</b><a href="https://devbox.cn/p/RuHeZai_Python_Z_923fb89a.html" title="如何在Python中从&amp;lt;span class =“ className”&amp;gt;我想要的文本&amp;lt;/ span&amp;gt;中获取文本" target="_blank">如何在Python中从&amp;lt;span class =“ className”&amp;gt;我想要的文本&amp;lt;/ span&amp;gt;中获取文本</a>
                </li>
                                <li>
                    <b class="black">10</b><a href="https://devbox.cn/p/refsvsonChange_cc932f05.html" title="refs vs onChange" target="_blank">refs vs onChange</a>
                </li>
                                <li>
                    <b class="black">11</b><a href="https://devbox.cn/p/ShiYong_Firebase_df47259f.html" title="使用Firebase Data Swift,Xcode 7填充UITableViewController" target="_blank">使用Firebase Data Swift,Xcode 7填充UITableViewController</a>
                </li>
                                <li>
                    <b class="black">12</b><a href="https://devbox.cn/p/ZaiMeiGe_List-ma_c802dff3.html" title="在每个List.map迭代中递增uniqueID" target="_blank">在每个List.map迭代中递增uniqueID</a>
                </li>
                                <li>
                    <b class="black">13</b><a href="https://devbox.cn/p/WeiShiMe_python__806bb79e.html" title="为什么python中的列表以这种方式运行？" target="_blank">为什么python中的列表以这种方式运行？</a>
                </li>
                                <li>
                    <b class="black">14</b><a href="https://devbox.cn/p/sklearn_ShiYong__0ca9006e.html" title="sklearn使用prob_a进行逻辑二进制分类" target="_blank">sklearn使用prob_a进行逻辑二进制分类</a>
                </li>
                                <li>
                    <b class="black">15</b><a href="https://devbox.cn/p/Python-_RuHeZai__cd2ec158.html" title="Python  - 如何在Mac OS X上使用GUI应用程序制作守护程序？" target="_blank">Python  - 如何在Mac OS X上使用GUI应用程序制作守护程序？</a>
                </li>
                                <li>
                    <b class="black">16</b><a href="https://devbox.cn/p/DanJiShi_-angula_7a85821c.html" title="单击时,angular-ui bootstap选项卡选择功能" target="_blank">单击时,angular-ui bootstap选项卡选择功能</a>
                </li>
                                <li>
                    <b class="black">17</b><a href="https://devbox.cn/p/Yocto_ZhongDe_--_253879f7.html" title="Yocto中的&quot;sh ::未知操作数&quot;" target="_blank">Yocto中的&quot;sh ::未知操作数&quot;</a>
                </li>
                                <li>
                    <b class="black">18</b><a href="https://devbox.cn/p/Jiang_JavaScript_0ceea237.html" title="将JavaScript函数应用于除第i个元素之外的所有Array元素" target="_blank">将JavaScript函数应用于除第i个元素之外的所有Array元素</a>
                </li>
                                <li>
                    <b class="black">19</b><a href="https://devbox.cn/p/Zai_GCC_ZhongShi_8061b727.html" title="在GCC中使用-O3有什么缺点吗？" target="_blank">在GCC中使用-O3有什么缺点吗？</a>
                </li>
                                <li>
                    <b class="black">20</b><a href="https://devbox.cn/p/ShiYongLingYiGeX_f8d34efc.html" title="使用另一个向量中的值对矢量进行排序" target="_blank">使用另一个向量中的值对矢量进行排序</a>
                </li>
                            </ul>
        </div>
    </div>


</div>    <div style="clear: both;"></div>
</div>

<script type="application/javascript">

    function follow(uid) {

        var myDate = new Date();
        $.get("/user/follow/post?uid="+uid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response=="1"){
                tips('关注成功！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1912"><path d="M984.554971 729.818319L757.2752 1001.934666c-23.431608 29.784785-63.349596 27.462118-91.084969 0l-148.309102-117.727323a34.156864 34.156864 0 0 1 34.156863-59.159688L711.732715 956.392181l224.524451-274.871667a34.156864 34.156864 0 1 1 48.297805 48.297805zM506.791534 592.052303c-6.284863 6.968-12.569726 0-22.771243 0-171.103115 0-386.928951 164.066802-386.928951 358.396584 0 18.740733-15.347817 33.951922-34.316262 33.951922a34.156864 34.156864 0 0 1-34.361805-33.951922c0-160.582801 134.122618-342.616113 323.283329-400.181814C261.271998 499.783228 210.765382 406.011252 210.765382 296.026151 210.765382 133.530566 342.428706 0 506.791534 0s296.026151 133.530566 296.026151 296.026151c0 161.630279-132.892971 294.614334-296.026151 296.026152z m0-523.738576c-126.243768 0-227.712424 102.903244-227.712424 227.712424s101.468656 227.712424 227.712424 227.712424 227.712424-102.903244 227.712424-227.712424S633.035302 68.313727 506.791534 68.313727z" p-id="1913"></path></svg>\n'
                    +"已关注")
            }else if(response=="0"){
                tips('已取消关注！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>\n' +
                    "关注作者")
            }else if(response=="-2"){
                tips("请先登录！")
            }else{
                tips("关注失败！")
            }
        });
        
    }

    function like(sid) {

        var myDate = new Date();
        $.get("/blog/article/like?sid="+sid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response!="-1"){
                $("#like_num").html(response+"赞")
            }else{
                tips("关注失败！")
            }
        });

    }

</script>


<div class="bottom-bar">
    DevBox开发工具箱 | 专业的在线开发工具网站 &nbsp;&nbsp; <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802040832" style="color:#444;"><img src="https://img.json1.cn/3cd4a/21981/c5a/4df0b47476da9030.png"/>京公网安备 11010802040832号</a> &nbsp;|&nbsp; <a href="https://beian.miit.gov.cn/" target="_blank" >京ICP备19059560号-6</a> <BR />
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有 <BR />
</div></body>
</html>