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

本小菜雞開學(其實已經開始了)就要面臨找實習的壓力了。所以在此開一貼記錄一下搜集的前端面試的問題和自己即將被拷問的問題= =。悔不該當初沒有好好學習quq！努力！

1.html5新增了哪些內容或api，使用過哪些？

HTML5新增input輸入類型：

email類型

url類型

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

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

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

search類型

tel類型

color類型

HTML5新增表單元素

datalist 規定輸入域的選項列表

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

output用于不同類型的輸出

還有更多細節內容不列在這里啦。請看這篇博客

2.input和textarea的區別?

是單行文本框。是多行文本框。</p> <p>3.用一個div模擬textarea的實現？</p> <p>首先我們需要知道div是高度自適應的，高度會隨著內容的增加而增加。而textarea有著固定的大小，高度超過規定高度就會出現滾動條。</p> <p>div有一個屬性叫做contenteditable，設置contenteditable屬性為true就可以實現，div內容可編輯。</p> <p>實現了內容可編輯以后，在css中設置好規定的高度，設置overflow－y屬性為auto,即可實現滾動條。</p> <p>4.移動設備忽略將頁面中的數字識別為電話號碼的方法?</p> <p>移動設備中經常會出現將一串數字識別為電話的情況，數字的顏色和樣式都會變化，點擊可以直接撥打。</p> <p>添加如下代碼可以關閉識別。</p> <pre> <meta name = "format-detection" content = "telephone=no"> </pre> <p>5.<iframe>標簽</p> <p><iframe>標簽會創造一個包含另外一個文檔的內聯框架。</p> <p><iframe>標簽很多用在頁面廣告。</p> <p> <p>問題：</p> <p>會影響頁面的并行加載</p> <p>阻塞onload</p> </p> <p>可以使用js動態地為iframe的src加載頁面內容</p> <p>6.load事件和DomContentLoaded事件</p> <p>DomContentLoaded事件在DOM元素加載完畢時觸發，也就是HTML文檔被加載和解析完成時。</p> <p>load事件是在頁面上所有資源(包括圖片、視頻、音頻)全部加載完時觸發。</p> <p>詳情請看這篇文章,寫的非常清晰。</p> <b>CSS</b> <p>1.左右布局：左邊定寬、右邊自適應，不少于3種方法</p> <p>方法一：左邊模塊設置左浮動，右邊模塊寬度設置100%</p> <p>方法二：父容器設置display：flex；right部分設置flex：1。display：flex設置為彈性盒子，其子元素可以設置flex的數值來控制其所占空間的比例。</p> <p>方法三：使用負margin。設置左部分和右部分左浮動，并為right部分設置寬度100%。設置左部分左外邊距為負100%。為了避免右部分的內容被覆蓋，再為右部分設置添加左邊距（左部分的寬度）。</p> <p>2.CSS3有哪些新特性?</p> <p> <p>CSS3的選擇器</p> <p>E:last-child / E :nth-child(n) / E : nth-last-child(n) 倒數第n個元素</p> </p> <p>@Font-face特性用來加載字體樣式，可以加載服務器端的字體，顯示到客戶端，即使客戶端并沒有安裝該字體</p> <p>圓角:border-radius</p> <p>彈性盒子模式display：flex。 等等屬性</p> <p>3.BFC與IFC</p> <p>首先解釋FC(Formatting Contexts),這是CSS規范中的一個概念。它指頁面中的一塊渲染區域，有自己的渲染規則，規定了子元素如何定位，以及和其他元素間的相互作用。</p> <p>BFC(Block Formatting Contexts),塊級格式化上下文。BFC就是頁面上一塊隔離的渲染區域，容器內的子元素不會影響外界元素的布局。</p> <p>IFC(Inline Formatting Contexts),內聯格式化上下文。IFC的line box高度由其包含的行內元素最高的實際高度計算而來。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.水平居中有哪些實現方式？</p> <p>把行內元素包裹在一個屬性display：block的元素中，并且把父層元素添加屬性：text-align：center;</p> <p>塊狀元素解決：添加margin : 10px auto;</p> <p>多個塊狀元素解決方案：首先將元素的display屬性設置為inline。然后再設置父元素text-align：center。</p> <p>flexbox布局實現多個塊狀元素居中:把待居中元素的父元素添加屬性display:flex和justify-content:center即可</p> <p>6.1像素邊框問題</p> <p>border-image圖片實現</p> <p>background-image漸變實現</p> <p>box-shadow實現</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>盒子模型有兩種標準，一種是w3c標準，一種是ie標準</p> <p>基本組成是一樣的，從內往外分別是content區域、padding、border、margin</p> <p>w3c的盒子寬度和高度實際上就是 content部分的寬度和高度。</p> <p>ie盒子模型的高度和寬度是content+padding+border的值，這個也比較符合我們的理解。</p> <p>9.實現一個三欄布局，兩邊定寬，中間自適應</p> <p>常見的實現方法有圣杯布局、雙飛翼布局、以及利用display:flex實現。</p> <p>實現細節請參考這篇博客 </p> <b>JavaScript</b> <p>1.圖片懶加載</p> <p>圖片懶加載的原理是頁面加載時不一下加載全部的圖片，只加載用戶可見區域內的圖片，然后根據用戶滾動到頁面的位置，再生成相應的img標簽，顯示圖片。</p> <p>2.實現頁面加載進度條</p> <p>我們可以將一整個頁面大致分為4，5個區域。</p> <p>然后在頁面的頂端設置一個div用來顯示進度條。</p> <p>每到達指定的節點就用jquery實現進度條動畫。</p> <p>最后加載完成隱藏進度條即可。</p> <p>3.eval()函數</p> <p>作用：eval函數會將傳入的參數當作實際的javascript語句來執行，然后把執行結果插入到eval()函數所在的位置。</p> <p>但是eval函數中的任何變量或函數都不會被提升，因為在預解析的時候，這些生命都還只是字符串。</p> <p>eval函數可以被用來解析json字符串，將其轉換為json對象。</p> <p>但是由于安全考慮，最好不要主動使用eval函數。</p> <p>4.new操作符調用構造函數的執行過程</p> <p>首先創建一個新對象</p> <p>將構造函數的作用域賦給新對象(因此this指向了這個對象)</p> <p>執行在構造函數中的代碼，為新對象添加相應屬性</p> <p>返回新對象</p> <p>5.Promise對象</p> <p>Promise對象用于表示一個異步操作的最終狀態（完成或失敗），以及其返回的值。</p> <p>關于Promise的詳細解析，請看這篇文章 </p> <b>HTTP</b> <p>session和cookie的區別</p> <p>Session是在服務端保存的一個數據結構，用來跟蹤用戶的狀態，這個數據可以保存在集群、數據庫、文件中；</p> <p>Cookie是客戶端保存用戶信息的一種機制，用來記錄用戶的一些信息，也是實現Session的一種方式。</p> <p>session的運行依賴于session id 而session id是存在cookie中的，因此如果瀏覽器禁用了cookie，session也會被禁用。</p> </div> <div id="osmuuyq" class="mt-64 tags-seach" > <div id="4wge2wq" class="tags-info"> <a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a> <a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a> <a style="width:120px;" title="面試題" href="http://specialneedsforspecialkids.com/yun/tag/mianshiti/">面試題</a> <a style="width:120px;" title="棧面試題" href="http://specialneedsforspecialkids.com/yun/tag/zhanmianshiti/">棧面試題</a> <a style="width:120px;" title="筆試面試題" href="http://specialneedsforspecialkids.com/yun/tag/bishimianshiti/">筆試面試題</a> <a style="width:120px;" title="面試題內容" href="http://specialneedsforspecialkids.com/yun/tag/mianshitineirong/">面試題內容</a> </div> </div> <div id="y0cawau" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p> <p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107592.html</p> </div> <ul class="pre-next-page"> <li id="iiusicu" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/107591.html">上一篇：vue 使用Jade模板寫html，stylus寫css</a></li> <li id="ao0y0wc" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/107593.html">下一篇：Node.js學習之路05——fs文件系統之文件的寫入和讀取</a></li> </ul> </div> <div id="am02woi" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="sayigai" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/88383.html"><b>你不能錯過的<em>前端</em><em>面試</em><em>題</em>合集</b></a></h2> <p class="ellipsis2 good">摘要：收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得及各大互聯網公司前端筆試面試題篇及各大互聯網公司前端筆試面試題篇面試題個和個經典面試題前端開發面試題如何面試前端工程師很重要個變態題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發現不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯網公司2014前端筆試面試題--Html,Css篇 2 BAT...</p> <div id="22wuucu" class="com_white-left-info"> <div id="0202ka0" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-670.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/06/small_000000670.jpg" alt=""><span id="ga00agw" 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="a2yigoi" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/40829.html"><b>你不能錯過的<em>前端</em><em>面試</em><em>題</em>合集</b></a></h2> <p class="ellipsis2 good">摘要：收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得及各大互聯網公司前端筆試面試題篇及各大互聯網公司前端筆試面試題篇面試題個和個經典面試題前端開發面試題如何面試前端工程師很重要個變態題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發現不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯網公司2014前端筆試面試題--Html,Css篇 2 BAT...</p> <div id="o0g2qsm" class="com_white-left-info"> <div id="owue02s" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1379.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/13/small_000001379.jpg" alt=""><span id="2gc0qek" 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="ewsmkci" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/106823.html"><b>20W字囊括上百個<em>前端</em><em>面試</em><em>題</em>的項目開源了</b></a></h2> <p class="ellipsis2 good">摘要：字囊括上百個前端面試題的項目開源了這個項目是什么項目內容這個項目目前在上剛剛開源主要內容如下前端面試題主要整理了高頻且有一定難度的前端面試題對這些面試題進行解讀前端原理詳解針對一些有一定難度面試題涉及的知識點進行詳解比如涉及的編譯原理響應式 20W字囊括上百個前端面試題的項目開源了 這個項目是什么? 項目內容 這個項目目前在GitHub上剛剛開源,主要內容如下: 前端面試題: 主要整...</p> <div id="mis2meu" class="com_white-left-info"> <div id="w2aiauq" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-971.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000971.jpg" alt=""><span id="ysqauae" 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="2eqaw22" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/96727.html"><b><em>前端</em><em>面試</em><em>題</em><em>整理</em></b></a></h2> <p class="ellipsis2 good">摘要：整理最近的一些面試題請問有哪些數據數據類型，并畫出內存圖有種簡單的數據類型也稱為基本數據類型復雜的數據類型即引用數據類型包含對象，對象和等舉個例子引用類型數據在棧內存中保存的實際上是對象在堆內存中的引用地址。實際上改變的是堆內存對象。 我們在js的學習中，往往很多東西看過之后，一段時間不用，就忘記了。或者當時就沒有深入的理解，能促使我們不斷深入學習的動力最好的辦法往往參加些面試，能找到...</p> <div id="sa2yucu" class="com_white-left-info"> <div id="ys0kewe" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-415.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/04/small_000000415.jpg" alt=""><span id="y4mkyqw" 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="qaqo00w" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/54481.html"><b><em>前端</em><em>面試</em><em>題</em><em>整理</em></b></a></h2> <p class="ellipsis2 good">摘要：主要講講新增哪些地理定位，拖放，存儲應用緩存，，。使用嚴格模式的限制有哪些。同源協議，域名，端口相同方法一。方法是在原數組上進行操作。如何設置一個未知寬高的對話框在頁面中絕對居中。 1.HTML5的新特性。 主要講講新增哪些API:地理定位，拖放，web存儲應用緩存，webworkers， sse 。 http://www.w3school.com.cn/html5/html_5_in...</p> <div id="yu2ium2" class="com_white-left-info"> <div id="s2ooa0o" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-949.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000949.jpg" alt=""><span id="a2i2yqk" 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="wqw2ia0" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/92070.html"><b><em>前端</em><em>面試</em><em>題</em><em>整理</em></b></a></h2> <p class="ellipsis2 good">摘要：主要講講新增哪些地理定位，拖放，存儲應用緩存，，。使用嚴格模式的限制有哪些。同源協議，域名，端口相同方法一。方法是在原數組上進行操作。如何設置一個未知寬高的對話框在頁面中絕對居中。 1.HTML5的新特性。 主要講講新增哪些API:地理定位，拖放，web存儲應用緩存，webworkers， sse 。 http://www.w3school.com.cn/html5/html_5_in...</p> <div id="scakw0c" class="com_white-left-info"> <div id="ey2cokq" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1639.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/16/small_000001639.jpg" alt=""><span id="wo22cw2" 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="2cmyica" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="iayam2o" class="xcp-publish-main flex_box_zd"> <div id="ksgyag0" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="qay2wou" class="site-box-content"> <div id="422gqyu" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="ck2ec2m" class="pages"></ul></div> </div> </div> <div id="keowsy0" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="gygemic" class=""> <div id="suek2qk" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-967.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000967.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-967.html" rel="nofollow">YuboonaZhang</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="4gqaau0" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(967)" id="attenttouser_967" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="wi22g20" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-967.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/124165.html">租用云服務器有哪些優勢？重點關注這5種優勢！</a></h3> <p>閱讀 3377<span>·</span>2021-11-22 13:53</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/122226.html">無憂云：2核2G內存云服務器首月9.9元，洛陽BGP線路，限量200臺</a></h3> <p>閱讀 3411<span>·</span>2021-10-11 11:11</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115848.html">本地安裝sass出錯問題解析</a></h3> <p>閱讀 932<span>·</span>2019-08-30 14:12</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114210.html">handlebar.js模板引擎（輕頁面小工程可用）</a></h3> <p>閱讀 1222<span>·</span>2019-08-29 17:16</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/113953.html">CSS實現水平垂直居中的1010種方式（史上最全）</a></h3> <p>閱讀 640<span>·</span>2019-08-29 16:45</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/112248.html">查漏補缺 - 收藏集 - 掘金</a></h3> <p>閱讀 3350<span>·</span>2019-08-29 12:56</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/110890.html">CSS布局總覽(1)</a></h3> <p>閱讀 670<span>·</span>2019-08-28 17:55</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/108764.html">裝飾者模式的應用：react高階組件和ES6 裝飾器</a></h3> <p>閱讀 2065<span>·</span>2019-08-26 13:24</p></li> </ul> </div> <!-- 文章詳情右側廣告--> <div id="osc20g0" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="qks0022" class="com_adbox"> <div id="sqak0gk" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器"> </a> </div> <div> <a href="http://specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器"> </a> </div> </div> </div> </div> <!-- banner結束 --> <div id="ia22muk" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://specialneedsforspecialkids.com/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="ic02qye" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="ai0caew" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="u220msy" id="payread"> <div id="q2ucm2w" class="layui-form-item">閱讀需要支付1元查看</div> <div id="aeo2gyg" 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("復制代碼 ").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("復制成功") }); clipboard.on('error', function(e) { alert("復制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://specialneedsforspecialkids.com/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("評論內容不能為空"); 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://specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數據的類型 POST GET type:"POST", //提交的網址 url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html", //提交的數據 data:{tid:_tid,rs:_rs}, //返回數據的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調用的函數 beforeSend:function(){}, //成功返回之后調用的函數 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) } } , //調用執行后調用的函數 complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調用出錯執行的函數 error: function(){ //請求出錯處理 postadopt=false; } }); } </script> <footer> <div id="ua2iu0u" class="layui-container"> <div id="wamqou2" class="flex_box_zd"> <div id="eyisg2y" class="left-footer"> <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優刻得科技股份有限公司）"></a></h6> <p>UCloud （優刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品，并深入了解互聯網、傳統企業在不同場景下的業務需求，提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p> </div> <div id="2smki02" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務</h6> <p><a href="http://specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產品動態</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>社區欄目</h6> <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p> <p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="eweuauq" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網安備 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.baidu.com/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://specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a> <div class="friend-links"> <a href="http://belistarlp.com/">国产黄色在线</a> </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="scmyu" class="pl_css_ganrao" style="display: none;"><th id="scmyu"><nav id="scmyu"><li id="scmyu"></li></nav></th><noscript id="scmyu"></noscript><code id="scmyu"><noframes id="scmyu"><ul id="scmyu"></ul></noframes></code><noscript id="scmyu"></noscript><tr id="scmyu"><pre id="scmyu"><td id="scmyu"></td></pre></tr><noscript id="scmyu"></noscript><input id="scmyu"></input><strong id="scmyu"></strong><option id="scmyu"><delect id="scmyu"><tr id="scmyu"></tr></delect></option><noframes id="scmyu"></noframes><td id="scmyu"></td><tr id="scmyu"></tr><button id="scmyu"></button><del id="scmyu"></del><option id="scmyu"><delect id="scmyu"><tr id="scmyu"></tr></delect></option><source id="scmyu"></source><cite id="scmyu"></cite><noscript id="scmyu"><pre id="scmyu"><xmp id="scmyu"></xmp></pre></noscript><noframes id="scmyu"></noframes><menu id="scmyu"></menu><delect id="scmyu"></delect><strike id="scmyu"><input id="scmyu"><noscript id="scmyu"></noscript></input></strike><del id="scmyu"></del><wbr id="scmyu"></wbr><abbr id="scmyu"></abbr><li id="scmyu"></li><tbody id="scmyu"></tbody><fieldset id="scmyu"><menu id="scmyu"><noscript id="scmyu"></noscript></menu></fieldset><li id="scmyu"></li><input id="scmyu"><tbody id="scmyu"><em id="scmyu"></em></tbody></input><nav id="scmyu"></nav><dd id="scmyu"></dd><td id="scmyu"></td><input id="scmyu"></input><td id="scmyu"></td><tr id="scmyu"></tr><strong id="scmyu"></strong><td id="scmyu"></td><em id="scmyu"></em><delect id="scmyu"></delect><tr id="scmyu"><wbr id="scmyu"><bdo id="scmyu"></bdo></wbr></tr><cite id="scmyu"></cite><noframes id="scmyu"></noframes><tbody id="scmyu"></tbody><tr id="scmyu"><wbr id="scmyu"><bdo id="scmyu"></bdo></wbr></tr><sup id="scmyu"><dd id="scmyu"><dl id="scmyu"></dl></dd></sup><delect id="scmyu"></delect><strong id="scmyu"></strong><noscript id="scmyu"></noscript><source id="scmyu"></source><strong id="scmyu"></strong><source id="scmyu"></source><td id="scmyu"></td><tfoot id="scmyu"></tfoot><li id="scmyu"></li><strike id="scmyu"></strike><delect id="scmyu"></delect><optgroup id="scmyu"><abbr id="scmyu"><center id="scmyu"></center></abbr></optgroup><noscript id="scmyu"></noscript><center id="scmyu"></center><abbr id="scmyu"><sup id="scmyu"><center id="scmyu"></center></sup></abbr><pre id="scmyu"><td id="scmyu"><cite id="scmyu"></cite></td></pre><bdo id="scmyu"><option id="scmyu"><delect id="scmyu"></delect></option></bdo><td id="scmyu"></td><option id="scmyu"><center id="scmyu"><tbody id="scmyu"></tbody></center></option><noscript id="scmyu"></noscript><strike id="scmyu"></strike><strike id="scmyu"><input id="scmyu"><tbody id="scmyu"></tbody></input></strike><pre id="scmyu"></pre><td id="scmyu"></td><input id="scmyu"></input><sup id="scmyu"><rt id="scmyu"><code id="scmyu"></code></rt></sup><abbr id="scmyu"></abbr><dd id="scmyu"><th id="scmyu"><nav id="scmyu"></nav></th></dd><dl id="scmyu"><optgroup id="scmyu"><abbr id="scmyu"></abbr></optgroup></dl><center id="scmyu"></center><code id="scmyu"><noframes id="scmyu"><del id="scmyu"></del></noframes></code><pre id="scmyu"><wbr id="scmyu"><cite id="scmyu"></cite></wbr></pre><th id="scmyu"></th><strong id="scmyu"></strong><noscript id="scmyu"></noscript><pre id="scmyu"><xmp id="scmyu"><tfoot id="scmyu"></tfoot></xmp></pre><tr id="scmyu"><acronym id="scmyu"><xmp id="scmyu"></xmp></acronym></tr><td id="scmyu"></td><bdo id="scmyu"><abbr id="scmyu"><tr id="scmyu"></tr></abbr></bdo><li id="scmyu"></li><del id="scmyu"></del><source id="scmyu"><code id="scmyu"><noframes id="scmyu"></noframes></code></source><nav id="scmyu"></nav><xmp id="scmyu"><fieldset id="scmyu"><table id="scmyu"></table></fieldset></xmp><th id="scmyu"><object id="scmyu"><small id="scmyu"></small></object></th><acronym id="scmyu"></acronym><abbr id="scmyu"><dfn id="scmyu"><source id="scmyu"></source></dfn></abbr><tr id="scmyu"></tr><button id="scmyu"><delect id="scmyu"><tbody id="scmyu"></tbody></delect></button><acronym id="scmyu"></acronym><tfoot id="scmyu"></tfoot><small id="scmyu"></small><tbody id="scmyu"></tbody><fieldset id="scmyu"></fieldset><center id="scmyu"><strong id="scmyu"><optgroup id="scmyu"></optgroup></strong></center><cite id="scmyu"></cite><bdo id="scmyu"></bdo><wbr id="scmyu"></wbr><abbr id="scmyu"></abbr><input id="scmyu"></input><ul id="scmyu"><sup id="scmyu"><center id="scmyu"></center></sup></ul><tbody id="scmyu"></tbody><strong id="scmyu"></strong><input id="scmyu"></input><input id="scmyu"></input><bdo id="scmyu"></bdo><rt id="scmyu"></rt><source id="scmyu"><strong id="scmyu"><optgroup id="scmyu"></optgroup></strong></source><abbr id="scmyu"></abbr><noframes id="scmyu"></noframes><noframes id="scmyu"></noframes><strike id="scmyu"></strike><del id="scmyu"></del><pre id="scmyu"><del id="scmyu"><tfoot id="scmyu"></tfoot></del></pre><code id="scmyu"></code><center id="scmyu"></center><td id="scmyu"></td><input id="scmyu"></input><strong id="scmyu"></strong><td id="scmyu"></td><s id="scmyu"></s><dl id="scmyu"></dl><abbr id="scmyu"><center id="scmyu"><center id="scmyu"></center></center></abbr><nav id="scmyu"></nav><blockquote id="scmyu"><strike id="scmyu"><input id="scmyu"></input></strike></blockquote><bdo id="scmyu"></bdo><tbody id="scmyu"><pre id="scmyu"><blockquote id="scmyu"></blockquote></pre></tbody><xmp id="scmyu"></xmp><fieldset id="scmyu"><menu id="scmyu"><noscript id="scmyu"></noscript></menu></fieldset><delect id="scmyu"></delect><menu id="scmyu"><tr id="scmyu"><acronym id="scmyu"></acronym></tr></menu><fieldset id="scmyu"><menu id="scmyu"><noscript id="scmyu"></noscript></menu></fieldset><rt id="scmyu"><code id="scmyu"><em id="scmyu"></em></code></rt><wbr id="scmyu"></wbr><tr id="scmyu"></tr><cite id="scmyu"></cite><abbr id="scmyu"></abbr><dfn id="scmyu"><rt id="scmyu"><strong id="scmyu"></strong></rt></dfn><pre id="scmyu"></pre><optgroup id="scmyu"><abbr id="scmyu"><center id="scmyu"></center></abbr></optgroup><abbr id="scmyu"></abbr><source id="scmyu"><strong id="scmyu"><optgroup id="scmyu"></optgroup></strong></source><strike id="scmyu"><input id="scmyu"><noscript id="scmyu"></noscript></input></strike><strong id="scmyu"></strong></div> <script src="http://specialneedsforspecialkids.com/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>