摘要：只是瀏覽器只是實現可能的宿主環境之一，其他宿主環境包括和。級別級由兩個模塊組成核心和。有效不推薦有一點必須注意，即用操作符定義的變量將成為定義該變量的作用域的局部變量。會返回判斷相等符認為兩者相等。顯示因此盡量避免這樣運算。
一：JavaScript組成部分
JavaScript是由三個不同部分組成的，核心(ECMAScript) 、文檔對象模型(DOM)和瀏覽器對象模型(BOM)。
1.ECMAScript
ECMAScript與Web瀏覽器沒有依賴關系。只是Web瀏覽器只是ECMAScript實現可能的宿主環境之一，其他宿主環境包括Node和Adobe Flash。它規定了這門語言的組成部分：
1.語法
2.類型
3.關鍵字
4.保留字
5.操作符
6.對象
2.文檔對象模型(DOM)
文檔對象模型(Document Object Model)是針對XML但經過擴張用于HTML的應用程序編程接口(API，Application Programming Interface)。DOM把整個頁面映射為一個多層次節點結構。以HTML代碼為例子
DOM
DOM
Hello world
根據 DOM，HTML 文檔中的每個成分都是一個節點。DOM 是這樣規定的：整個文檔是一個文檔節點。每個 HTML 標簽是一個元素節點。包含在 HTML 元素中的文本是文本節點。每一個 HTML 屬性是一個屬性節點。注釋屬于注釋節點
每個節點彼此都有等級關系，HTML 文檔中的所有節點組成了一個文檔樹（或節點樹）。HTML 文檔中的每個元素、屬性、文本等都代表著樹中的一個節點。樹起始于文檔節點，并由此繼續伸出枝條，直到處于這棵樹最低級別的所有文本節點為止。除文檔節點之外的每個節點都有父節點。
以上列代碼分析，
和 的父節點是 節點，文本節點 "Hello world!" 的父節點是
節點。
大部分元素節點都有子節點。比方說，
節點有一個子節點：
節點。<title> 節點也有一個子節點：文本節點 "DOM"。<br>當節點分享同一個父節點時，它們就是同輩（同級節點）。比方說，<h1> 和 <p>是同輩，因為它們的父節點均是 <body> 節點。<br>節點也可以擁有后代，后代指某個節點的所有子節點，或者這些子節點的子節點，以此類推。比方說，所有的文本節點都是 <html>節點的后代，而第一個文本節點是 <head> 節點的后代。<br>節點也可以擁有先輩。先輩是某個節點的父節點，或者父節點的父節點，以此類推。比方說，所有的文本節點都可把 <html> 節點作為先輩節點。</p>
<b>2.1DOM級別</b>
<p>DOM1級由兩個模塊組成：DOM核心和DOM HTML。其中，DOM核心規定是如何映射基于基于XML的文檔結構，以便簡化對文檔中任意部分的訪問和操作，DOM HTML則在DOM核心的基礎上加以擴展，添加了針對HTML文檔的對象和方法。<br>DOM2級在DOM的基礎上又擴展了鼠標和用戶界面事件、范圍、遍歷(迭代DOM文檔的方法)等細分模塊，而且通過對象接口增加對CSS的支持。<br>DOM3級則進一步擴展了DOM，引入了以統一方式加載和保存文檔方法—在DOM加載和保存模塊中定義；新增了驗證文檔的方法—在DOM驗證模塊定義。</p>
<b>3.瀏覽器對象模型（BOM）</b>
<p>開發人員可以通過BOM來控制瀏覽器顯示的頁面以外的部分。從根本上講，BOM只處理瀏覽器窗口和框架；但人們習慣也把所有針對瀏覽器的JavaScript擴展算作BOM一部分。<br>1.彈出新瀏覽器窗口功能；<br>2.移動、縮放和關閉瀏覽器窗口的功能；<br>3.提供瀏覽器詳細信息的navigatior對象；<br>4.提供瀏覽器所加載頁面的詳細信息的location對象；<br>5.提供用戶顯示器分辨率詳細信息的scree對象<br>6.對cookies的支持<br>7.像XMLHttpRequest和IE的ActiveXObject這樣的自定義對象。</p>
<b>二：在HTML中使用JavaScript</b>
<p>在HTML中插入JavaScript的主要方法，就是使用<script>元素。HTML4.0.1為<script>元素定義下列6個屬性。<br>1.async:可選，表示應該立即下載腳本，但不妨礙頁面中的其他操作，比如下載其他資源或等待其他腳本。<strong>只對外部腳本有效</strong><br>2.charset：可選，表示通過src屬性指定的代碼的字符集。(很少人用)<br>3.defer：可選，表示腳本可以延遲到文檔完全被解析和顯示之后再執行。<strong>只對外部腳本有效</strong><br>4.language:已經廢棄。<br>5.src:可選。表示包含要執行代碼的外部文件。<br>6.type：可選，瀏覽器已經默認了。<br><strong><em>一般把<script>元素放在<body>元素后面，為的是避免瀏覽器在呈現頁面時候出現明顯的延遲，也讓JavaScript更好操作DOM</em></strong></p>
<pre><script>
function sayHi(){
var i = "wythe";
alert("</script>");
}
<script></pre>
<p>按照解析嵌入式代碼規則，當瀏覽器遇到字符串</script>時候，就會認為那是結束的標簽。而通過轉義字符""解決這個問題，例如：</p>
<pre><script>
function sayHi(){
var i = "wythe";
alert("</script>");
}
<script></pre>
<b>三：JavaScript 基本概念</b>
<p>3.1 區分大小寫<br> JavaScript是區分大小寫的，也就是說變量、函數、關鍵字和所有標識符都是區分大小寫的。<br> 所謂的標識符，就是指得是變量、函數、屬性的名字，或者函數的參數。標識符可以是按照下列格式規則組合起來的一或多個字符：</p>
<pre>a.第一個字符必須是一個字母、下劃線或一個美元符號($);
b.其他字符可以是字母、下劃線、美元符號或數字。</pre>
<p>3.2 注釋<br> JavaScript支持兩種注釋，包括單行注釋和塊級注釋。<br> 單行注釋以//開頭，如://單行注釋 <br> 多行注釋則以一個斜杠和一個星號(/<em>)開頭 以一個星號和一個斜杠( /</em>)結尾。<br>3.3保留字和關鍵字<br>JavaScript把一些標識符拿出來作為自己的關鍵字。因此，不能再在程序使用這些關鍵字作為標識符。如break、do、instanceof、typeof、var、case、if、while、function 和for等等...<br>保留字雖然還沒有任何特定的用途，但它們將來可能用作關鍵字。如：int、short、boolean、goto和byte。<br>3.3變量<br>JavaScript的變量是松散類型的，所謂松散類型就是可以用來保存任何類型的數據。換句話說，每個變量僅僅是一個保存值的占位符而已。定義變量時候要使用var操作符，后跟變量名（標識符）：var message;初始化的過程就是給變量賦一個值,因此，可以在修改變量值同時修改值的類型。</p>
<pre>var message = "hi";
message = 100 //有效不推薦</pre>
<p>有一點必須注意，即用var操作符定義的變量將成為定義該變量的作用域的局部變量。也就是說，在函數中使用var定義一個變量，那么這個變量在函數退出后就會銷毀，除非定義一個全局變量。</p>
<pre>function test(){
var a = "hello,wythe";//局部變量
b = "hello world";//全局變量
}
test()
console.log(a)//錯誤，a沒有定義。
console.log(b)//hello,world</pre>
<p>3.4數據類型<br>JavaScript的數據類型分為兩類：原始類型和對象類型。原始類型包括數字(numner)、字符串(string)、布爾值(boolean)、undefined和null。對象類型則有object,object是屬性的集合，每個屬性都由名/值對(值可以是原始值，比如數字、字符串，也可以是對象)構成。<br>3.4.1typeof操作符<br>由于JavaScript是松散類型，因此需要有一種手段來檢測給定變量的數據類型——typeof。對一個變量使用typeof操作符可能返回下列字符串：</p>
<p><p>"undefined"—如果這個值未定義;</p></p>
<p><p>"boolean"—如果這個值是布爾值;</p></p>
<p><p>"string"—如果這個值是字符串;</p></p>
<p><p>"number"—如果這個值是數值;</p></p>
<p><p>"object"—如果這個值是對象或null <strong>數組也是對象，數組是一種特殊對象，表示帶編號的值的有序集合</strong></p></p>
<p><p>"function"—如果這個值是函數。<strong>函數是一種特殊對象，函數具有與它相關聯的可執行代碼的對象。通過調用函數來運行可執行代碼，并返回運算結果</strong><br>對于null，typeof返回的是object,那是因為null被認為是一個空對象的引用。</p></p>
<p>3.4.1 undefined類型<br>undefined類型只有一個值，那就是undefined。是變量的一種取值，表明值沒有初始化。<br>3.4.2 null類型<br>null類型也是只有一個值，那就是null。typeof null 返回的是"object"也就是可以認為是一個特殊的對象值，含義是“非對象”。<br>undefined跟null都是表示值的空缺。null == undefined 會返回true 判斷相等符“==” 認為兩者相等。這個操作符出于比較的目的會轉換其操作數。<br>3.4.3 number類型<br>JavaScript是不區分整數值和浮點數值的。最基本的字面量格式是十進制整數，除了十進制以外，還支持八位制(在嚴格模式下無效)或十六進制的字面值表示。浮點數值，就是該數值中必須包含一個小數點，并且小數點后面必須至少有一位數字。浮點數值的最高精度是17位小數，但在進行算術計算的時候其精確度遠遠不如整數。</p>
<pre> var a = 0.1,
b = 0.2;
if(a+b == 0.3){
console.log("bingo");
}else{
console.log("error");//顯示error
}
</pre>
<p>因此盡量避免這樣運算。NaN,即非數值是個特殊的值，這個數值表示一個本來要返回數值的操作數未返回數值的情況。0除以0會返回NaN,正數除以0返回Infinity，負數除以0返回-Infinity。NaN與任何值都不相等，包括自身。因此JavaScript定義isNaN函數，isNaN接受一個參數，該參數可以是任何類型，函數會判斷該參數是否“不是數值”。isNaN接收一個之后，會嘗試把這個值轉為數值。</p>
<pre>
isNaN(1); //false
isNaN("10");//會轉換為數值10，返回false
isNaN(true);//轉換為數值1，返回false
isNaN("blue");//不能轉換為數值，返回true
isNaN("true");//不能轉為數值，返回true
isNaN("11blue");//true,不能轉為數值
</pre>
<p>數值轉換有3個函數可以把非數值轉換為數值：Number()、parseInt()和parseFloat().第一個函數（Number）可以用于任何數據類型，而另兩個函數專門把字符串轉換為數值。<br>Number()函數的轉換規則如下：</p>
<p><p>如果是布爾值true和false，則分別轉換為1和0</p></p>
<p><p>如果是數字值，則返回該數值</p></p>
<p><p>如果是null值，則返回0</p></p>
<p><p>如果是undefined，則返回NaN</p></p>
<p><p>如果是字符串，如果字符串只包含數字的話，則將其轉為十進制數值，即“1”轉為1，“123”則是123，“011”轉為11（忽略前導的0），“11.1”則為11.1,"0xf"則轉為相同大小的十進制整數。如果字符串是空，則將轉為0；除此以外其他字符串，則轉為NaN(“122blue”,“0a”,"a")。</p></p>
<p><p>如果是對象，則調用對象的valueOf()方法，然后按照前面規則轉換返回的值。如果轉換的結果是NaN，則調用對象toString()方法，再次按照前面的規則轉換返回的字符串值。<br>譬如Number({a:2})返回的是NaN,而Number([1])返回的是1</p></p>
<p>未完待續...</p>
</div>
<div id="2ommygg" class="mt-64 tags-seach" >
<div id="2yueskg" 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="javascript學習筆記" href="http://specialneedsforspecialkids.com/yun/tag/javascriptxuexibiji/">javascript學習筆記</a>
<a style="width:120px;" title="學習筆記一" href="http://specialneedsforspecialkids.com/yun/tag/xuexibijiyi/">學習筆記一</a>
<a style="width:120px;" title="javascript專題系列" href="http://specialneedsforspecialkids.com/yun/tag/javascriptzhuantixilie/">javascript專題系列</a>
<a style="width:120px;" title="javascript深入系列" href="http://specialneedsforspecialkids.com/yun/tag/javascriptshenruxilie/">javascript深入系列</a>
</div>
</div>
<div id="cigguae" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p>
<p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80013.html</p>
</div>
<ul class="pre-next-page">
<li id="yeemwgm" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/80012.html">上一篇：TypeScript 初識</a></li>
<li id="ik0iuo2" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/80014.html">下一篇：自動化文件目錄結構生成工具——filemap.js</a></li>
</ul>
</div>
<div id="yomkgec" 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="ymiisye" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/20067.html"><b>ApacheCN 編程/大數據/數據科學/人工智能<em>學習</em>資源 2019.6</b></a></h2>
<p class="ellipsis2 good">摘要：請回復這個帖子并注明組織個人信息來申請加入。權限分配靈活，能者居之。數量超過個，在所有組織中排名前。網站日超過，排名的峰值為。導航歸檔社區自媒體平臺微博知乎專欄公眾號博客園簡書合作侵權，請聯系請抄送一份到贊助我們
Special Sponsors
showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=...</p>
<div id="w0iggcu" class="com_white-left-info">
<div id="yqa2ewq" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-1271.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/12/small_000001271.jpg" alt=""><span id="scoo2kg" class="layui-hide64">Bmob</span></a>
<time datetime="">2019-06-26 19:01</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="u2ec0ke" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/92698.html"><b>JS<em>筆記</em></b></a></h2>
<p class="ellipsis2 good">摘要：從最開始的到封裝后的都在試圖解決異步編程過程中的問題。為了讓編程更美好，我們就需要引入來降低異步編程的復雜性。異步編程入門的全稱是前端經典面試題從輸入到頁面加載發生了什么這是一篇開發的科普類文章，涉及到優化等多個方面。
TypeScript 入門教程
從 JavaScript 程序員的角度總結思考，循序漸進的理解 TypeScript。
網絡基礎知識之 HTTP 協議
詳細介紹 HTT...</p>
<div id="suuc0kc" class="com_white-left-info">
<div id="ieqcmig" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-1041.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/10/small_000001041.jpg" alt=""><span id="2egq2iq" class="layui-hide64">rottengeek</span></a>
<time datetime="">2019-08-22 13:58</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="eq2iekg" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/92043.html"><b>CSS技巧</b></a></h2>
<p class="ellipsis2 good">摘要：技巧使你的更加專業這是上關于技巧的一篇譯文，另外你也可以在本項目看到原文。列舉了一些很實用的技巧，比如給空內容的標簽添加內容，逗號分隔列表等等。排序算法看源碼，把它背下來吧排序算法的封裝。主要幫助初學者更好的掌握排序算法的實現。
成為專業程序員路上用到的各種優秀資料、神器及框架
成為一名專業程序員的道路上，需要堅持練習、學習與積累，技術方面既要有一定的廣度，更要有自己的深度。
Java...</p>
<div id="smmyum0" class="com_white-left-info">
<div id="om0egaw" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-369.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000369.jpg" alt=""><span id="cqmyuqy" class="layui-hide64">DangoSky</span></a>
<time datetime="">2019-08-22 11:15</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="e2aw2yo" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/112868.html"><b>CSS技巧</b></a></h2>
<p class="ellipsis2 good">摘要：技巧使你的更加專業這是上關于技巧的一篇譯文，另外你也可以在本項目看到原文。列舉了一些很實用的技巧，比如給空內容的標簽添加內容，逗號分隔列表等等。排序算法看源碼，把它背下來吧排序算法的封裝。主要幫助初學者更好的掌握排序算法的實現。
成為專業程序員路上用到的各種優秀資料、神器及框架
成為一名專業程序員的道路上，需要堅持練習、學習與積累，技術方面既要有一定的廣度，更要有自己的深度。
Java...</p>
<div id="222ywua" class="com_white-left-info">
<div id="aoyu0io" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-466.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/04/small_000000466.jpg" alt=""><span id="smi2ou0" class="layui-hide64">zgbgx</span></a>
<time datetime="">2019-08-29 14:01</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="yeqcqmi" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/20006.html"><b>ApacheCN 編程/大數據/數據科學/人工智能<em>學習</em>資源 2019.5</b></a></h2>
<p class="ellipsis2 good">摘要：請回復這個帖子并注明組織個人信息來申請加入。版筆記等到中文字幕翻譯完畢后再整理。數量超過個，在所有組織中排名前。網站日超過，排名的峰值為。主頁歸檔社區自媒體平臺微博知乎專欄公眾號博客園簡書合作侵權，請聯系請抄送一份到贊助我們
Special Sponsors
showImg(https://segmentfault.com/img/remote/1460000018907426?w=1...</p>
<div id="weqoow0" class="com_white-left-info">
<div id="iyyu0ey" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-1346.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/13/small_000001346.jpg" alt=""><span id="ck2usam" class="layui-hide64">zhonghanwen</span></a>
<time datetime="">2019-06-26 18:55</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="swo2agc" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/111977.html"><b>CSS技巧 - 收藏集 - 掘金</b></a></h2>
<p class="ellipsis2 good">摘要：筆者作為一位，將工作以來用到的各種優秀資料神器及框架整理在此，畢竟好記性不如爛鍵盤，此前端知識點大百科全書前端掘金，，不定期更新技巧前端掘金技巧，偶爾更新。計算數組的極值技巧使你的更加專業前端掘金一個幫你提升技巧的收藏集。
CSS 樣式畫各種圖形 - 前端 - 掘金下面是一些我在 CSS 中經常用到的圖案，還有一些是在css-tricks看到的。記錄一下，以后會用到。會持續更新… 一、...</p>
<div id="2ugoqiy" class="com_white-left-info">
<div id="qu0oy0o" class="com_white-left-infol">
<a href="http://specialneedsforspecialkids.com/yun/u-921.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000921.jpg" alt=""><span id="2i0mwck" class="layui-hide64">Jonathan Shieber</span></a>
<time datetime="">2019-08-29 12:33</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="yu0geoy" class="topicone-box-wangeditor">
<h3 class="top-com-title mb-64"><span>發表評論</span></h3>
<div id="keaako2" class="xcp-publish-main flex_box_zd">
<div id="s0m2qyu" class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陸后可評論</a>
</div> </div>
</div>
<div id="ica2c20" class="site-box-content">
<div id="kscoa20" class="site-content-title">
<h3 class="top-com-title mb-64"><span>0條評論</span></h3>
</div>
<div id="igsqqu0" class="pages"></ul></div>
</div>
</div>
<div id="g2m0eme" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div id="iecmk2m" class="">
<div id="s2ow02c" class="com_layuiright-box user-msgbox">
<a href="http://specialneedsforspecialkids.com/yun/u-1485.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/14/small_000001485.jpg" alt=""></a>
<h3><a href="http://specialneedsforspecialkids.com/yun/u-1485.html" rel="nofollow">Andrman</a></h3>
<h6>男<span>|</span>高級講師</h6>
<div id="iueq202" class="flex_box_zd user-msgbox-atten">
<a href="javascript:attentto_user(1485)" id="attenttouser_1485" class="grad follow-btn notfollow attention">我要關注</a>
<a href="javascript:login()" title="發私信" >我要私信</a>
</div>
<div id="aug2uc2" class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="http://specialneedsforspecialkids.com/yun/ut-1485.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/130989.html">tensorflow</a></h3>
<p>閱讀 2521<span>·</span>2023-04-26 02:57</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/130788.html">tensorflow3</a></h3>
<p>閱讀 1403<span>·</span>2023-04-25 21:40</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/124712.html">頭歌平臺（EduCoder）————軟件測試（測試過程與策略）</a></h3>
<p>閱讀 2155<span>·</span>2021-11-24 09:39</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/118586.html">BlueHost：美國VPS云主機，2核/2GB內存/20GB固態硬盤/2TB流量，49元/月</a></h3>
<p>閱讀 3557<span>·</span>2021-08-30 09:49</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116940.html">[CSS]《CSS揭秘》第七章——結構與布局</a></h3>
<p>閱讀 760<span>·</span>2019-08-30 15:54</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116412.html">新手程序員常犯的十個錯誤</a></h3>
<p>閱讀 1166<span>·</span>2019-08-30 15:52</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116352.html">移動端適配之三：使用meta標簽設置viewport</a></h3>
<p>閱讀 2069<span>·</span>2019-08-30 15:44</p></li>
<li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/111242.html">我的前端開發準則</a></h3>
<p>閱讀 1274<span>·</span>2019-08-28 18:27</p></li>
</ul>
</div>
<!-- 文章詳情右側廣告-->
<div id="qi2o0sg" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動</span></h6>
<div id="2wiequq" class="com_adbox">
<div id="c2km0i2" 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="sa0o2wg" 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="a2sssm0" class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>
<!-- wap遮罩層 -->
<div id="ieeawo2" class="site-mobile-shade"></div>
<!--付費閱讀 -->
<div class="sawiucy" id="payread">
<div id="eak0gye" class="layui-form-item">閱讀需要支付1元查看</div>
<div id="i2eooi2" 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="ogc0cye" class="layui-container">
<div id="2gqqqkg" class="flex_box_zd">
<div id="cykyk2o" 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="msgc2sm" 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="oywigwg" 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="6q0ys" class="pl_css_ganrao" style="display: none;"><th id="6q0ys"></th><optgroup id="6q0ys"></optgroup><center id="6q0ys"><dl id="6q0ys"><input id="6q0ys"></input></dl></center><rt id="6q0ys"></rt><nav id="6q0ys"></nav><del id="6q0ys"></del><s id="6q0ys"></s><s id="6q0ys"><noscript id="6q0ys"><option id="6q0ys"></option></noscript></s><sup id="6q0ys"><center id="6q0ys"><dl id="6q0ys"></dl></center></sup><th id="6q0ys"></th><xmp id="6q0ys"></xmp><fieldset id="6q0ys"><optgroup id="6q0ys"><abbr id="6q0ys"></abbr></optgroup></fieldset><xmp id="6q0ys"></xmp><li id="6q0ys"></li><small id="6q0ys"></small><dl id="6q0ys"></dl><th id="6q0ys"></th><table id="6q0ys"></table><source id="6q0ys"></source><nav id="6q0ys"></nav><optgroup id="6q0ys"></optgroup><dl id="6q0ys"><optgroup id="6q0ys"><abbr id="6q0ys"></abbr></optgroup></dl><strike id="6q0ys"><nav id="6q0ys"><noscript id="6q0ys"></noscript></nav></strike><optgroup id="6q0ys"></optgroup><small id="6q0ys"></small><blockquote id="6q0ys"></blockquote><pre id="6q0ys"></pre><ul id="6q0ys"></ul><dd id="6q0ys"><cite id="6q0ys"><nav id="6q0ys"></nav></cite></dd><input id="6q0ys"><tbody id="6q0ys"><pre id="6q0ys"></pre></tbody></input><sup id="6q0ys"><center id="6q0ys"><dl id="6q0ys"></dl></center></sup><rt id="6q0ys"></rt><pre id="6q0ys"></pre><abbr id="6q0ys"></abbr><center id="6q0ys"><dd id="6q0ys"><th id="6q0ys"></th></dd></center><ul id="6q0ys"><pre id="6q0ys"><source id="6q0ys"></source></pre></ul><center id="6q0ys"></center><s id="6q0ys"></s><nav id="6q0ys"></nav><th id="6q0ys"></th><source id="6q0ys"><strong id="6q0ys"><abbr id="6q0ys"></abbr></strong></source><small id="6q0ys"></small><cite id="6q0ys"></cite><optgroup id="6q0ys"><abbr id="6q0ys"><pre id="6q0ys"></pre></abbr></optgroup><noframes id="6q0ys"><ul id="6q0ys"><pre id="6q0ys"></pre></ul></noframes><optgroup id="6q0ys"></optgroup><ul id="6q0ys"></ul><del id="6q0ys"></del><tbody id="6q0ys"></tbody><th id="6q0ys"></th><code id="6q0ys"></code><small id="6q0ys"></small><nav id="6q0ys"></nav><small id="6q0ys"></small><fieldset id="6q0ys"></fieldset><kbd id="6q0ys"></kbd><bdo id="6q0ys"></bdo><object id="6q0ys"><small id="6q0ys"><button id="6q0ys"></button></small></object><pre id="6q0ys"></pre><em id="6q0ys"><del id="6q0ys"><tr id="6q0ys"></tr></del></em><dfn id="6q0ys"></dfn><acronym id="6q0ys"></acronym><bdo id="6q0ys"></bdo><pre id="6q0ys"><blockquote id="6q0ys"><dl id="6q0ys"></dl></blockquote></pre><button id="6q0ys"></button><blockquote id="6q0ys"></blockquote><abbr id="6q0ys"></abbr><tr id="6q0ys"><s id="6q0ys"><bdo id="6q0ys"></bdo></s></tr><source id="6q0ys"></source><center id="6q0ys"></center><blockquote id="6q0ys"><tfoot id="6q0ys"><input id="6q0ys"></input></tfoot></blockquote><fieldset id="6q0ys"></fieldset><kbd id="6q0ys"></kbd><bdo id="6q0ys"></bdo><cite id="6q0ys"></cite><dl id="6q0ys"></dl><delect id="6q0ys"><tr id="6q0ys"><rt id="6q0ys"></rt></tr></delect><xmp id="6q0ys"></xmp><ul id="6q0ys"><tbody id="6q0ys"><source id="6q0ys"></source></tbody></ul><tr id="6q0ys"></tr><kbd id="6q0ys"></kbd><small id="6q0ys"></small><kbd id="6q0ys"></kbd><s id="6q0ys"><noscript id="6q0ys"><option id="6q0ys"></option></noscript></s><tbody id="6q0ys"></tbody><tbody id="6q0ys"><pre id="6q0ys"><blockquote id="6q0ys"></blockquote></pre></tbody><button id="6q0ys"></button><button id="6q0ys"></button><center id="6q0ys"></center><blockquote id="6q0ys"></blockquote><nav id="6q0ys"></nav><rt id="6q0ys"></rt><option id="6q0ys"></option><bdo id="6q0ys"></bdo><dl id="6q0ys"><input id="6q0ys"><abbr id="6q0ys"></abbr></input></dl><dfn id="6q0ys"></dfn><em id="6q0ys"><del id="6q0ys"><dfn id="6q0ys"></dfn></del></em><button id="6q0ys"></button><tbody id="6q0ys"></tbody><cite id="6q0ys"></cite><kbd id="6q0ys"></kbd><del id="6q0ys"><tr id="6q0ys"><rt id="6q0ys"></rt></tr></del><pre id="6q0ys"><blockquote id="6q0ys"><tbody id="6q0ys"></tbody></blockquote></pre><kbd id="6q0ys"></kbd><tr id="6q0ys"></tr><small id="6q0ys"></small><source id="6q0ys"></source><rt id="6q0ys"></rt><li id="6q0ys"><acronym id="6q0ys"><xmp id="6q0ys"></xmp></acronym></li><tbody id="6q0ys"></tbody><sup id="6q0ys"></sup><sup id="6q0ys"></sup><samp id="6q0ys"></samp><tbody id="6q0ys"><source id="6q0ys"><strong id="6q0ys"></strong></source></tbody><dd id="6q0ys"></dd><tbody id="6q0ys"><pre id="6q0ys"><blockquote id="6q0ys"></blockquote></pre></tbody><small id="6q0ys"></small><sup id="6q0ys"></sup><wbr id="6q0ys"></wbr><em id="6q0ys"></em><dfn id="6q0ys"></dfn><cite id="6q0ys"><menu id="6q0ys"><li id="6q0ys"></li></menu></cite><kbd id="6q0ys"><center id="6q0ys"><dd id="6q0ys"></dd></center></kbd><xmp id="6q0ys"></xmp><xmp id="6q0ys"></xmp><samp id="6q0ys"><tfoot id="6q0ys"><object id="6q0ys"></object></tfoot></samp><optgroup id="6q0ys"></optgroup><object id="6q0ys"><tbody id="6q0ys"><button id="6q0ys"></button></tbody></object><s id="6q0ys"></s><noscript id="6q0ys"><center id="6q0ys"><dd id="6q0ys"></dd></center></noscript><th id="6q0ys"></th><tr id="6q0ys"></tr><noscript id="6q0ys"></noscript><source id="6q0ys"></source><center id="6q0ys"></center><noframes id="6q0ys"><samp id="6q0ys"><pre id="6q0ys"></pre></samp></noframes><wbr id="6q0ys"><cite id="6q0ys"><nav id="6q0ys"></nav></cite></wbr><bdo id="6q0ys"></bdo><abbr id="6q0ys"></abbr><cite id="6q0ys"><nav id="6q0ys"><kbd id="6q0ys"></kbd></nav></cite><dl id="6q0ys"><optgroup id="6q0ys"><abbr id="6q0ys"></abbr></optgroup></dl><bdo id="6q0ys"></bdo><optgroup id="6q0ys"></optgroup><td id="6q0ys"><em id="6q0ys"><delect id="6q0ys"></delect></em></td><wbr id="6q0ys"><small id="6q0ys"><abbr id="6q0ys"></abbr></small></wbr><dfn id="6q0ys"></dfn><dfn id="6q0ys"></dfn><kbd id="6q0ys"><center id="6q0ys"><dd id="6q0ys"></dd></center></kbd><button id="6q0ys"></button><wbr id="6q0ys"><cite id="6q0ys"><nav id="6q0ys"></nav></cite></wbr></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> 