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

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

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

HTML5新增input輸入類(lèi)型：

email類(lèi)型

url類(lèi)型

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

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

日期和時(shí)間類(lèi)型:date,month,week,time,datetime,datetime-local

search類(lèi)型

tel類(lèi)型

color類(lèi)型

HTML5新增表單元素

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

keygen提供一種可靠方法來(lái)驗(yàn)證用戶

output用于不同類(lèi)型的輸出

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

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

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