資訊專欄INFORMATION COLUMN
摘要：最近在找春季實(shí)習(xí)生工作，為了準(zhǔn)備實(shí)習(xí)面試筆試，開通屬于自己的專欄來記錄自己的學(xué)習(xí)過程，同時(shí)也是為了檢驗(yàn)自己是否真正的理解了學(xué)習(xí)的知識(shí)點(diǎn)。一概念今天學(xué)習(xí)的是中的操作。二節(jié)點(diǎn)在中節(jié)點(diǎn)包括以下幾種元素節(jié)點(diǎn)文本節(jié)點(diǎn)屬性節(jié)點(diǎn)。
最近在找春季實(shí)習(xí)生工作，為了準(zhǔn)備實(shí)習(xí)面試筆試，開通屬于自己的專欄來記錄自己的學(xué)習(xí)過程，同時(shí)也是為了檢驗(yàn)自己是否真正的理解了學(xué)習(xí)的知識(shí)點(diǎn)。
一、DOM概念
今天學(xué)習(xí)的是JavaScript中的DOM操作。說起DOM操作，首先我們需要知道什么是DOM，DOM也叫文檔對(duì)象模型，其中D代表的是Document,即文檔；O代表的是Object,即對(duì)象；M代表的是model，即模型。
所謂模型，其實(shí)就是某種事物的表現(xiàn)形式，就像是一個(gè)火車模型代表的是真是的火車一樣，DOM代表的是加載到瀏覽器并呈現(xiàn)在用戶眼前的網(wǎng)頁。DOM把一份文檔表示成一棵樹，叫做DOM樹。既然有了樹的概念，那就還有根，父節(jié)點(diǎn)，子節(jié)點(diǎn)，兄弟節(jié)點(diǎn)的概念了。在下面的網(wǎng)頁中我們看一個(gè)例子：
這是測試?yán)?/title>
</head>
<body>
<div>
<ul>
<li>例子</li>
<li>例子</li>
</ul>
<p>段落測試</p>
<div>
</body>
</html>
</pre>
<p>以上例子我們可以看到，<html>標(biāo)簽為根標(biāo)簽，接下來<head>和<body>標(biāo)簽屬于<html>的子元素或者是子節(jié)點(diǎn)，在<head>標(biāo)簽中，<title>又是<head>的子標(biāo)簽，<body>中<div>是其子標(biāo)簽，<div>標(biāo)簽中<ul>與上面的p標(biāo)簽都是其子元素，而這兩者是兄弟元素關(guān)系。 <br>以上就是一個(gè)典型的文檔樹關(guān)系。<br>二、節(jié)點(diǎn)<br>在DOM中節(jié)點(diǎn)包括以下幾種：<br>元素節(jié)點(diǎn)；文本節(jié)點(diǎn)；屬性節(jié)點(diǎn)。<br>元素節(jié)點(diǎn)：<br>文檔樹中諸如<head><body><ul>等叫做元素節(jié)點(diǎn)，標(biāo)簽的名字就是元素的節(jié)點(diǎn)名字；<br>文本節(jié)點(diǎn)：<br>上面說的元素節(jié)點(diǎn)是一種結(jié)構(gòu)節(jié)點(diǎn)，如果一個(gè)文檔中全部是元素節(jié)點(diǎn)則不會(huì)顯示任何內(nèi)容，網(wǎng)頁中的大部分的內(nèi)容都是通過文本節(jié)點(diǎn)展現(xiàn)出來的。文本節(jié)點(diǎn)總是包含在元素節(jié)點(diǎn)內(nèi)部。<br>屬性節(jié)點(diǎn)：<br>屬性節(jié)點(diǎn)用來對(duì)元素做出更加詳細(xì)的描述。幾乎每個(gè)元素節(jié)點(diǎn)都會(huì)有一個(gè)title屬性，用來描述該元素節(jié)點(diǎn)是用來干什么的。<br>三、DOM的相關(guān)操作<br>1、獲取元素<br>獲取元素有三種方法可以獲得：<br>(1)getElementById()該方法接收一個(gè)參數(shù)，這個(gè)參數(shù)是元素的id屬性值，該方法返回一個(gè)id屬性值為相應(yīng)值的元素對(duì)象<br>(2)getElementByTagName()改方法也接收一個(gè)參數(shù)，參數(shù)為元素名稱，該方法返回的是一個(gè)對(duì)象數(shù)組。即使匹配的元素只有一個(gè)同樣也會(huì)是數(shù)組類型，只是數(shù)組長度為1。<br>(3)getElementByClass()該方法接收一個(gè)參數(shù)，即元素屬性為class的值，該方法也返回一個(gè)數(shù)組。<br>未完待續(xù)</p>
</div>
<div id="qoyqs8suu2u" class="mt-64 tags-seach" >
<div id="qoyqs8suu2u" class="tags-info">
<a style="width:120px;" title="云服務(wù)器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a>
<a style="width:120px;" title="GPU云服務(wù)器" href="http://systransis.cn/site/product/gpu.html">GPU云服務(wù)器</a>
<a style="width:120px;" title="js中操作dom節(jié)點(diǎn)" href="http://systransis.cn/yun/tag/jszhongcaozuodomjiedian/">js中操作dom節(jié)點(diǎn)</a>
<a style="width:120px;" title="js操作dom對(duì)象" href="http://systransis.cn/yun/tag/jscaozuodomduixiang/">js操作dom對(duì)象</a>
<a style="width:120px;" title="js中dom刷新頁面" href="http://systransis.cn/yun/tag/jszhongdomshuaxinyemian/">js中dom刷新頁面</a>
<a style="width:120px;" title="Dom操作" href="http://systransis.cn/yun/tag/Domcaozuo/">Dom操作</a>
</div>
</div>
<div id="qoyqs8suu2u" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p>
<p>轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79159.html</p>
</div>
<ul class="pre-next-page">
<li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/79158.html">上一篇：build your promise step by step</a></li>
<li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/79160.html">下一篇：feeds流中的圖片</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/106918.html"><b>javascript高級(jí)學(xué)習(xí)<em>總結(jié)</em>（二）</b></a></h2>
<p class="ellipsis2 good">摘要：那個(gè)率先改變的實(shí)例的返回值，就會(huì)傳遞給的回調(diào)函數(shù)。函數(shù)對(duì)函數(shù)的改進(jìn)，體現(xiàn)在以下四點(diǎn)內(nèi)置執(zhí)行器。進(jìn)一步說，函數(shù)完全可以看作多個(gè)異步操作，包裝成的一個(gè)對(duì)象，而命令就是內(nèi)部命令的語法糖。中的本質(zhì)就是沒有的隱藏的組件。
1、原型 - jquery使用showImg(https://segmentfault.com/img/bVbwNcY?w=692&h=442);注釋 : 實(shí)例雖然不同，但是構(gòu)...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-217.html"><img src="http://systransis.cn/yun/data/avatar/000/00/02/small_000000217.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">Songlcy</span></a>
<time datetime="">2019-08-26 10:58</time>
<span><i class="fa fa-commenting"></i>評(píng)論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/49816.html"><b><em>JS</em><em>中</em><em>DOM</em><em>操作</em><em>總結(jié)</em></b></a></h2>
<p class="ellipsis2 good">摘要：最近在找春季實(shí)習(xí)生工作，為了準(zhǔn)備實(shí)習(xí)面試筆試，開通屬于自己的專欄來記錄自己的學(xué)習(xí)過程，同時(shí)也是為了檢驗(yàn)自己是否真正的理解了學(xué)習(xí)的知識(shí)點(diǎn)。一概念今天學(xué)習(xí)的是中的操作。二節(jié)點(diǎn)在中節(jié)點(diǎn)包括以下幾種元素節(jié)點(diǎn)文本節(jié)點(diǎn)屬性節(jié)點(diǎn)。
最近在找春季實(shí)習(xí)生工作，為了準(zhǔn)備實(shí)習(xí)面試筆試，開通屬于自己的專欄來記錄自己的學(xué)習(xí)過程，同時(shí)也是為了檢驗(yàn)自己是否真正的理解了學(xué)習(xí)的知識(shí)點(diǎn)。
一、DOM概念
今天學(xué)習(xí)的是Ja...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-347.html"><img src="http://systransis.cn/yun/data/avatar/000/00/03/small_000000347.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">jifei</span></a>
<time datetime="">2019-08-01 15:11</time>
<span><i class="fa fa-commenting"></i>評(píng)論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/94918.html"><b>vue常用知識(shí)點(diǎn)<em>總結(jié)</em></b></a></h2>
<p class="ellipsis2 good">摘要：這里借鑒了一下的處理方式，我們把單獨(dú)模塊的包裝成一個(gè)函數(shù)，提供一個(gè)全局的回調(diào)方法，加載完成時(shí)候再調(diào)用回調(diào)函數(shù)。
感謝本文引用鏈接的各位大佬們，小菜鳥我只是個(gè)搬運(yùn)工
1.談一談你理解的vue是什么樣子的？
vue是數(shù)據(jù)、視圖分離的一個(gè)框架，讓數(shù)據(jù)與視圖間不會(huì)發(fā)生直接聯(lián)系。MVVM
組件化：把整體拆分為各個(gè)可以復(fù)用的個(gè)體
數(shù)據(jù)驅(qū)動(dòng)：通過數(shù)據(jù)變化直接影響bom展示，避免dom操作。
可以在...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-1177.html"><img src="http://systransis.cn/yun/data/avatar/000/00/11/small_000001177.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">xiaokai</span></a>
<time datetime="">2019-08-22 17:10</time>
<span><i class="fa fa-commenting"></i>評(píng)論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/91582.html"><b><em>JS</em>基礎(chǔ)篇--<em>JS</em>的<em>DOM</em><em>操作</em> - 你真的了解嗎?</b></a></h2>
<p class="ellipsis2 good">摘要：摘要想稍微系統(tǒng)的說說對(duì)于的操作把和常用操作的內(nèi)容歸納成思維導(dǎo)圖方便閱讀同時(shí)加入性能上的一些問題前言在前端開發(fā)的過程中極為重要的一個(gè)功能就是對(duì)對(duì)象的操作無論增刪改查在前端頁面操作這一范圍內(nèi)都是比較消耗性能的如何高效率的便捷的操作這就是本文要講
摘要
想稍微系統(tǒng)的說說對(duì)于DOM的操作,把Javascript和jQuery常用操作DOM的內(nèi)容歸納成思維導(dǎo)圖方便閱讀,同時(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-1215.html"><img src="http://systransis.cn/yun/data/avatar/000/00/12/small_000001215.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">DirtyMind</span></a>
<time datetime="">2019-08-22 10:59</time>
<span><i class="fa fa-commenting"></i>評(píng)論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ā)表評(píng)論</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">登陸后可評(píng)論</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條評(píng)論</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-351.html"><img src="http://systransis.cn/yun/data/avatar/000/00/03/small_000000351.jpg" alt=""></a>
<h3><a href="http://systransis.cn/yun/u-351.html" rel="nofollow">Jacendfeng</a></h3>
<h6>男<span>|</span>高級(jí)講師</h6>
<div id="qoyqs8suu2u" class="flex_box_zd user-msgbox-atten">
<a href="javascript:attentto_user(351)" id="attenttouser_351" 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-351.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/120415.html">云主機(jī)怎么管理-如何選擇云主機(jī)部署管理軟件？</a></h3>
<p>閱讀 1659<span>·</span>2021-09-22 15:21</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119613.html">測試金字塔，你在哪一層？</a></h3>
<p>閱讀 2875<span>·</span>2021-09-09 09:32</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/118768.html">DogYun：28元/月/1GB內(nèi)存/10GB SSD空間/500GB流量/50Mbps-100Mb</a></h3>
<p>閱讀 2710<span>·</span>2021-09-02 09:52</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/115722.html">chorme瀏覽器記住密碼后input黃色背景處理方法總結(jié)（三種）</a></h3>
<p>閱讀 3321<span>·</span>2019-08-30 14:02</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/108807.html">[ 一起學(xué)React系列 -- 9 ] React中的文件下載</a></h3>
<p>閱讀 2235<span>·</span>2019-08-26 13:25</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/108744.html">vue源碼解讀-Flow</a></h3>
<p>閱讀 1468<span>·</span>2019-08-26 13:24</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/106313.html">開源免費(fèi)信息門戶框架 Bodhi Portal 發(fā)布了！</a></h3>
<p>閱讀 1618<span>·</span>2019-08-26 10:31</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/105889.html">「HTML5」FileAPI 文件操作實(shí)戰(zhàn)</a></h3>
<p>閱讀 1570<span>·</span>2019-08-26 10:16</p></li>
</ul>
</div>
<!-- 文章詳情右側(cè)廣告-->
<div id="qoyqs8suu2u" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動(dòng)</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>
<!--付費(fèi)閱讀 -->
<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:"付費(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;
//加載評(píng)論
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("評(píng)論內(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},
//返回?cái)?shù)據(jù)的格式
datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
//在請(qǐng)求之前調(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(){
//請(qǐng)求出錯(cuò)處理
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)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺(tái)，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺(tái)、AI服務(wù)平臺(tái)等一系列云計(jì)算產(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)品動(dòng)態(tài)</a></p>
</li>
<li>
<h6>友情鏈接</h6> <p><a >GPU算力平臺(tái)</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/" >新聞動(dòng)態(tài)</a></p>
<p><a href="http://systransis.cn/site/about/news/report/">媒體動(dòng)態(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號(hào)</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-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="cyoew" class="pl_css_ganrao" style="display: none;"><fieldset id="cyoew"></fieldset><option id="cyoew"><samp id="cyoew"><tbody id="cyoew"></tbody></samp></option><dd id="cyoew"><th id="cyoew"><object id="cyoew"></object></th></dd><dfn id="cyoew"><source id="cyoew"><strong id="cyoew"></strong></source></dfn><object id="cyoew"></object><tfoot id="cyoew"></tfoot><tr id="cyoew"></tr><dl id="cyoew"></dl><pre id="cyoew"></pre><object id="cyoew"></object><abbr id="cyoew"></abbr><dd id="cyoew"></dd><code id="cyoew"></code><optgroup id="cyoew"><abbr id="cyoew"><center id="cyoew"></center></abbr></optgroup><dfn id="cyoew"><source id="cyoew"><strong id="cyoew"></strong></source></dfn><noscript id="cyoew"></noscript><kbd id="cyoew"><pre id="cyoew"><td id="cyoew"></td></pre></kbd><abbr id="cyoew"><center id="cyoew"><dd id="cyoew"></dd></center></abbr><center id="cyoew"></center><bdo id="cyoew"><option id="cyoew"><kbd id="cyoew"></kbd></option></bdo><object id="cyoew"></object><wbr id="cyoew"><bdo id="cyoew"><table id="cyoew"></table></bdo></wbr><noscript id="cyoew"></noscript><pre id="cyoew"><s id="cyoew"><bdo id="cyoew"></bdo></s></pre><delect id="cyoew"></delect><rt id="cyoew"></rt><fieldset id="cyoew"></fieldset><strong id="cyoew"></strong><nav id="cyoew"><li id="cyoew"><button id="cyoew"></button></li></nav><sup id="cyoew"></sup><dfn id="cyoew"><rt id="cyoew"><strong id="cyoew"></strong></rt></dfn><pre id="cyoew"></pre><wbr id="cyoew"><cite id="cyoew"><table id="cyoew"></table></cite></wbr><optgroup id="cyoew"><abbr id="cyoew"><center id="cyoew"></center></abbr></optgroup><strong id="cyoew"></strong><tbody id="cyoew"></tbody><strike id="cyoew"></strike><abbr id="cyoew"><center id="cyoew"><dd id="cyoew"></dd></center></abbr><tfoot id="cyoew"></tfoot><kbd id="cyoew"></kbd><strike id="cyoew"></strike><option id="cyoew"><delect id="cyoew"><tr id="cyoew"></tr></delect></option><center id="cyoew"></center><bdo id="cyoew"></bdo><table id="cyoew"><noscript id="cyoew"><pre id="cyoew"></pre></noscript></table><center id="cyoew"></center><noframes id="cyoew"></noframes><bdo id="cyoew"><abbr id="cyoew"><delect id="cyoew"></delect></abbr></bdo><nav id="cyoew"></nav><th id="cyoew"><nav id="cyoew"><small id="cyoew"></small></nav></th><tfoot id="cyoew"></tfoot><rt id="cyoew"><tbody id="cyoew"><noframes id="cyoew"></noframes></tbody></rt><tbody id="cyoew"></tbody><table id="cyoew"><kbd id="cyoew"><tr id="cyoew"></tr></kbd></table><source id="cyoew"><code id="cyoew"><optgroup id="cyoew"></optgroup></code></source><object id="cyoew"></object><td id="cyoew"></td><noframes id="cyoew"><ul id="cyoew"><dfn id="cyoew"></dfn></ul></noframes><noscript id="cyoew"></noscript><del id="cyoew"></del><option id="cyoew"></option><em id="cyoew"></em><td id="cyoew"></td><pre id="cyoew"><wbr id="cyoew"><cite id="cyoew"></cite></wbr></pre><input id="cyoew"></input><delect id="cyoew"></delect><ul id="cyoew"><dfn id="cyoew"><rt id="cyoew"></rt></dfn></ul><option id="cyoew"></option><del id="cyoew"></del><pre id="cyoew"><wbr id="cyoew"><fieldset id="cyoew"></fieldset></wbr></pre><dl id="cyoew"><nav id="cyoew"><li id="cyoew"></li></nav></dl><strong id="cyoew"></strong><dfn id="cyoew"></dfn><noframes id="cyoew"><del id="cyoew"><dfn id="cyoew"></dfn></del></noframes><cite id="cyoew"></cite><center id="cyoew"></center><del id="cyoew"></del><optgroup id="cyoew"><ul id="cyoew"><center id="cyoew"></center></ul></optgroup><tfoot id="cyoew"></tfoot><object id="cyoew"><small id="cyoew"><button id="cyoew"></button></small></object><th id="cyoew"></th><tfoot id="cyoew"></tfoot><samp id="cyoew"></samp><table id="cyoew"><kbd id="cyoew"><pre id="cyoew"></pre></kbd></table><th id="cyoew"></th><td id="cyoew"></td><li id="cyoew"></li><noscript id="cyoew"></noscript><tbody id="cyoew"></tbody><optgroup id="cyoew"></optgroup><code id="cyoew"><em id="cyoew"><ul id="cyoew"></ul></em></code><abbr id="cyoew"></abbr><option id="cyoew"></option><wbr id="cyoew"></wbr><center id="cyoew"></center><pre id="cyoew"></pre><dd id="cyoew"><dl id="cyoew"><object id="cyoew"></object></dl></dd><code id="cyoew"></code><source id="cyoew"><code id="cyoew"><optgroup id="cyoew"></optgroup></code></source><table id="cyoew"></table><pre id="cyoew"></pre><nav id="cyoew"></nav><center id="cyoew"><dl id="cyoew"><optgroup id="cyoew"></optgroup></dl></center><pre id="cyoew"><wbr id="cyoew"><cite id="cyoew"></cite></wbr></pre><blockquote id="cyoew"></blockquote><dd id="cyoew"></dd><tbody id="cyoew"><em id="cyoew"><del id="cyoew"></del></em></tbody><object id="cyoew"></object><blockquote id="cyoew"><strike id="cyoew"><rt id="cyoew"></rt></strike></blockquote><nav id="cyoew"></nav><strike id="cyoew"></strike><option id="cyoew"></option><nav id="cyoew"><abbr id="cyoew"><center id="cyoew"></center></abbr></nav><option id="cyoew"></option><delect id="cyoew"></delect><xmp id="cyoew"><fieldset id="cyoew"><table id="cyoew"></table></fieldset></xmp><td id="cyoew"></td><strike id="cyoew"></strike><tbody id="cyoew"><pre id="cyoew"><del id="cyoew"></del></pre></tbody><tfoot id="cyoew"></tfoot><table id="cyoew"></table><delect id="cyoew"></delect><tbody id="cyoew"><em id="cyoew"><del id="cyoew"></del></em></tbody><th id="cyoew"></th><em id="cyoew"><blockquote id="cyoew"><strike id="cyoew"></strike></blockquote></em><abbr id="cyoew"></abbr><center id="cyoew"></center><optgroup id="cyoew"><abbr id="cyoew"><center id="cyoew"></center></abbr></optgroup><kbd id="cyoew"><tr id="cyoew"><td id="cyoew"></td></tr></kbd><strike id="cyoew"></strike><xmp id="cyoew"><fieldset id="cyoew"><table id="cyoew"></table></fieldset></xmp><noscript id="cyoew"></noscript><td id="cyoew"></td><td id="cyoew"></td><em id="cyoew"><blockquote id="cyoew"><tfoot id="cyoew"></tfoot></blockquote></em><input id="cyoew"></input><code id="cyoew"><em id="cyoew"><del id="cyoew"></del></em></code><sup id="cyoew"><source id="cyoew"><strong id="cyoew"></strong></source></sup><strong id="cyoew"><optgroup id="cyoew"><abbr id="cyoew"></abbr></optgroup></strong><optgroup id="cyoew"><ul id="cyoew"><dfn id="cyoew"></dfn></ul></optgroup><td id="cyoew"></td><button id="cyoew"></button><kbd id="cyoew"><tr id="cyoew"><td id="cyoew"></td></tr></kbd><ul id="cyoew"><sup id="cyoew"><dd id="cyoew"></dd></sup></ul><delect id="cyoew"></delect><object id="cyoew"></object><abbr id="cyoew"></abbr><tbody id="cyoew"></tbody><pre id="cyoew"></pre><sup id="cyoew"></sup></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>