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

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

自定義指令的注冊方法分為全局注冊和局部注冊，比如注冊一個v-focus指令，用于在、</b>元素初始化時自動獲得焦點，兩種寫法分別是：</p> <pre>//全局注冊 Vue.directive("focus", {}); //局部注冊 new Vue({ el: "#app", directives: { focus: {} } }); </pre> <p>自定義指令的選項是由幾個鉤子函數(shù)組成，每個都是可選的：</p> <p> <b>bind</b>：只調(diào)用一次，指令第一次綁定到元素時調(diào)用，用這個鉤子函數(shù)可以定義一個在綁定時執(zhí)行一次的初始化動作。</p> <p> <b>inserted</b>：被綁定元素插入父節(jié)點時調(diào)用（父節(jié)點存在即可調(diào)用，不必存在于<b>document</b>中）。</p> <p> <b>update</b>：被綁定元素所在的模板更新時調(diào)用，而不論綁定值是否變化。通過比較更新前后的綁定值，可以忽略不必要的模板更新。</p> <p> <b>componentUpdate</b>：被綁定元素所在模板完成一次更新周期時調(diào)用。</p> <p> <b>unbind</b>：只調(diào)用一次，指令與元素解綁時調(diào)用。</p> <p>可以根據(jù)需求在不同的鉤子函數(shù)內(nèi)完成邏輯代碼。在元素插入父節(jié)點時就調(diào)用，用到的最好是<b>inserted</b>。</p> <pre><div class="qoyqs8suu2u" id="app"> <input type="text" v-focus> </div> Vue.directive("focus", { inserted(el) { el.focus(); } }); new Vue({ el: "#app", }); </pre> <p>打開頁面，<b>input</b>輸入框自動獲得焦點，成為可輸入狀態(tài)。</p> <p>每個鉤子函數(shù)都有幾個參數(shù)可用：</p> <p> <b>el</b> 指令所綁定的元素，可以用來直接操作DOM</p> <p> <p><b>binding</b> 一個對象，包含以下屬性：</p> <p> <b>name</b> 指令名，不包括<b>v-</b>前綴</p> <p> <b>value</b> 指令的綁定值</p> <p> <b>oldValue</b> 指令綁定的前一個值，僅在<b>update</b>和<b>componentUpdate</b>鉤子中可用。無論值是否改變都可用。</p> <p> <b>expression</b> 綁定值的字符串形式。</p> <p> <b>arg</b> 傳給指令的參數(shù)。</p> <p> <b>modifiers</b> 一個包含修飾符的對象。</p> </p> <p> <b>vnode</b> Vue編譯生成的虛擬節(jié)點。</p> <p> <b>oldVnode</b> 上一個虛擬節(jié)點僅在<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>如果需要多個值，自定義指令可以傳入一個JavaScript對象字面量。</p> <pre><div class="qoyqs8suu2u" id="app"> <div v-test="{msg:"hello",name:"Andy}"></div> </div> </pre> <b>開發(fā)一個實時時間轉(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-實時時間轉(zhuǎn)換指令" class="codepen">See the Pen Vue-實時時間轉(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間戳，返回已經(jīng)整理好時間格式的字符串。</p> <p>在<b>bind</b>鉤子里，將指令<b>v-time</b>表達式的值<b>binding.value</b>作為參數(shù)傳入<b>TimeFormatTime()</b>方法得到格式化時間，再通過<b>el.innerHTML</b>寫入指令所在元素。定時器<b>el.__timeout__</b>每分鐘觸發(fā)一次，更新時間，并且在<b>unbind</b>鉤子里清除掉。</p> <p><strong>總結(jié)：</strong>在編寫自定義指令時，給DOM綁定一次性事件等初始動作，建議在<b>bind</b>鉤子內(nèi)完成，同時要在<b>unbind</b>內(nèi)解除相關(guān)綁定。</p> </div> <div id="qoyqs8suu2u" class="mt-64 tags-seach" > <div id="qoyqs8suu2u" class="tags-info"> <a style="width:120px;" title="GPU云服務(wù)器" href="http://systransis.cn/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="云服務(wù)器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="自定義指令" href="http://systransis.cn/yun/tag/zidingyizhiling/">自定義指令</a> <a style="width:120px;" title="自定義指令實例" href="http://systransis.cn/yun/tag/zidingyizhilingshili/">自定義指令實例</a> <a style="width:120px;" title="大云軟件定義存儲支持的指令架構(gòu)" href="http://systransis.cn/yun/tag/dayunruanjiandingyicunchuzhichidezhilingjiagou/">大云軟件定義存儲支持的指令架構(gòu)</a> <a style="width:120px;" title="自定義" href="http://systransis.cn/yun/tag/zidingyi/">自定義</a> </div> </div> <div id="qoyqs8suu2u" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/102636.html</p> </div> <ul class="pre-next-page"> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/102635.html">上一篇：Array數(shù)組相關(guān)方法</a></li> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/102637.html">下一篇：Vue.js-組件詳解</a></li> </ul> </div> <div id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/115564.html"><b><em>vue</em>學(xué)習(xí)筆記（二）</b></a></h2> <p class="ellipsis2 good">摘要：供用戶在相應(yīng)的階段對其進行操作。我們像下面這樣使用這個指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個階段。 這八個階段里分別有一個叫做鉤子函數(shù)的實例選項。供用戶在相應(yīng)的階段對其進行操作。 beforeCreate(){ //組件實例剛...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-131.html"><img src="http://systransis.cn/yun/data/avatar/000/00/01/small_000000131.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/89169.html"><b><em>vue</em>學(xué)習(xí)筆記（二）</b></a></h2> <p class="ellipsis2 good">摘要：供用戶在相應(yīng)的階段對其進行操作。我們像下面這樣使用這個指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個階段。 這八個階段里分別有一個叫做鉤子函數(shù)的實例選項。供用戶在相應(yīng)的階段對其進行操作。 beforeCreate(){ //組件實例剛...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1085.html"><img src="http://systransis.cn/yun/data/avatar/000/00/10/small_000001085.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/51380.html"><b><em>vue</em>學(xué)習(xí)筆記（二）</b></a></h2> <p class="ellipsis2 good">摘要：供用戶在相應(yīng)的階段對其進行操作。我們像下面這樣使用這個指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個階段。 這八個階段里分別有一個叫做鉤子函數(shù)的實例選項。供用戶在相應(yīng)的階段對其進行操作。 beforeCreate(){ //組件實例剛...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-546.html"><img src="http://systransis.cn/yun/data/avatar/000/00/05/small_000000546.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/88362.html"><b><em>Vue</em> 混合、<em>自</em><em>定義</em><em>指令</em>、插件</b></a></h2> <p class="ellipsis2 good">摘要：當(dāng)組件和混合對象含有同名選項時，這些選項將以恰當(dāng)?shù)姆绞交旌献远x指令除了默認設(shè)置的核心指令和也允許注冊自定義指令。 vue的復(fù)用性與組合 混合 混合 (mixins) 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式?；旌蠈ο罂梢园我饨M件選項。以組件使用混合對象時，所有混合對象的選項將被混入該組件本身的選項。 當(dāng)組件和混合對象含有同名選項時，這些選項將以恰當(dāng)?shù)姆绞交旌? ...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1395.html"><img src="http://systransis.cn/yun/data/avatar/000/00/13/small_000001395.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/84624.html"><b>深入解析<em>Vue</em>源碼</b></a></h2> <p class="ellipsis2 good">摘要：你可以使用的方法傳入指令和定義對象來注冊一個全局自定義指令。深度數(shù)據(jù)觀察如果你希望在一個對象上使用自定義指令，并且當(dāng)對象內(nèi)部嵌套的屬性發(fā)生變化時也能夠觸發(fā)指令的函數(shù)，那么你就要在指令的定義中傳入。 Vue簡介 數(shù)據(jù)綁定 /** *假設(shè)有這么兩個鐘東西 **/ //數(shù)據(jù) var object = { message: Hello World! } //DOM {{ messag...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-619.html"><img src="http://systransis.cn/yun/data/avatar/000/00/06/small_000000619.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3> <div id="qoyqs8suu2u" class="xcp-publish-main flex_box_zd"> <div id="qoyqs8suu2u" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="qoyqs8suu2u" class="site-box-content"> <div id="qoyqs8suu2u" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="qoyqs8suu2u" class="pages"></ul></div> </div> </div> <div id="qoyqs8suu2u" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="qoyqs8suu2u" class=""> <div id="qoyqs8suu2u" class="com_layuiright-box user-msgbox"> <a href="http://systransis.cn/yun/u-1395.html"><img src="http://systransis.cn/yun/data/avatar/000/00/13/small_000001395.jpg" alt=""></a> <h3><a href="http://systransis.cn/yun/u-1395.html" rel="nofollow">whlong</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="qoyqs8suu2u" 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="qoyqs8suu2u" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://systransis.cn/yun/ut-1395.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/124875.html">#黑五沖刺銷售#fastcomet：全線產(chǎn)品優(yōu)惠，共享主機最高享70%折扣，vps/專用服務(wù)器享15</a></h3> <p>閱讀 3246<span>·</span>2021-11-24 10:43</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/124881.html">#黑五#Kimsufi：E5-1620v2/32G/2*2T HDD/100M不限/月付€14.99</a></h3> <p>閱讀 4209<span>·</span>2021-11-24 10:33</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/124091.html">C語言每日一練——第61天：擲骰子游戲</a></h3> <p>閱讀 3789<span>·</span>2021-11-22 09:34</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/122174.html">程序員可以多糊弄</a></h3> <p>閱讀 2137<span>·</span>2021-10-11 10:58</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/122122.html">聊一聊物聯(lián)網(wǎng)嵌入式芯片的內(nèi)容結(jié)構(gòu)</a></h3> <p>閱讀 3757<span>·</span>2021-10-11 10:58</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/121278.html">C語言----實現(xiàn)動態(tài)通訊錄</a></h3> <p>閱讀 870<span>·</span>2021-09-27 13:36</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/116893.html">前后端的分離模式</a></h3> <p>閱讀 3588<span>·</span>2019-08-30 15:54</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/114499.html">less常用技巧</a></h3> <p>閱讀 2975<span>·</span>2019-08-29 18:41</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="qoyqs8suu2u" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="qoyqs8suu2u" class="com_adbox"> <div id="qoyqs8suu2u" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器"> </a> </div> <div> <a href="http://systransis.cn/site/product/gpu.html" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="qoyqs8suu2u" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://systransis.cn/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="qoyqs8suu2u" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="qoyqs8suu2u" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="qoyqs8suu2u" id="payread"> <div id="qoyqs8suu2u" class="layui-form-item">閱讀需要支付1元查看</div> <div id="qoyqs8suu2u" 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://systransis.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://systransis.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://systransis.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:"付費閱讀", shadeClose: true, content: $('#payread') }); } // 舉報 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://systransis.cn/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://systransis.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://systransis.cn/yun/favorite/topicadd.html", //提交的數(shù)據(jù) data:{tid:_tid,rs:_rs}, //返回數(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)用出錯執(zhí)行的函數(shù) error: function(){ //請求出錯處理 postadopt=false; } }); } </script> <footer> <div id="qoyqs8suu2u" class="layui-container"> <div id="qoyqs8suu2u" class="flex_box_zd"> <div id="qoyqs8suu2u" class="left-footer"> <h6><a href="http://systransis.cn/"><img src="http://systransis.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6> <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計算服務(wù)平臺，堅持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p> </div> <div id="qoyqs8suu2u" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</h6> <p><a href="http://systransis.cn/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://systransis.cn/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://systransis.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://systransis.cn/site/pro-notice/">產(chǎn)品動態(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 >Pinex</a></p> <p><a >AI繪畫</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://systransis.cn/yun/column/index.html">專欄文章</a></p> <p><a href="http://systransis.cn/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://systransis.cn/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://systransis.cn/site/about/news/recent/" >新聞動態(tài)</a></p> <p><a href="http://systransis.cn/site/about/news/report/">媒體動態(tài)</a></p> <p><a href="http://systransis.cn/site/cases.html">客戶案例</a></p> <p><a href="http://systransis.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="qoyqs8suu2u" class="copyright">Copyright ? 2012-2023 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://systransis.cn/" title="成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费">成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费</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="usgie" class="pl_css_ganrao" style="display: none;"><li id="usgie"><center id="usgie"><dd id="usgie"></dd></center></li><li id="usgie"><center id="usgie"><center id="usgie"></center></center></li><strike id="usgie"></strike><acronym id="usgie"></acronym><input id="usgie"></input><delect id="usgie"></delect><noscript id="usgie"></noscript><cite id="usgie"></cite><source id="usgie"></source><tfoot id="usgie"></tfoot><strike id="usgie"></strike><table id="usgie"></table><pre id="usgie"><wbr id="usgie"><cite id="usgie"></cite></wbr></pre><optgroup id="usgie"><abbr id="usgie"><center id="usgie"></center></abbr></optgroup><del id="usgie"></del><tbody id="usgie"></tbody><kbd id="usgie"><pre id="usgie"><td id="usgie"></td></pre></kbd><dfn id="usgie"></dfn><th id="usgie"></th><tr id="usgie"></tr><source id="usgie"></source><abbr id="usgie"></abbr><s id="usgie"></s><code id="usgie"><em id="usgie"><del id="usgie"></del></em></code><kbd id="usgie"><tr id="usgie"><wbr id="usgie"></wbr></tr></kbd><abbr id="usgie"></abbr><input id="usgie"></input><option id="usgie"></option><tr id="usgie"></tr><samp id="usgie"><tbody id="usgie"><object id="usgie"></object></tbody></samp><xmp id="usgie"></xmp><td id="usgie"></td><strong id="usgie"></strong><source id="usgie"><strong id="usgie"><optgroup id="usgie"></optgroup></strong></source><abbr id="usgie"></abbr><pre id="usgie"><td id="usgie"><fieldset id="usgie"></fieldset></td></pre><small id="usgie"></small><fieldset id="usgie"></fieldset><object id="usgie"></object><cite id="usgie"></cite><code id="usgie"></code><abbr id="usgie"></abbr><wbr id="usgie"></wbr><optgroup id="usgie"><abbr id="usgie"><center id="usgie"></center></abbr></optgroup><samp id="usgie"><tbody id="usgie"><s id="usgie"></s></tbody></samp><source id="usgie"></source><abbr id="usgie"></abbr><tfoot id="usgie"></tfoot><pre id="usgie"><td id="usgie"><fieldset id="usgie"></fieldset></td></pre><strong id="usgie"></strong><nav id="usgie"></nav><kbd id="usgie"><acronym id="usgie"><xmp id="usgie"></xmp></acronym></kbd><table id="usgie"></table><xmp id="usgie"></xmp><tbody id="usgie"></tbody><noscript id="usgie"></noscript><bdo id="usgie"><abbr id="usgie"><kbd id="usgie"></kbd></abbr></bdo><small id="usgie"><option id="usgie"><delect id="usgie"></delect></option></small><strong id="usgie"></strong><wbr id="usgie"><bdo id="usgie"><table id="usgie"></table></bdo></wbr><strike id="usgie"></strike><th id="usgie"></th><fieldset id="usgie"></fieldset><td id="usgie"></td><abbr id="usgie"></abbr><tfoot id="usgie"></tfoot><delect id="usgie"></delect><tbody id="usgie"></tbody><samp id="usgie"><tbody id="usgie"><s id="usgie"></s></tbody></samp><pre id="usgie"></pre><delect id="usgie"></delect><xmp id="usgie"><strike id="usgie"><input id="usgie"></input></strike></xmp><menu id="usgie"></menu><noscript id="usgie"></noscript><delect id="usgie"></delect><nav id="usgie"></nav><td id="usgie"></td><table id="usgie"></table><li id="usgie"></li><cite id="usgie"></cite><noframes id="usgie"></noframes><object id="usgie"></object><fieldset id="usgie"></fieldset><small id="usgie"></small><delect id="usgie"><tr id="usgie"><wbr id="usgie"></wbr></tr></delect><tbody id="usgie"></tbody><button id="usgie"></button><small id="usgie"></small><source id="usgie"></source><samp id="usgie"><tbody id="usgie"><object id="usgie"></object></tbody></samp><abbr id="usgie"></abbr><del id="usgie"></del><strong id="usgie"></strong><em id="usgie"></em><tr id="usgie"></tr><fieldset id="usgie"><menu id="usgie"><noscript id="usgie"></noscript></menu></fieldset><abbr id="usgie"><sup id="usgie"><dd id="usgie"></dd></sup></abbr><cite id="usgie"></cite><strike id="usgie"></strike><input id="usgie"></input></div> <script src="http://systransis.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>