摘要：寫在前面本小菜雞開學(xué)其實已經(jīng)開始了就要面臨找實習(xí)的壓力了。所以在此開一貼記錄一下搜集的前端面試的問題和自己即將被拷問的問題。而有著固定的大小，高度超過規(guī)定高度就會出現(xiàn)滾動條。實現(xiàn)頁面加載進(jìn)度條我們可以將一整個頁面大致分為，個區(qū)域。

本小菜雞開學(xué)(其實已經(jīng)開始了)就要面臨找實習(xí)的壓力了。所以在此開一貼記錄一下搜集的前端面試的問題和自己即將被拷問的問題= =?；诓辉摦?dāng)初沒有好好學(xué)習(xí)quq！努力！

1.html5新增了哪些內(nèi)容或api，使用過哪些？

HTML5新增input輸入類型：

email類型

url類型

number類型提供選擇數(shù)字的功能，其中min屬性設(shè)定最小值，max屬性設(shè)定最大值，value屬性設(shè)置當(dāng)前值，step屬性設(shè)定每次增長值。

range類型，表示限制數(shù)字輸入的范圍域

日期和時間類型:date,month,week,time,datetime,datetime-local

search類型

tel類型

color類型

HTML5新增表單元素

datalist 規(guī)定輸入域的選項列表

keygen提供一種可靠方法來驗證用戶

output用于不同類型的輸出

還有更多細(xì)節(jié)內(nèi)容不列在這里啦。請看這篇博客

2.input和textarea的區(qū)別?

是單行文本框。是多行文本框。</p> <p>3.用一個div模擬textarea的實現(xiàn)？</p> <p>首先我們需要知道div是高度自適應(yīng)的，高度會隨著內(nèi)容的增加而增加。而textarea有著固定的大小，高度超過規(guī)定高度就會出現(xiàn)滾動條。</p> <p>div有一個屬性叫做contenteditable，設(shè)置contenteditable屬性為true就可以實現(xiàn)，div內(nèi)容可編輯。</p> <p>實現(xiàn)了內(nèi)容可編輯以后，在css中設(shè)置好規(guī)定的高度，設(shè)置overflow－y屬性為auto,即可實現(xiàn)滾動條。</p> <p>4.移動設(shè)備忽略將頁面中的數(shù)字識別為電話號碼的方法?</p> <p>移動設(shè)備中經(jīng)常會出現(xiàn)將一串?dāng)?shù)字識別為電話的情況，數(shù)字的顏色和樣式都會變化，點(diǎn)擊可以直接撥打。</p> <p>添加如下代碼可以關(guān)閉識別。</p> <pre> <meta name = "format-detection" content = "telephone=no"> </pre> <p>5.<iframe>標(biāo)簽</p> <p><iframe>標(biāo)簽會創(chuàng)造一個包含另外一個文檔的內(nèi)聯(lián)框架。</p> <p><iframe>標(biāo)簽很多用在頁面廣告。</p> <p> <p>問題：</p> <p>會影響頁面的并行加載</p> <p>阻塞onload</p> </p> <p>可以使用js動態(tài)地為iframe的src加載頁面內(nèi)容</p> <p>6.load事件和DomContentLoaded事件</p> <p>DomContentLoaded事件在DOM元素加載完畢時觸發(fā)，也就是HTML文檔被加載和解析完成時。</p> <p>load事件是在頁面上所有資源(包括圖片、視頻、音頻)全部加載完時觸發(fā)。</p> <p>詳情請看這篇文章,寫的非常清晰。</p> <b>CSS</b> <p>1.左右布局：左邊定寬、右邊自適應(yīng)，不少于3種方法</p> <p>方法一：左邊模塊設(shè)置左浮動，右邊模塊寬度設(shè)置100%</p> <p>方法二：父容器設(shè)置display：flex；right部分設(shè)置flex：1。display：flex設(shè)置為彈性盒子，其子元素可以設(shè)置flex的數(shù)值來控制其所占空間的比例。</p> <p>方法三：使用負(fù)margin。設(shè)置左部分和右部分左浮動，并為right部分設(shè)置寬度100%。設(shè)置左部分左外邊距為負(fù)100%。為了避免右部分的內(nèi)容被覆蓋，再為右部分設(shè)置添加左邊距（左部分的寬度）。</p> <p>2.CSS3有哪些新特性?</p> <p> <p>CSS3的選擇器</p> <p>E:last-child / E :nth-child(n) / E : nth-last-child(n) 倒數(shù)第n個元素</p> </p> <p>@Font-face特性用來加載字體樣式，可以加載服務(wù)器端的字體，顯示到客戶端，即使客戶端并沒有安裝該字體</p> <p>圓角:border-radius</p> <p>彈性盒子模式display：flex。 等等屬性</p> <p>3.BFC與IFC</p> <p>首先解釋FC(Formatting Contexts),這是CSS規(guī)范中的一個概念。它指頁面中的一塊渲染區(qū)域，有自己的渲染規(guī)則，規(guī)定了子元素如何定位，以及和其他元素間的相互作用。</p> <p>BFC(Block Formatting Contexts),塊級格式化上下文。BFC就是頁面上一塊隔離的渲染區(qū)域，容器內(nèi)的子元素不會影響外界元素的布局。</p> <p>IFC(Inline Formatting Contexts),內(nèi)聯(lián)格式化上下文。IFC的line box高度由其包含的行內(nèi)元素最高的實際高度計算而來。IFC可以理解為一種盒子從左到右的水平排列方式。</p> <p>4.對柵格的理解</p> <p>柵格布局由三個部分組成——容器(container)、行(row)、列(column)也就是柵。</p> <p>不同的列之間有刪間距。</p> <p><script type="text/javascript">showImg("https://segmentfault.com/img/bV38i1?w=1824&h=472");</script></p> <p>柵格是可以嵌套的。列也可以換行。</p> <p>5.水平居中有哪些實現(xiàn)方式？</p> <p>把行內(nèi)元素包裹在一個屬性display：block的元素中，并且把父層元素添加屬性：text-align：center;</p> <p>塊狀元素解決：添加margin : 10px auto;</p> <p>多個塊狀元素解決方案：首先將元素的display屬性設(shè)置為inline。然后再設(shè)置父元素text-align：center。</p> <p>flexbox布局實現(xiàn)多個塊狀元素居中:把待居中元素的父元素添加屬性display:flex和justify-content:center即可</p> <p>6.1像素邊框問題</p> <p>border-image圖片實現(xiàn)</p> <p>background-image漸變實現(xiàn)</p> <p>box-shadow實現(xiàn)</p> <p>7.flex布局</p> <p>css3 flex布局詳解</p> <p>8.盒子模型</p> <p><script type="text/javascript">showImg("https://segmentfault.com/img/bV44DP?w=556&h=453");</script></p> <p>盒子模型有兩種標(biāo)準(zhǔn)，一種是w3c標(biāo)準(zhǔn)，一種是ie標(biāo)準(zhǔn)</p> <p>基本組成是一樣的，從內(nèi)往外分別是content區(qū)域、padding、border、margin</p> <p>w3c的盒子寬度和高度實際上就是 content部分的寬度和高度。</p> <p>ie盒子模型的高度和寬度是content+padding+border的值，這個也比較符合我們的理解。</p> <p>9.實現(xiàn)一個三欄布局，兩邊定寬，中間自適應(yīng)</p> <p>常見的實現(xiàn)方法有圣杯布局、雙飛翼布局、以及利用display:flex實現(xiàn)。</p> <p>實現(xiàn)細(xì)節(jié)請參考這篇博客 </p> <b>JavaScript</b> <p>1.圖片懶加載</p> <p>圖片懶加載的原理是頁面加載時不一下加載全部的圖片，只加載用戶可見區(qū)域內(nèi)的圖片，然后根據(jù)用戶滾動到頁面的位置，再生成相應(yīng)的img標(biāo)簽，顯示圖片。</p> <p>2.實現(xiàn)頁面加載進(jìn)度條</p> <p>我們可以將一整個頁面大致分為4，5個區(qū)域。</p> <p>然后在頁面的頂端設(shè)置一個div用來顯示進(jìn)度條。</p> <p>每到達(dá)指定的節(jié)點(diǎn)就用jquery實現(xiàn)進(jìn)度條動畫。</p> <p>最后加載完成隱藏進(jìn)度條即可。</p> <p>3.eval()函數(shù)</p> <p>作用：eval函數(shù)會將傳入的參數(shù)當(dāng)作實際的javascript語句來執(zhí)行，然后把執(zhí)行結(jié)果插入到eval()函數(shù)所在的位置。</p> <p>但是eval函數(shù)中的任何變量或函數(shù)都不會被提升，因為在預(yù)解析的時候，這些生命都還只是字符串。</p> <p>eval函數(shù)可以被用來解析json字符串，將其轉(zhuǎn)換為json對象。</p> <p>但是由于安全考慮，最好不要主動使用eval函數(shù)。</p> <p>4.new操作符調(diào)用構(gòu)造函數(shù)的執(zhí)行過程</p> <p>首先創(chuàng)建一個新對象</p> <p>將構(gòu)造函數(shù)的作用域賦給新對象(因此this指向了這個對象)</p> <p>執(zhí)行在構(gòu)造函數(shù)中的代碼，為新對象添加相應(yīng)屬性</p> <p>返回新對象</p> <p>5.Promise對象</p> <p>Promise對象用于表示一個異步操作的最終狀態(tài)（完成或失?。约捌浞祷氐闹?。</p> <p>關(guān)于Promise的詳細(xì)解析，請看這篇文章 </p> <b>HTTP</b> <p>session和cookie的區(qū)別</p> <p>Session是在服務(wù)端保存的一個數(shù)據(jù)結(jié)構(gòu)，用來跟蹤用戶的狀態(tài)，這個數(shù)據(jù)可以保存在集群、數(shù)據(jù)庫、文件中；</p> <p>Cookie是客戶端保存用戶信息的一種機(jī)制，用來記錄用戶的一些信息，也是實現(xiàn)Session的一種方式。</p> <p>session的運(yùn)行依賴于session id 而session id是存在cookie中的，因此如果瀏覽器禁用了cookie，session也會被禁用。</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/mianshiti/">面試題</a> <a style="width:120px;" title="棧面試題" href="http://systransis.cn/yun/tag/zhanmianshiti/">棧面試題</a> <a style="width:120px;" title="筆試面試題" href="http://systransis.cn/yun/tag/bishimianshiti/">筆試面試題</a> <a style="width:120px;" title="面試題內(nèi)容" href="http://systransis.cn/yun/tag/mianshitineirong/">面試題內(nèi)容</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/115671.html</p> </div> <ul class="pre-next-page"> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/115670.html">上一篇：vue 使用Jade模板寫html，stylus寫css</a></li> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/115672.html">下一篇：三種方式實現(xiàn)圣杯布局</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/88383.html"><b>你不能錯過的<em>前端</em><em>面試</em><em>題</em>合集</b></a></h2> <p class="ellipsis2 good">摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-670.html"><img src="http://systransis.cn/yun/data/avatar/000/00/06/small_000000670.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">ninefive</span></a> <time datetime="">2019-08-21 16:18</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/40829.html"><b>你不能錯過的<em>前端</em><em>面試</em><em>題</em>合集</b></a></h2> <p class="ellipsis2 good">摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1379.html"><img src="http://systransis.cn/yun/data/avatar/000/00/13/small_000001379.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">darkbaby123</span></a> <time datetime="">2019-07-30 14:38</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/106823.html"><b>20W字囊括上百個<em>前端</em><em>面試</em><em>題</em>的項目開源了</b></a></h2> <p class="ellipsis2 good">摘要：字囊括上百個前端面試題的項目開源了這個項目是什么項目內(nèi)容這個項目目前在上剛剛開源主要內(nèi)容如下前端面試題主要整理了高頻且有一定難度的前端面試題對這些面試題進(jìn)行解讀前端原理詳解針對一些有一定難度面試題涉及的知識點(diǎn)進(jìn)行詳解比如涉及的編譯原理響應(yīng)式 20W字囊括上百個前端面試題的項目開源了 這個項目是什么? 項目內(nèi)容 這個項目目前在GitHub上剛剛開源,主要內(nèi)容如下: 前端面試題: 主要整...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-971.html"><img src="http://systransis.cn/yun/data/avatar/000/00/09/small_000000971.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">Euphoria</span></a> <time datetime="">2019-08-26 10:49</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/96727.html"><b><em>前端</em><em>面試</em><em>題</em><em>整理</em></b></a></h2> <p class="ellipsis2 good">摘要：整理最近的一些面試題請問有哪些數(shù)據(jù)數(shù)據(jù)類型，并畫出內(nèi)存圖有種簡單的數(shù)據(jù)類型也稱為基本數(shù)據(jù)類型復(fù)雜的數(shù)據(jù)類型即引用數(shù)據(jù)類型包含對象，對象和等舉個例子引用類型數(shù)據(jù)在棧內(nèi)存中保存的實際上是對象在堆內(nèi)存中的引用地址。實際上改變的是堆內(nèi)存對象。 我們在js的學(xué)習(xí)中，往往很多東西看過之后，一段時間不用，就忘記了?；蛘弋?dāng)時就沒有深入的理解，能促使我們不斷深入學(xué)習(xí)的動力最好的辦法往往參加些面試，能找到...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-415.html"><img src="http://systransis.cn/yun/data/avatar/000/00/04/small_000000415.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">MycLambert</span></a> <time datetime="">2019-08-23 10:50</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/54481.html"><b><em>前端</em><em>面試</em><em>題</em><em>整理</em></b></a></h2> <p class="ellipsis2 good">摘要：主要講講新增哪些地理定位，拖放，存儲應(yīng)用緩存，，。使用嚴(yán)格模式的限制有哪些。同源協(xié)議，域名，端口相同方法一。方法是在原數(shù)組上進(jìn)行操作。如何設(shè)置一個未知寬高的對話框在頁面中絕對居中。 1.HTML5的新特性。 主要講講新增哪些API:地理定位，拖放，web存儲應(yīng)用緩存，webworkers， sse 。 http://www.w3school.com.cn/html5/html_5_in...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-949.html"><img src="http://systransis.cn/yun/data/avatar/000/00/09/small_000000949.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">gaomysion</span></a> <time datetime="">2019-08-02 16:00</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/92070.html"><b><em>前端</em><em>面試</em><em>題</em><em>整理</em></b></a></h2> <p class="ellipsis2 good">摘要：主要講講新增哪些地理定位，拖放，存儲應(yīng)用緩存，，。使用嚴(yán)格模式的限制有哪些。同源協(xié)議，域名，端口相同方法一。方法是在原數(shù)組上進(jìn)行操作。如何設(shè)置一個未知寬高的對話框在頁面中絕對居中。 1.HTML5的新特性。 主要講講新增哪些API:地理定位，拖放，web存儲應(yīng)用緩存，webworkers， sse 。 http://www.w3school.com.cn/html5/html_5_in...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1639.html"><img src="http://systransis.cn/yun/data/avatar/000/00/16/small_000001639.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">cartoon</span></a> <time datetime="">2019-08-22 11:16</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-1662.html"><img src="http://systransis.cn/yun/data/avatar/000/00/16/small_000001662.jpg" alt=""></a> <h3><a href="http://systransis.cn/yun/u-1662.html" rel="nofollow">wall2flower</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="qoyqs8suu2u" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(1662)" id="attenttouser_1662" 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-1662.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/124306.html">如何用最快速度搭建一個網(wǎng)站？</a></h3> <p>閱讀 1901<span>·</span>2021-11-22 15:25</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/123940.html">盒子躲避鼠標(biāo)</a></h3> <p>閱讀 1260<span>·</span>2021-11-19 09:40</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/121329.html">Gcore：邁阿密E5-2623v4 CPU/64G內(nèi)存/1TB SSD/1Gbps帶寬獨(dú)立服務(wù)器，</a></h3> <p>閱讀 1869<span>·</span>2021-09-27 13:57</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/120330.html">主機(jī)屋什么操作系統(tǒng)-主機(jī)的操作系統(tǒng)是什么？</a></h3> <p>閱讀 1002<span>·</span>2021-09-22 15:10</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/118209.html">傲游主機(jī)：長期提供8折優(yōu)惠碼，香港Cera機(jī)房VPS月付40元起，香港荃灣CN2+BGP線路三線直連</a></h3> <p>閱讀 980<span>·</span>2021-08-16 11:01</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/117678.html">資訊 | 還是3萬機(jī)架 上海經(jīng)信委發(fā)布2021年新建數(shù)據(jù)中心項目用能指標(biāo)</a></h3> <p>閱讀 2978<span>·</span>2021-07-23 17:51</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/117282.html">css新生陌生又常用的屬性大全</a></h3> <p>閱讀 777<span>·</span>2019-08-30 15:55</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/115671.html">前端面試題整理</a></h3> <p>閱讀 827<span>·</span>2019-08-30 13:58</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> <!--付費(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') }); } // 舉報 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="scegw" class="pl_css_ganrao" style="display: none;"><nav id="scegw"></nav><cite id="scegw"></cite><del id="scegw"></del><nav id="scegw"></nav><tr id="scegw"><acronym id="scegw"><td id="scegw"></td></acronym></tr><code id="scegw"><noframes id="scegw"><del id="scegw"></del></noframes></code><code id="scegw"></code><pre id="scegw"></pre><samp id="scegw"></samp><button id="scegw"><dd id="scegw"><dl id="scegw"></dl></dd></button><em id="scegw"></em><menu id="scegw"></menu><wbr id="scegw"></wbr><abbr id="scegw"><sup id="scegw"><center id="scegw"></center></sup></abbr><cite id="scegw"><abbr id="scegw"><delect id="scegw"></delect></abbr></cite><menu id="scegw"></menu><center id="scegw"></center><s id="scegw"></s><dfn id="scegw"><center id="scegw"><strong id="scegw"></strong></center></dfn><ul id="scegw"><sup id="scegw"><center id="scegw"></center></sup></ul><kbd id="scegw"></kbd><code id="scegw"></code><tr id="scegw"></tr><del id="scegw"></del><abbr id="scegw"></abbr><blockquote id="scegw"><strike id="scegw"><rt id="scegw"></rt></strike></blockquote><wbr id="scegw"></wbr><button id="scegw"></button><object id="scegw"></object><option id="scegw"></option><table id="scegw"></table><object id="scegw"></object><table id="scegw"></table><option id="scegw"><samp id="scegw"><tr id="scegw"></tr></samp></option><menu id="scegw"></menu><button id="scegw"><samp id="scegw"><tbody id="scegw"></tbody></samp></button><kbd id="scegw"></kbd><dd id="scegw"><th id="scegw"><object id="scegw"></object></th></dd><em id="scegw"><blockquote id="scegw"><tfoot id="scegw"></tfoot></blockquote></em><strong id="scegw"><noframes id="scegw"><ul id="scegw"></ul></noframes></strong><optgroup id="scegw"><ul id="scegw"><dfn id="scegw"></dfn></ul></optgroup><option id="scegw"><samp id="scegw"><tbody id="scegw"></tbody></samp></option><em id="scegw"></em><tr id="scegw"></tr><tr id="scegw"><s id="scegw"><cite id="scegw"></cite></s></tr><abbr id="scegw"></abbr><abbr id="scegw"></abbr><em id="scegw"></em><menu id="scegw"></menu><optgroup id="scegw"></optgroup><object id="scegw"></object><cite id="scegw"><abbr id="scegw"><kbd id="scegw"></kbd></abbr></cite><pre id="scegw"><td id="scegw"><strike id="scegw"></strike></td></pre><center id="scegw"></center><center id="scegw"></center><ul id="scegw"></ul><bdo id="scegw"><abbr id="scegw"><kbd id="scegw"></kbd></abbr></bdo><sup id="scegw"><center id="scegw"><strong id="scegw"></strong></center></sup><strong id="scegw"></strong><nav id="scegw"></nav><fieldset id="scegw"></fieldset><rt id="scegw"></rt><ul id="scegw"></ul><th id="scegw"></th><abbr id="scegw"></abbr><delect id="scegw"></delect><tfoot id="scegw"></tfoot><button id="scegw"><samp id="scegw"><tbody id="scegw"></tbody></samp></button><tbody id="scegw"></tbody><pre id="scegw"><xmp id="scegw"><fieldset id="scegw"></fieldset></xmp></pre><option id="scegw"></option><dfn id="scegw"><rt id="scegw"><code id="scegw"></code></rt></dfn><noscript id="scegw"></noscript><tfoot id="scegw"></tfoot><tbody id="scegw"></tbody><tbody id="scegw"><s id="scegw"><small id="scegw"></small></s></tbody><code id="scegw"></code><table id="scegw"></table><object id="scegw"></object><del id="scegw"></del><kbd id="scegw"><tr id="scegw"><wbr id="scegw"></wbr></tr></kbd><tbody id="scegw"></tbody><noscript id="scegw"><acronym id="scegw"><xmp id="scegw"></xmp></acronym></noscript><strong id="scegw"></strong><center id="scegw"></center><del id="scegw"></del><em id="scegw"></em><abbr id="scegw"></abbr><bdo id="scegw"><option id="scegw"><kbd id="scegw"></kbd></option></bdo><noframes id="scegw"></noframes><del id="scegw"><tfoot id="scegw"><rt id="scegw"></rt></tfoot></del><center id="scegw"></center><li id="scegw"><button id="scegw"><dd id="scegw"></dd></button></li><noframes id="scegw"></noframes><del id="scegw"></del><strong id="scegw"></strong><cite id="scegw"></cite><strike id="scegw"></strike><sup id="scegw"><source id="scegw"><dl id="scegw"></dl></source></sup><td id="scegw"></td><small id="scegw"></small><tbody id="scegw"><pre id="scegw"><xmp id="scegw"></xmp></pre></tbody><bdo id="scegw"></bdo><cite id="scegw"></cite><abbr id="scegw"></abbr><object id="scegw"><li id="scegw"><button id="scegw"></button></li></object><strong id="scegw"></strong><strong id="scegw"></strong><noframes id="scegw"></noframes><pre id="scegw"><xmp id="scegw"><fieldset id="scegw"></fieldset></xmp></pre><rt id="scegw"><code id="scegw"><noframes id="scegw"></noframes></code></rt><tr id="scegw"></tr><td id="scegw"><cite id="scegw"><table id="scegw"></table></cite></td><acronym id="scegw"></acronym><s id="scegw"><small id="scegw"><option id="scegw"></option></small></s><nav id="scegw"></nav><strike id="scegw"><input id="scegw"><tbody id="scegw"></tbody></input></strike><option id="scegw"><samp id="scegw"><tbody id="scegw"></tbody></samp></option><center id="scegw"><strong id="scegw"><optgroup id="scegw"></optgroup></strong></center><noscript id="scegw"></noscript><tr id="scegw"><pre id="scegw"><wbr id="scegw"></wbr></pre></tr><source id="scegw"></source><dfn id="scegw"><input id="scegw"><code id="scegw"></code></input></dfn><blockquote id="scegw"></blockquote><pre id="scegw"></pre><li id="scegw"></li><dl id="scegw"><optgroup id="scegw"><abbr id="scegw"></abbr></optgroup></dl><ul id="scegw"></ul><samp id="scegw"><th id="scegw"><object id="scegw"></object></th></samp><small id="scegw"><button id="scegw"><delect id="scegw"></delect></button></small><small id="scegw"></small><td id="scegw"></td><xmp id="scegw"><strike id="scegw"><input id="scegw"></input></strike></xmp><table id="scegw"><tr id="scegw"><acronym id="scegw"></acronym></tr></table><pre id="scegw"></pre><tr id="scegw"></tr><tbody id="scegw"></tbody><center id="scegw"></center><del id="scegw"></del><tfoot id="scegw"></tfoot><xmp id="scegw"><fieldset id="scegw"><table id="scegw"></table></fieldset></xmp><sup id="scegw"></sup><abbr id="scegw"></abbr><ul id="scegw"><dfn id="scegw"><source id="scegw"></source></dfn></ul><menu id="scegw"></menu><delect id="scegw"></delect><blockquote id="scegw"></blockquote><button id="scegw"><dd id="scegw"><th id="scegw"></th></dd></button><pre id="scegw"><wbr id="scegw"><fieldset id="scegw"></fieldset></wbr></pre><em id="scegw"></em></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>