摘要：自定義指令自定義指令如果需要多個(gè)值，自定義指令可以傳入一個(gè)對象字面量?？偨Y(jié)在編寫自定義指令時(shí)，給綁定一次性事件等初始動(dòng)作，建議在鉤子內(nèi)完成，同時(shí)要在內(nèi)解除相關(guān)綁定。

學(xué)習(xí)筆記：自定義指令

自定義指令的注冊方法分為全局注冊和局部注冊，比如注冊一個(gè)v-focus指令，用于在、</b>元素初始化時(shí)自動(dòng)獲得焦點(diǎn)，兩種寫法分別是：</p> <pre>//全局注冊 Vue.directive("focus", {}); //局部注冊 new Vue({ el: "#app", directives: { focus: {} } }); </pre> <p>自定義指令的選項(xiàng)是由幾個(gè)鉤子函數(shù)組成，每個(gè)都是可選的：</p> <p> <b>bind</b>：只調(diào)用一次，指令第一次綁定到元素時(shí)調(diào)用，用這個(gè)鉤子函數(shù)可以定義一個(gè)在綁定時(shí)執(zhí)行一次的初始化動(dòng)作。</p> <p> <b>inserted</b>：被綁定元素插入父節(jié)點(diǎn)時(shí)調(diào)用（父節(jié)點(diǎn)存在即可調(diào)用，不必存在于<b>document</b>中）。</p> <p> <b>update</b>：被綁定元素所在的模板更新時(shí)調(diào)用，而不論綁定值是否變化。通過比較更新前后的綁定值，可以忽略不必要的模板更新。</p> <p> <b>componentUpdate</b>：被綁定元素所在模板完成一次更新周期時(shí)調(diào)用。</p> <p> <b>unbind</b>：只調(diào)用一次，指令與元素解綁時(shí)調(diào)用。</p> <p>可以根據(jù)需求在不同的鉤子函數(shù)內(nèi)完成邏輯代碼。在元素插入父節(jié)點(diǎn)時(shí)就調(diào)用，用到的最好是<b>inserted</b>。</p> <pre><div class="dnkpnhlp" id="app"> <input type="text" v-focus> </div> Vue.directive("focus", { inserted(el) { el.focus(); } }); new Vue({ el: "#app", }); </pre> <p>打開頁面，<b>input</b>輸入框自動(dòng)獲得焦點(diǎn)，成為可輸入狀態(tài)。</p> <p>每個(gè)鉤子函數(shù)都有幾個(gè)參數(shù)可用：</p> <p> <b>el</b> 指令所綁定的元素，可以用來直接操作DOM</p> <p> <p><b>binding</b> 一個(gè)對象，包含以下屬性：</p> <p> <b>name</b> 指令名，不包括<b>v-</b>前綴</p> <p> <b>value</b> 指令的綁定值</p> <p> <b>oldValue</b> 指令綁定的前一個(gè)值，僅在<b>update</b>和<b>componentUpdate</b>鉤子中可用。無論值是否改變都可用。</p> <p> <b>expression</b> 綁定值的字符串形式。</p> <p> <b>arg</b> 傳給指令的參數(shù)。</p> <p> <b>modifiers</b> 一個(gè)包含修飾符的對象。</p> </p> <p> <b>vnode</b> Vue編譯生成的虛擬節(jié)點(diǎn)。</p> <p> <b>oldVnode</b> 上一個(gè)虛擬節(jié)點(diǎn)僅在<b>update</b>和<b>componentUpdate</b>鉤子中可用。</p> <p><p data-height="265" data-theme-id="0" data-slug-hash="QxKQqY" data-default-tab="html,result" data-user="whjin" data-embed-version="2" data-pen-title="Vue-自定義指令" class="codepen">See the Pen Vue-自定義指令 by whjin (@whjin) on CodePen.</p><br><script async src="https://static.codepen.io/ass...;></script></p> <p>如果需要多個(gè)值，自定義指令可以傳入一個(gè)JavaScript對象字面量。</p> <pre><div class="dnkpnhlp" id="app"> <div v-test="{msg:"hello",name:"Andy}"></div> </div> </pre> <b>開發(fā)一個(gè)實(shí)時(shí)時(shí)間轉(zhuǎn)換指令<b>v-time</b> </b> <p><p data-height="265" data-theme-id="0" data-slug-hash="wXoMpg" data-default-tab="html,result" data-user="whjin" data-embed-version="2" data-pen-title="Vue-實(shí)時(shí)時(shí)間轉(zhuǎn)換指令" class="codepen">See the Pen Vue-實(shí)時(shí)時(shí)間轉(zhuǎn)換指令 by whjin (@whjin) on CodePen.</p><br><script async src="https://static.codepen.io/ass...;></script></p> <p><b>Time.getFormatTime()</b>方法就是自定義指令<b>v-time</b>所需要的，入?yún)楹撩爰墪r(shí)間戳，返回已經(jīng)整理好時(shí)間格式的字符串。</p> <p>在<b>bind</b>鉤子里，將指令<b>v-time</b>表達(dá)式的值<b>binding.value</b>作為參數(shù)傳入<b>TimeFormatTime()</b>方法得到格式化時(shí)間，再通過<b>el.innerHTML</b>寫入指令所在元素。定時(shí)器<b>el.__timeout__</b>每分鐘觸發(fā)一次，更新時(shí)間，并且在<b>unbind</b>鉤子里清除掉。</p> <p><strong>總結(jié)：</strong>在編寫自定義指令時(shí)，給DOM綁定一次性事件等初始動(dòng)作，建議在<b>bind</b>鉤子內(nèi)完成，同時(shí)要在<b>unbind</b>內(nèi)解除相關(guān)綁定。</p> </div> <div id="dnkpnhlp" class="mt-64 tags-seach" > <div id="dnkpnhlp" class="tags-info"> <a style="width:120px;" title="GPU云服務(wù)器" href="http://www.ezyhdfw.cn/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="云服務(wù)器" href="http://www.ezyhdfw.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="自定義指令" href="http://www.ezyhdfw.cn/yun/tag/zidingyizhiling/">自定義指令</a> <a style="width:120px;" title="自定義指令實(shí)例" href="http://www.ezyhdfw.cn/yun/tag/zidingyizhilingshili/">自定義指令實(shí)例</a> <a style="width:120px;" title="大云軟件定義存儲支持的指令架構(gòu)" href="http://www.ezyhdfw.cn/yun/tag/dayunruanjiandingyicunchuzhichidezhilingjiagou/">大云軟件定義存儲支持的指令架構(gòu)</a> <a style="width:120px;" title="自定義" href="http://www.ezyhdfw.cn/yun/tag/zidingyi/">自定義</a> </div> </div> <div id="dnkpnhlp" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/102636.html</p> </div> <ul class="pre-next-page"> <li id="dnkpnhlp" class="ellipsis"><a class="hpf" href="http://www.ezyhdfw.cn/yun/102635.html">上一篇：Array數(shù)組相關(guān)方法</a></li> <li id="dnkpnhlp" class="ellipsis"><a class="hpf" href="http://www.ezyhdfw.cn/yun/102637.html">下一篇：Vue.js-組件詳解</a></li> </ul> </div> <div id="dnkpnhlp" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="dnkpnhlp" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/115564.html"><b><em>vue</em>學(xué)習(xí)筆記（二）</b></a></h2> <p class="ellipsis2 good">摘要：供用戶在相應(yīng)的階段對其進(jìn)行操作。我們像下面這樣使用這個(gè)指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個(gè)常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實(shí)例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個(gè)階段。 這八個(gè)階段里分別有一個(gè)叫做鉤子函數(shù)的實(shí)例選項(xiàng)。供用戶在相應(yīng)的階段對其進(jìn)行操作。 beforeCreate(){ //組件實(shí)例剛...</p> <div id="dnkpnhlp" class="com_white-left-info"> <div id="dnkpnhlp" class="com_white-left-infol"> <a href="http://www.ezyhdfw.cn/yun/u-131.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/01/small_000000131.jpg" alt=""><span id="dnkpnhlp" class="layui-hide64">klivitamJ</span></a> <time datetime="">2019-08-30 13:48</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="dnkpnhlp" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/89169.html"><b><em>vue</em>學(xué)習(xí)筆記（二）</b></a></h2> <p class="ellipsis2 good">摘要：供用戶在相應(yīng)的階段對其進(jìn)行操作。我們像下面這樣使用這個(gè)指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個(gè)常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實(shí)例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個(gè)階段。 這八個(gè)階段里分別有一個(gè)叫做鉤子函數(shù)的實(shí)例選項(xiàng)。供用戶在相應(yīng)的階段對其進(jìn)行操作。 beforeCreate(){ //組件實(shí)例剛...</p> <div id="dnkpnhlp" class="com_white-left-info"> <div id="dnkpnhlp" class="com_white-left-infol"> <a href="http://www.ezyhdfw.cn/yun/u-1085.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/10/small_000001085.jpg" alt=""><span id="dnkpnhlp" class="layui-hide64">Pines_Cheng</span></a> <time datetime="">2019-08-21 17:08</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="dnkpnhlp" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/51380.html"><b><em>vue</em>學(xué)習(xí)筆記（二）</b></a></h2> <p class="ellipsis2 good">摘要：供用戶在相應(yīng)的階段對其進(jìn)行操作。我們像下面這樣使用這個(gè)指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個(gè)常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實(shí)例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個(gè)階段。 這八個(gè)階段里分別有一個(gè)叫做鉤子函數(shù)的實(shí)例選項(xiàng)。供用戶在相應(yīng)的階段對其進(jìn)行操作。 beforeCreate(){ //組件實(shí)例剛...</p> <div id="dnkpnhlp" class="com_white-left-info"> <div id="dnkpnhlp" class="com_white-left-infol"> <a href="http://www.ezyhdfw.cn/yun/u-546.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/05/small_000000546.jpg" alt=""><span id="dnkpnhlp" class="layui-hide64">ideaa</span></a> <time datetime="">2019-08-01 17:48</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="dnkpnhlp" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/88362.html"><b><em>Vue</em> 混合、<em>自</em><em>定義</em><em>指令</em>、插件</b></a></h2> <p class="ellipsis2 good">摘要：當(dāng)組件和混合對象含有同名選項(xiàng)時(shí)，這些選項(xiàng)將以恰當(dāng)?shù)姆绞交旌献远x指令除了默認(rèn)設(shè)置的核心指令和也允許注冊自定義指令。 vue的復(fù)用性與組合 混合 混合 (mixins) 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式?；旌蠈ο罂梢园我饨M件選項(xiàng)。以組件使用混合對象時(shí)，所有混合對象的選項(xiàng)將被混入該組件本身的選項(xiàng)。 當(dāng)組件和混合對象含有同名選項(xiàng)時(shí)，這些選項(xiàng)將以恰當(dāng)?shù)姆绞交旌? ...</p> <div id="dnkpnhlp" class="com_white-left-info"> <div id="dnkpnhlp" class="com_white-left-infol"> <a href="http://www.ezyhdfw.cn/yun/u-1395.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/13/small_000001395.jpg" alt=""><span id="dnkpnhlp" class="layui-hide64">whlong</span></a> <time datetime="">2019-08-21 16:17</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="dnkpnhlp" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://www.ezyhdfw.cn/yun/84624.html"><b>深入解析<em>Vue</em>源碼</b></a></h2> <p class="ellipsis2 good">摘要：你可以使用的方法傳入指令和定義對象來注冊一個(gè)全局自定義指令。深度數(shù)據(jù)觀察如果你希望在一個(gè)對象上使用自定義指令，并且當(dāng)對象內(nèi)部嵌套的屬性發(fā)生變化時(shí)也能夠觸發(fā)指令的函數(shù)，那么你就要在指令的定義中傳入。 Vue簡介 數(shù)據(jù)綁定 /** *假設(shè)有這么兩個(gè)鐘東西 **/ //數(shù)據(jù) var object = { message: Hello World! } //DOM {{ messag...</p> <div id="dnkpnhlp" class="com_white-left-info"> <div id="dnkpnhlp" class="com_white-left-infol"> <a href="http://www.ezyhdfw.cn/yun/u-619.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/06/small_000000619.jpg" alt=""><span id="dnkpnhlp" class="layui-hide64">weapon</span></a> <time datetime="">2019-08-20 18:31</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="dnkpnhlp" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3> <div id="dnkpnhlp" class="xcp-publish-main flex_box_zd"> <div id="dnkpnhlp" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="dnkpnhlp" class="site-box-content"> <div id="dnkpnhlp" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="dnkpnhlp" class="pages"></ul></div> </div> </div> <div id="dnkpnhlp" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="dnkpnhlp" class=""> <div id="dnkpnhlp" class="com_layuiright-box user-msgbox"> <a href="http://www.ezyhdfw.cn/yun/u-1395.html"><img src="http://www.ezyhdfw.cn/yun/data/avatar/000/00/13/small_000001395.jpg" alt=""></a> <h3><a href="http://www.ezyhdfw.cn/yun/u-1395.html" rel="nofollow">whlong</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="dnkpnhlp" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(1395)" id="attenttouser_1395" class="grad follow-btn notfollow attention">我要關(guān)注</a> <a href="javascript:login()" title="發(fā)私信" >我要私信</a> </div> <div id="dnkpnhlp" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://www.ezyhdfw.cn/yun/ut-1395.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/124875.html">#黑五沖刺銷售#fastcomet：全線產(chǎn)品優(yōu)惠，共享主機(jī)最高享70%折扣，vps/專用服務(wù)器享15</a></h3> <p>閱讀 3342<span>·</span>2021-11-24 10:43</p></li> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/124881.html">#黑五#Kimsufi：E5-1620v2/32G/2*2T HDD/100M不限/月付€14.99</a></h3> <p>閱讀 4303<span>·</span>2021-11-24 10:33</p></li> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/124091.html">C語言每日一練——第61天：擲骰子游戲</a></h3> <p>閱讀 3889<span>·</span>2021-11-22 09:34</p></li> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/122174.html">程序員可以多糊弄</a></h3> <p>閱讀 2203<span>·</span>2021-10-11 10:58</p></li> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/122122.html">聊一聊物聯(lián)網(wǎng)嵌入式芯片的內(nèi)容結(jié)構(gòu)</a></h3> <p>閱讀 3865<span>·</span>2021-10-11 10:58</p></li> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/121278.html">C語言----實(shí)現(xiàn)動(dòng)態(tài)通訊錄</a></h3> <p>閱讀 947<span>·</span>2021-09-27 13:36</p></li> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/116893.html">前后端的分離模式</a></h3> <p>閱讀 3726<span>·</span>2019-08-30 15:54</p></li> <li><h3 class="ellipsis"><a href="http://www.ezyhdfw.cn/yun/114499.html">less常用技巧</a></h3> <p>閱讀 3052<span>·</span>2019-08-29 18:41</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="dnkpnhlp" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> <div id="dnkpnhlp" class="com_adbox"> <div id="dnkpnhlp" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://www.ezyhdfw.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://www.ezyhdfw.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器"> </a> </div> <div> <a href="http://www.ezyhdfw.cn/site/product/gpu.html" rel="nofollow"> <img src="http://www.ezyhdfw.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="dnkpnhlp" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://www.ezyhdfw.cn/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="dnkpnhlp" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="dnkpnhlp" class="site-mobile-shade"></div> <!--付費(fèi)閱讀 --> <div class="dnkpnhlp" id="payread"> <div id="dnkpnhlp" class="layui-form-item">閱讀需要支付1元查看</div> <div id="dnkpnhlp" class="layui-form-item"><button class="btn-right">支付并查看</button></div> </div> <script> var prei=0; $(".site-seo-depict pre").each(function(){ var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">',''); $(this).attr('data-clipboard-text',html).attr("id","pre"+prei); $(this).html("").append("<code>"+html+"</code>"); prei++; }) $(".site-seo-depict img").each(function(){ if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){ $(this).remove(); } }) $("LINK[href*='style-49037e4d27.css']").remove(); $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove(); layui.use(['jquery', 'layer','code'], function(){ $("pre").attr("class","layui-code"); $("pre").attr("lay-title",""); $("pre").attr("lay-skin",""); layui.code(); $(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)"); }); function copycode(target){ var id=$(target).parent().parent().attr("id"); var clipboard = new ClipboardJS("#"+id); clipboard.on('success', function(e) { e.clearSelection(); alert("復(fù)制成功") }); clipboard.on('error', function(e) { alert("復(fù)制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://www.ezyhdfw.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://www.ezyhdfw.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://www.ezyhdfw.cn/yun/static/js/clipboard.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script> function setcode(){ var _html=''; document.querySelectorAll('pre code').forEach((block) => { var _tmptext=$.trim($(block).text()); if(_tmptext!=''){ _html=_html+_tmptext; console.log(_html); } }); } </script> <script> function payread(){ layer.open({ type: 1, title:"付費(fèi)閱讀", shadeClose: true, content: $('#payread') }); } // 舉報(bào) function jupao_tip(){ layer.open({ type: 1, title:false, shadeClose: true, content: $('#jubao') }); } $(".getcommentlist").click(function(){ var _id=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); $("#articlecommentlist"+_id).toggleClass("hide"); var flag=$("#articlecommentlist"+_id).attr("dataflag"); if(flag==1){ flag=0; }else{ flag=1; //加載評論 loadarticlecommentlist(_id,_tid); } $("#articlecommentlist"+_id).attr("dataflag",flag); }) $(".add-comment-btn").click(function(){ var _id=$(this).attr("dataid"); $(".formcomment"+_id).toggleClass("hide"); }) $(".btn-sendartcomment").click(function(){ var _aid=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); var _content=$.trim($(".commenttext"+_aid).val()); if(_content==''){ alert("評論內(nèi)容不能為空"); return false; } var touid=$("#btnsendcomment"+_aid).attr("touid"); if(touid==null){ touid=0; } addarticlecomment(_tid,_aid,_content,touid); }) $(".button_agree").click(function(){ var supportobj = $(this); var tid = $(this).attr("id"); $.ajax({ type: "GET", url:"http://www.ezyhdfw.cn/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://www.ezyhdfw.cn/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經(jīng)贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數(shù)據(jù)的類型 POST GET type:"POST", //提交的網(wǎng)址 url:"http://www.ezyhdfw.cn/yun/favorite/topicadd.html", //提交的數(shù)據(jù) data:{tid:_tid,rs:_rs}, //返回?cái)?shù)據(jù)的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調(diào)用的函數(shù) beforeSend:function(){}, //成功返回之后調(diào)用的函數(shù) success:function(data){ var data=eval("("+data+")"); console.log(data) if(data.code==2000){ layer.msg(data.msg,function(){ if(data.rs==1){ //取消收藏 $(".layui-layer-tips").attr("data-tips","收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>'); } if(data.rs==0){ //收藏成功 $(".layui-layer-tips").attr("data-tips","已收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart"></i>') } }) }else{ layer.msg(data.msg) } } , //調(diào)用執(zhí)行后調(diào)用的函數(shù) complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調(diào)用出錯(cuò)執(zhí)行的函數(shù) error: function(){ //請求出錯(cuò)處理 postadopt=false; } }); } </script> <footer> <div id="dnkpnhlp" class="layui-container"> <div id="dnkpnhlp" class="flex_box_zd"> <div id="dnkpnhlp" class="left-footer"> <h6><a href="http://www.ezyhdfw.cn/"><img src="http://www.ezyhdfw.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6> <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p> </div> <div id="dnkpnhlp" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</h6> <p><a href="http://www.ezyhdfw.cn/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://www.ezyhdfw.cn/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://www.ezyhdfw.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://www.ezyhdfw.cn/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >AI繪畫</a></p> <p><a >Wavespeed AI</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://www.ezyhdfw.cn/yun/column/index.html">專欄文章</a></p> <p><a href="http://www.ezyhdfw.cn/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://www.ezyhdfw.cn/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://www.ezyhdfw.cn/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p> <p><a href="http://www.ezyhdfw.cn/site/about/news/report/">媒體動(dòng)態(tài)</a></p> <p><a href="http://www.ezyhdfw.cn/site/cases.html">客戶案例</a></p> <p><a href="http://www.ezyhdfw.cn/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="dnkpnhlp" class="copyright">Copyright ? 2012-2025 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://#/hm.js?290c2650b305fc9fff0dbdcafe48b59d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DZSMXQ3P9N'); </script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script></div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.ezyhdfw.cn/" title="亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站 ">亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站 </a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="u8a2s" class="pl_css_ganrao" style="display: none;"><pre id="u8a2s"><option id="u8a2s"><tbody id="u8a2s"></tbody></option></pre><code id="u8a2s"></code><tbody id="u8a2s"><delect id="u8a2s"><ul id="u8a2s"><abbr id="u8a2s"></abbr></ul></delect></tbody><input id="u8a2s"><source id="u8a2s"><tr id="u8a2s"><sup id="u8a2s"></sup></tr></source></input><bdo id="u8a2s"></bdo><option id="u8a2s"></option><nobr id="u8a2s"></nobr><optgroup id="u8a2s"><var id="u8a2s"><ol id="u8a2s"></ol></var></optgroup><option id="u8a2s"></option><thead id="u8a2s"><progress id="u8a2s"></progress></thead><bdo id="u8a2s"><object id="u8a2s"><wbr id="u8a2s"><dfn id="u8a2s"></dfn></wbr></object></bdo><dl id="u8a2s"></dl><meter id="u8a2s"></meter><sup id="u8a2s"><button id="u8a2s"></button></sup><xmp id="u8a2s"><samp id="u8a2s"></samp></xmp><ol id="u8a2s"></ol><dl id="u8a2s"></dl><menu id="u8a2s"><dl id="u8a2s"></dl></menu><input id="u8a2s"><source id="u8a2s"><tr id="u8a2s"></tr></source></input><dfn id="u8a2s"><menu id="u8a2s"></menu></dfn><em id="u8a2s"></em><wbr id="u8a2s"><pre id="u8a2s"></pre></wbr><tr id="u8a2s"></tr><small id="u8a2s"><optgroup id="u8a2s"><var id="u8a2s"></var></optgroup></small><option id="u8a2s"></option><optgroup id="u8a2s"><small id="u8a2s"></small></optgroup><legend id="u8a2s"><meter id="u8a2s"></meter></legend><form id="u8a2s"></form><progress id="u8a2s"></progress><sub id="u8a2s"><tt id="u8a2s"><table id="u8a2s"></table></tt></sub><thead id="u8a2s"></thead><ruby id="u8a2s"></ruby><tr id="u8a2s"></tr><listing id="u8a2s"></listing><kbd id="u8a2s"></kbd><video id="u8a2s"></video><strong id="u8a2s"></strong><s id="u8a2s"><tfoot id="u8a2s"></tfoot></s><strike id="u8a2s"></strike><kbd id="u8a2s"><noframes id="u8a2s"><div id="u8a2s"><em id="u8a2s"></em></div></noframes></kbd><form id="u8a2s"><sub id="u8a2s"><ruby id="u8a2s"><video id="u8a2s"></video></ruby></sub></form><strike id="u8a2s"><big id="u8a2s"><font id="u8a2s"><noframes id="u8a2s"></noframes></font></big></strike><table id="u8a2s"><listing id="u8a2s"><var id="u8a2s"></var></listing></table><sup id="u8a2s"><pre id="u8a2s"><progress id="u8a2s"><tr id="u8a2s"></tr></progress></pre></sup><option id="u8a2s"><tbody id="u8a2s"></tbody></option><rt id="u8a2s"><dl id="u8a2s"></dl></rt><optgroup id="u8a2s"></optgroup><font id="u8a2s"><tt id="u8a2s"></tt></font><i id="u8a2s"><object id="u8a2s"><address id="u8a2s"></address></object></i><sub id="u8a2s"><ruby id="u8a2s"></ruby></sub><pre id="u8a2s"><option id="u8a2s"></option></pre><meter id="u8a2s"><th id="u8a2s"><delect id="u8a2s"><var id="u8a2s"></var></delect></th></meter><acronym id="u8a2s"></acronym><table id="u8a2s"><em id="u8a2s"></em></table><center id="u8a2s"><legend id="u8a2s"><i id="u8a2s"></i></legend></center><xmp id="u8a2s"></xmp><em id="u8a2s"></em><b id="u8a2s"></b><abbr id="u8a2s"></abbr><option id="u8a2s"><noframes id="u8a2s"><u id="u8a2s"><em id="u8a2s"></em></u></noframes></option><abbr id="u8a2s"><thead id="u8a2s"><form id="u8a2s"></form></thead></abbr><code id="u8a2s"><dfn id="u8a2s"><font id="u8a2s"></font></dfn></code><em id="u8a2s"></em><pre id="u8a2s"><ol id="u8a2s"></ol></pre><del id="u8a2s"></del><label id="u8a2s"></label><menu id="u8a2s"><video id="u8a2s"><blockquote id="u8a2s"><noscript id="u8a2s"></noscript></blockquote></video></menu><track id="u8a2s"><ol id="u8a2s"><video id="u8a2s"><output id="u8a2s"></output></video></ol></track><style id="u8a2s"><optgroup id="u8a2s"></optgroup></style><small id="u8a2s"><style id="u8a2s"><center id="u8a2s"><label id="u8a2s"></label></center></style></small><th id="u8a2s"></th><dl id="u8a2s"><tr id="u8a2s"><samp id="u8a2s"><tbody id="u8a2s"></tbody></samp></tr></dl><legend id="u8a2s"><ruby id="u8a2s"></ruby></legend><tr id="u8a2s"></tr><tr id="u8a2s"><tfoot id="u8a2s"></tfoot></tr><delect id="u8a2s"><small id="u8a2s"><samp id="u8a2s"><strong id="u8a2s"></strong></samp></small></delect><kbd id="u8a2s"><dl id="u8a2s"><ul id="u8a2s"></ul></dl></kbd><i id="u8a2s"><ruby id="u8a2s"><rt id="u8a2s"><abbr id="u8a2s"></abbr></rt></ruby></i><abbr id="u8a2s"><font id="u8a2s"><sup id="u8a2s"></sup></font></abbr><nobr id="u8a2s"></nobr><bdo id="u8a2s"></bdo><wbr id="u8a2s"></wbr><th id="u8a2s"></th><dfn id="u8a2s"></dfn><label id="u8a2s"><i id="u8a2s"><strong id="u8a2s"><table id="u8a2s"></table></strong></i></label><option id="u8a2s"><tt id="u8a2s"><delect id="u8a2s"><pre id="u8a2s"></pre></delect></tt></option><tbody id="u8a2s"><center id="u8a2s"><legend id="u8a2s"></legend></center></tbody><tfoot id="u8a2s"><option id="u8a2s"><object id="u8a2s"><mark id="u8a2s"></mark></object></option></tfoot><dfn id="u8a2s"></dfn><acronym id="u8a2s"></acronym><legend id="u8a2s"></legend><tfoot id="u8a2s"></tfoot><pre id="u8a2s"></pre><strike id="u8a2s"></strike><legend id="u8a2s"><b id="u8a2s"></b></legend><legend id="u8a2s"></legend><li id="u8a2s"><tbody id="u8a2s"></tbody></li><thead id="u8a2s"><output id="u8a2s"><track id="u8a2s"></track></output></thead><s id="u8a2s"></s><center id="u8a2s"></center><samp id="u8a2s"></samp><sup id="u8a2s"></sup><dl id="u8a2s"><th id="u8a2s"><xmp id="u8a2s"></xmp></th></dl><legend id="u8a2s"></legend><li id="u8a2s"></li><center id="u8a2s"></center><cite id="u8a2s"></cite><kbd id="u8a2s"></kbd><button id="u8a2s"></button><nav id="u8a2s"></nav><style id="u8a2s"><dl id="u8a2s"><form id="u8a2s"><menuitem id="u8a2s"></menuitem></form></dl></style><strike id="u8a2s"></strike><legend id="u8a2s"><td id="u8a2s"></td></legend><u id="u8a2s"></u><dl id="u8a2s"><progress id="u8a2s"></progress></dl><strike id="u8a2s"><dd id="u8a2s"></dd></strike><rt id="u8a2s"></rt><kbd id="u8a2s"><noframes id="u8a2s"><nav id="u8a2s"></nav></noframes></kbd><var id="u8a2s"></var><noframes id="u8a2s"></noframes><em id="u8a2s"><track id="u8a2s"><nobr id="u8a2s"></nobr></track></em><th id="u8a2s"><xmp id="u8a2s"></xmp></th><div id="u8a2s"></div><cite id="u8a2s"><td id="u8a2s"><dd id="u8a2s"><small id="u8a2s"></small></dd></td></cite><delect id="u8a2s"><track id="u8a2s"><abbr id="u8a2s"><i id="u8a2s"></i></abbr></track></delect><wbr id="u8a2s"><center id="u8a2s"><center id="u8a2s"><pre id="u8a2s"></pre></center></center></wbr><li id="u8a2s"></li><tt id="u8a2s"></tt><var id="u8a2s"><th id="u8a2s"><legend id="u8a2s"><samp id="u8a2s"></samp></legend></th></var><strong id="u8a2s"></strong><label id="u8a2s"></label><i id="u8a2s"><object id="u8a2s"><address id="u8a2s"></address></object></i><strong id="u8a2s"></strong><noscript id="u8a2s"><legend id="u8a2s"><strike id="u8a2s"><form id="u8a2s"></form></strike></legend></noscript><label id="u8a2s"><code id="u8a2s"><acronym id="u8a2s"></acronym></code></label><button id="u8a2s"></button><menuitem id="u8a2s"><samp id="u8a2s"><pre id="u8a2s"><noframes id="u8a2s"></noframes></pre></samp></menuitem><thead id="u8a2s"></thead><tbody id="u8a2s"><bdo id="u8a2s"><rt id="u8a2s"><wbr id="u8a2s"></wbr></rt></bdo></tbody><pre id="u8a2s"><meter id="u8a2s"><tt id="u8a2s"><u id="u8a2s"></u></tt></meter></pre><fieldset id="u8a2s"><tfoot id="u8a2s"></tfoot></fieldset><form id="u8a2s"><object id="u8a2s"><sup id="u8a2s"><dfn id="u8a2s"></dfn></sup></object></form><div id="u8a2s"></div><small id="u8a2s"></small><kbd id="u8a2s"></kbd><pre id="u8a2s"></pre><tbody id="u8a2s"><delect id="u8a2s"></delect></tbody><strong id="u8a2s"></strong><div id="u8a2s"><ul id="u8a2s"><em id="u8a2s"><optgroup id="u8a2s"></optgroup></em></ul></div><menu id="u8a2s"><rt id="u8a2s"></rt></menu></div> <script src="http://www.ezyhdfw.cn/yun/static/theme/ukd/js/common.js"></script> <<script type="text/javascript"> $(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%"); </script> </html>