一、HTML、CSS、JavaScript分別實(shí)現(xiàn)什么功能

1、HTML（超文本標(biāo)記語言，Hypertext Markup Language）

HTML 是一種用于描述網(wǎng)頁結(jié)構(gòu)的標(biāo)記語言。它主要負(fù)責(zé)定義網(wǎng)頁的基本骨架和內(nèi)容。HTML 代碼由一系列的標(biāo)簽（tag）組成，這些標(biāo)簽用于描述網(wǎng)頁中的各種元素，例如段落、標(biāo)題、列表、圖片、鏈接等。以下是 HTML 的主要功能：

網(wǎng)頁結(jié)構(gòu)：HTML 通過標(biāo)簽定義了網(wǎng)頁的結(jié)構(gòu)和層次。例如，

、

和

等標(biāo)簽描述了網(wǎng)頁的主要部分和組織方式。網(wǎng)頁內(nèi)容：HTML 用于展示網(wǎng)頁的文本、圖像、視頻等內(nèi)容。例如，

、

–
、、和等標(biāo)簽定義了各種類型的內(nèi)容元素。超鏈接：HTML 使用標(biāo)簽創(chuàng)建超鏈接，實(shí)現(xiàn)網(wǎng)頁之間的跳轉(zhuǎn)和資源的引用。超鏈接是 Web 的基石，它使得 Web 成為一個(gè)互聯(lián)的網(wǎng)絡(luò)。表單和輸入：HTML 提供了
、、</code>、<code><button></code> 等標(biāo)簽，以收集和提交用戶數(shù)據(jù)。<p style="text-indent: 2em;"><strong>2、CSS（層疊樣式表，Cascading Style Sheets）</strong></p><p style="text-indent: 2em;">CSS 是一種用于描述網(wǎng)頁樣式的語言，它負(fù)責(zé)定義網(wǎng)頁的布局、顏色、字體、邊距等視覺樣式。CSS 可以將樣式與 HTML 內(nèi)容分離，使得網(wǎng)頁更易于維護(hù)和設(shè)計(jì)。以下是 CSS 的主要功能：</p>布局：CSS 控制網(wǎng)頁元素的位置和排列方式。例如，使用 Flexbox、Grid 和定位（positioning）等布局模型對(duì)元素進(jìn)行對(duì)齊、排列和定位。樣式：CSS 設(shè)定元素的顏色、字體、背景、邊框等樣式。例如，<code>color</code>、<code>font-family</code>、<code>background-image</code> 和 <code>border-radius</code> 等屬性定義了元素的視覺效果。響應(yīng)式設(shè)計(jì)：CSS 通過媒體查詢（media query）實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，使得網(wǎng)頁能夠根據(jù)不同設(shè)備和屏幕尺寸自適應(yīng)顯示。動(dòng)畫和過渡：CSS 提供了動(dòng)畫（animation）和過渡（transition）功能，以實(shí)現(xiàn)平滑的視覺效果和交互動(dòng)畫。<p style="text-indent: 2em;"><strong>3、JavaScript（JS）</strong></p><p style="text-indent: 2em;">JavaScript 是一種用于實(shí)現(xiàn)網(wǎng)頁交互的腳本語言。它可以運(yùn)行在瀏覽器端，使得網(wǎng)頁具有豐富的交互功能和動(dòng)態(tài)效果。與 HTML 和 CSS 分別負(fù)責(zé)網(wǎng)頁的結(jié)構(gòu)和樣式不同，JavaScript 主要關(guān)注網(wǎng)頁的行為和邏輯。以下是 JavaScript 的主要功能：</p>DOM 操作：JavaScript 可以操作文檔對(duì)象模型（DOM），實(shí)現(xiàn)對(duì)網(wǎng)頁元素的增加、刪除、修改等操作。這使得網(wǎng)頁能夠根據(jù)用戶操作或其他條件動(dòng)態(tài)地改變內(nèi)容和結(jié)構(gòu)。事件處理：JavaScript 可以監(jiān)聽和處理網(wǎng)頁事件，例如點(diǎn)擊、滾動(dòng)、輸入等。通過處理這些事件，可以實(shí)現(xiàn)用戶與網(wǎng)頁的交互，例如展開菜單、彈出對(duì)話框等。數(shù)據(jù)處理：JavaScript 可以處理數(shù)據(jù)，例如獲取用戶輸入、計(jì)算結(jié)果、驗(yàn)證數(shù)據(jù)等。這使得網(wǎng)頁具有處理和響應(yīng)用戶數(shù)據(jù)的能力。異步請(qǐng)求：JavaScript 可以發(fā)起異步請(qǐng)求，實(shí)現(xiàn)與服務(wù)器的數(shù)據(jù)交換。這使得網(wǎng)頁能夠在不刷新頁面的情況下更新數(shù)據(jù)，提高用戶體驗(yàn)。例如，通過 AJAX（Asynchronous JavaScript and XML）或 Fetch API 獲取數(shù)據(jù)、提交表單等。動(dòng)畫效果：雖然 CSS 可以實(shí)現(xiàn)一定程度的動(dòng)畫效果，但 JavaScript 提供了更強(qiáng)大和靈活的動(dòng)畫控制能力。例如，使用 <code>requestAnimationFrame</code> 實(shí)現(xiàn)高性能動(dòng)畫、利用第三方庫（如 GreenSock、Three.js 等）創(chuàng)建復(fù)雜的動(dòng)畫和視覺效果。<p style="text-indent: 2em;"><strong>延伸閱讀1：什么是JavaScript</strong></p><p style="text-indent: 2em;">JavaScript（簡稱“JS”）是一種具有函數(shù)優(yōu)先的輕量級(jí)，解釋型或即時(shí)編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript基于原型編程、多范式的動(dòng)態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍健⒙暶魇健⒑瘮?shù)式編程范式。</p><p style="text-indent: 2em;">JavaScript在1995年由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)镹etscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實(shí)際上它的語法風(fēng)格與Self及Scheme較為接近。</p></div> <div id="g6wnevj" class="tag-wrap" style="margin: 30px auto 0;width: 810px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;"> <span id="tjatmdu" class="tag-label" style="font-size: 16px; line-height: 22px;margin-right: 6px;">tags:</span> <a id="tag_click" target="_blank" style="display: inline-block" href="http://www.kei0345678.cn/tag-0-1.html">it技術(shù)干貨</a> </div> <div id="mduhcsl" class="con-left-bottom"> 聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。 </div> <div id="4tnbtqd" class="left-form"> <div id="7iapicw" class="left-form-left"> <div id="95ib9ky" class="h3">10年以上業(yè)內(nèi)強(qiáng)師集結(jié)，手把手帶你蛻變精英</div> <div id="yxoduje" class="list-form-item"> <i class="ypfont yp-name"></i> <input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" /> </div> <div id="1vs0nbq" class="list-form-item list-form-item2"> <i class="ypfont yp-shouji"></i> <input type="text" placeholder="您的電話" name="realphone" id="phone" autocomplete="off" /> </div> <div id="friatjz" class="h4">請(qǐng)您保持通訊暢通，專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通</div> <div id="y47slfa" class="list-submit"> 免費(fèi)領(lǐng)取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div id="wn2evja" class="left-form-right"> <div id="t2sizsh" class="h3">今日已有<span>369</span>人領(lǐng)取成功</div> <div id="upcqe99" class="swiper-container swiper-phone swiper-no-swiping"> <div id="cbt9wpg" class="swiper-wrapper"> <div id="4kb8h24" class="swiper-slide"> 劉同學(xué) 1382860 剛剛成功領(lǐng)取 </div> <div id="uukbwph" class="swiper-slide"> 王同學(xué) 1312015 剛剛成功領(lǐng)取 </div> <div id="y4iaqja" class="swiper-slide"> 張同學(xué) 1334652 剛剛成功領(lǐng)取 </div> <div id="aohwkxo" class="swiper-slide"> 李同學(xué) 1358607 剛剛成功領(lǐng)取 </div> <div id="ypc7av2" class="swiper-slide"> 楊同學(xué) 1325667 剛剛成功領(lǐng)取 </div> <div id="anb2yog" class="swiper-slide"> 岳同學(xué) 1346652 剛剛成功領(lǐng)取 </div> <div id="y7ulypj" class="swiper-slide"> 梁同學(xué) 1572950 剛剛成功領(lǐng)取 </div> <div id="drjzohw" class="swiper-slide"> 劉同學(xué) 1891015 剛剛成功領(lǐng)取 </div> <div id="12jap9k" class="swiper-slide"> 張同學(xué) 1554678 剛剛成功領(lǐng)取 </div> <div id="etg47ph" class="swiper-slide"> 鄒同學(xué) 1392907 剛剛成功領(lǐng)取 </div> <div id="pidthxm" class="swiper-slide"> 董同學(xué) 1382867 剛剛成功領(lǐng)取 </div> <div id="60h2lbt" class="swiper-slide"> 周同學(xué) 1363602 剛剛成功領(lǐng)取 </div> </div> </div> </div> </div> </div> <div id="6wokldu" class="c_page_bottom"> <div id="p4ojcuq" class="c_page_bottom_item"> <div id="obtiwne" class="c_page_bottom_item_up"></div> <p>上一篇</p> <a href="http://www.kei0345678.cn/about/BBS/204931.html" title="204939" target="_blank">wiki收費(fèi)嗎?</a> </div> <div id="o2ixmev" class="c_page_bottom_item"> <div id="aujymy8" class="c_page_bottom_item_next"></div> <p>下一篇</p> <a href="http://www.kei0345678.cn/about/BBS/204940.html" target="_blank" title="204939">Android WebView onPageFinished對(duì)于Document意味著什么?</a> </div> </div> <div id="xlarl6m" class="left-ad"> <a href="javascript:;" onclick="open53_pc()" rel="nofollow" class="left-ad-btn"> 免費(fèi)打包獲取<i class="ypfont yp-dianjitianjia"></i> </a> </div>  <div id="qhapl6c" class="article article-hot" style="margin-top: 20px"> <div id="brkaslc" class="article-tit-box"> <div id="vj24a2c" class="art-tit h3"> 相關(guān)推薦<span id="6jwmeul" class="art-hot">HOT</span> </div>  </div> <div id="uq9euja" class="art-con"> <a href="http://www.kei0345678.cn/about/BBS/205066.html" target="_blank" class="art-item"> <div id="avizpgc" class="art-item-img"> <img src="/tywzt/tongyong15.jpg" alt="" /> </div> <div id="bshctix" class="art-item-info"> <div id="9d7zrlg" class="h4">輸入網(wǎng)址，再按回車后面發(fā)生了什么?</div> <p> 一、輸入網(wǎng)址，再按回車后面發(fā)生了什么輸入網(wǎng)址，再按回車后面會(huì)發(fā)生：a.域名解析；b.發(fā)起TCP的3次握手；c.建立TCP連接后發(fā)起http請(qǐng)求；d.服務(wù)...<span>詳情>></span> </p> <span>2023-10-11 14:51:08</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205057.html" target="_blank" class="art-item"> <div id="2ni3lzm" class="art-item-img"> <img src="/tywzt/ty65.jpg" alt="" /> </div> <div id="lg1zodv" class="art-item-info"> <div id="havfwkv" class="h4">初學(xué)Java要掌握哪些工具?</div> <p> 一、初學(xué)Java要掌握哪些工具1、要想編寫程序，需要一個(gè)能編寫源代碼的編輯工具。例如：Notepad++；2、要想測(cè)試程序，需要一個(gè)編譯、執(zhí)行工具。...<span>詳情>></span> </p> <span>2023-10-11 14:44:14</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205046.html" target="_blank" class="art-item"> <div id="amdtrq6" class="art-item-img"> <img src="/tywzt/ty47.jpg" alt="" /> </div> <div id="t74zrmz" class="art-item-info"> <div id="4nexmba" class="h4">Spring和Spring Boot有什么區(qū)別?</div> <p> 一、Spring和Spring Boot的區(qū)別1、基于的概念不同Spring是一個(gè)完整的企業(yè)級(jí)應(yīng)用程序開發(fā)框架，它提供了一系列的模塊，如Spring Core、Spring MV...<span>詳情>></span> </p> <span>2023-10-11 14:36:13</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205043.html" target="_blank" class="art-item"> <div id="bofwqet" class="art-item-img"> <img src="/tywzt/ty59.jpg" alt="" /> </div> <div id="xj48cqg" class="art-item-info"> <div id="emcsftm" class="h4">APP開發(fā)和小程序開發(fā)有什么不同?</div> <p> 一、APP開發(fā)和小程序開發(fā)的不同1、平臺(tái)限制不同APP開發(fā)需要針對(duì)不同的操作系統(tǒng)，如iOS、Android等進(jìn)行開發(fā)，而小程序只能在微信、支付寶、百度...<span>詳情>></span> </p> <span>2023-10-11 14:33:12</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205035.html" target="_blank" class="art-item"> <div id="n6qgthw" class="art-item-img"> <img src="/tywzt/ty34.jpg" alt="" /> </div> <div id="mupd928" class="art-item-info"> <div id="ivmf7bm" class="h4">JS正則中exec與match有哪些區(qū)別?</div> <p> 一、JS正則中exec與match的區(qū)別1、匹配多個(gè)結(jié)果不同exec()方法會(huì)匹配并返回所有滿足正則表達(dá)式條件的結(jié)果，而match()方法只會(huì)返回名列前茅個(gè)滿...<span>詳情>></span> </p> <span>2023-10-11 14:25:31</span> </div> </a> </div> </div> </div> </div> <div id="fn92g4k" class="con-right"> <div id="69lctfu" class="con-right-rywd"> <div id="ctgxo8v" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>熱門推薦 </div> <div id="yiwndul" class="swiper3"> <a href="http://www.kei0345678.cn/about/BBS/205068.html" target="_blank"> <div id="latkbsj" class="ypfont yp-zhiding"></div> <p>node是什么?</p> <span id="2ofwncr" class="a11">沸</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205066.html" target="_blank"> <div id="4dpdsiv" class="ypfont yp-1"></div> <p>輸入網(wǎng)址，再按回車后面發(fā)生了什么?</p> <span id="jq1lari" class="a21">熱</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205061.html" target="_blank"> <div id="ambqlbw" class="ypfont yp-2"></div> <p>為什么 SwiftUI 用 “some View” 作為視圖類型?</p> <span id="yiuket2" class="a31">熱</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205058.html" target="_blank"> <div id="yeqiy7c" class="ypfont yp-3"></div> <p>兩個(gè)Framework中如果定義了相同名字的C函數(shù)會(huì)發(fā)生什么?</p> <span id="djbqhap" class="a41">新</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205057.html" target="_blank"> <div id="tdsibl6" class="a5"> 4 </div> <p>初學(xué)Java要掌握哪些工具?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205055.html" target="_blank"> <div id="puivpk7" class="a6"> 5 </div> <p>Java中&與&&有什么區(qū)別?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205051.html" target="_blank"> <div id="o2gu4ca" class="a7"> 6 </div> <p>UML有哪些常用關(guān)系?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205049.html" target="_blank"> <div id="kqja27x" class="a8"> 7 </div> <p>PHP中isset、empty、 is_null有什么區(qū)別?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205046.html" target="_blank"> <div id="w4ka2oc" class="a9"> 8 </div> <p>Spring和Spring Boot有什么區(qū)別?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205045.html" target="_blank"> <div id="d2wjeti" class="a10"> 9 </div> <p>ASM與JAVASSIST有什么區(qū)別?</p> </a> </div>  </div>  <a href="javascript:;" rel="nofollow" onclick="open53_pc()" class="right-ad"> <img src="/images/right-ad.jpg" alt="" /></a>  <div id="s42umxn" class="con-right-rywd"> <div id="14wpbsj" class="tk-tit h3"> <a class="left" href="http://www.kei0345678.cn/about/BBS/" target="_blank"><i class="ypfont yp-fabujishu" ></i>技術(shù)干貨</a> <a href="http://www.kei0345678.cn/about/BBS/" target="_blank">更多>></a> </div> <div id="grkavng" class="swiper2 "> <a href="http://www.kei0345678.cn/about/BBS/258998.html" class="swiper-slide" target="_blank"> <div id="2sjxqkz" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty33.jpg" alt="" /> </div> <div> <div id="ijbqhwp" class="h3">如何實(shí)現(xiàn)服務(wù)器負(fù)載均衡</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258997.html" class="swiper-slide" target="_blank"> <div id="4qepgdy" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong12.jpg" alt="" /> </div> <div> <div id="mofynhl" class="h3">linux有哪些優(yōu)勢(shì)和劣勢(shì)</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258996.html" class="swiper-slide" target="_blank"> <div id="hiane4d" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="vxo1dw4" class="h3">linux需要驅(qū)動(dòng)嗎</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258995.html" class="swiper-slide" target="_blank"> <div id="n2ulxi4" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong7.jpg" alt="" /> </div> <div> <div id="z7fvodr" class="h3">android與linux的區(qū)別</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258994.html" class="swiper-slide" target="_blank"> <div id="fjbrjzo" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="bgylzsh" class="h3">如何搭建基于容器的深度學(xué)習(xí)環(huán)境</div> <p>2023-12-06</p> </div> </a> </div> </div>  <div id="1mduncv" class="con-right-rywd"> <div id="74hw7zr" class="tk-tit h3"> <a class="left" href="http://www.kei0345678.cn/zcjy/" target="_blank"><i class="ypfont yp-minzhengtubiao1-46" ></i>職場(chǎng)就業(yè)</a> <a href="http://www.kei0345678.cn/zcjy/" target="_blank">更多>></a> </div> <div id="e8oc2kc" class="swiper2 "> <a href="http://www.kei0345678.cn/zcjy/wlaq/259025.html" class="swiper-slide zcjy" target="_blank"> <div id="72kzskf" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty41.jpg" alt="" /> </div> <div> <div id="o9qh3pg" class="h3">網(wǎng)絡(luò)安全軟件開發(fā)的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.kei0345678.cn/zcjy/python/259024.html" class="swiper-slide zcjy" target="_blank"> <div id="p74pexp" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong6.jpg" alt="" /> </div> <div> <div id="ab4jdwp" class="h3">學(xué)會(huì)python工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.kei0345678.cn/zcjy/java/259023.html" class="swiper-slide zcjy" target="_blank"> <div id="fjcribv" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong2.jpg" alt="" /> </div> <div> <div id="14i7tkb" class="h3">學(xué)會(huì)java工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.kei0345678.cn/zcjy/linux/136992.html" class="swiper-slide zcjy" target="_blank"> <div id="mqgynhf" class="img-box"> <img src="http://www.kei0345678.cn//2023/0428/1682660765277.png" alt="" /> </div> <div> <div id="txmdrib" class="h3">云計(jì)算技術(shù)就業(yè)前景以及發(fā)展方向怎樣？</div> <p>2023-08-07</p> </div> </a> </div> </div>  <div id="dhwndqh" class="con-right-rywd"> <div id="ssjaviz" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>快速通道</div> <ul class="kstd"> <li> <div id="2hvlx9c" class="h3">培訓(xùn)機(jī)構(gòu)</div> <a href="http://www.kei0345678.cn/training/" target="_blank">了解培訓(xùn)相關(guān)</a> </li> <li> <div id="m7ma4fw" class="h3">就業(yè)前景</div> <a href="http://www.kei0345678.cn/zcjy/" target="_blank">查看就業(yè)前景</a> </li> <li> <div id="vz3csha" class="h3">培訓(xùn)門檻</div> <a href="http://www.kei0345678.cn/ljc/" target="_blank">了解學(xué)習(xí)門檻</a> </li> <li> <div id="wy4dr79" class="h3">應(yīng)聘面試</div> <a href="http://www.kei0345678.cn/interview/" target="_blank">常見面試考題</a> </li> <li> <div id="spht2fw" class="h3">就業(yè)服務(wù)</div> <a href="http://www.kei0345678.cn/employ/" target="_blank" rel="nofollow">畢業(yè)推薦就業(yè)</a> </li> <li> <div id="ijcmgxm" class="h3">師資團(tuán)隊(duì)</div> <a href="http://www.kei0345678.cn/teachers/" target="_blank" rel="nofollow">了解師資團(tuán)隊(duì)</a> </li> </ul> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/css/css3451.css"> <div id="3ohy9ex" class="edu-footer"> <div id="omfun2m" class="base"> <div id="6xogzla" class="con-left"> <img src="http://www.kei0345678.cn/images_index/new-logo-white.png" class="edu-footer-logo" /> <p class="edu-footer-sologan">初心至善匠心育人</p> <p class="edu-footer-phoneNumber"> <i class="icon icon-dianhua1"></i>400-811-9990 <a href="javascript:;" onclick="open53_pc()" rel="nofollow">24小時(shí)在線咨詢</a> </p> </div> <div id="d2cupcu" class="con-right"> <div id="p7snz9h" class="edu-footer-about-links"> <div id="abumc0i" class="list1 list"> <div id="ttjaupj" class="h4">關(guān)于千鋒</div> <ul> <li> <a href="http://www.kei0345678.cn/about/" target="_blank" rel="nofollow">千鋒簡介</a> </li> <li> <a href="http://www.kei0345678.cn/about/contact.html" target="_blank" rel="nofollow">聯(lián)系我們</a> </li> <li> <a href="http://www.kei0345678.cn/qynx/" target="_blank" rel="nofollow">企業(yè)服務(wù)</a> </li> <li> <a href="http://www.kei0345678.cn/topic/fygy.html" target="_blank" rel="nofollow">鋒益公益</a> </li> </ul> </div> <div id="bg72qhb" class="list1 list"> <div id="r2ype4o" class="h4">學(xué)習(xí)資源</div> <ul> <li> <a target="_blank" rel="nofollow">項(xiàng)目庫</a> </li> <li> <a href="http://www.kei0345678.cn/open/" target="_blank" rel="nofollow">公開課</a> </li> <li> <a target="_blank" rel="nofollow">視頻教程</a> </li>  </ul> </div> <div id="wcn7ypg" class="list1 list"> <div id="v9avmyp" class="h4">服務(wù)指南</div> <ul> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">報(bào)名咨詢</a> </li> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">校區(qū)分布</a> </li> <li> <a href="http://www.kei0345678.cn/sitemap.html" target="_blank" rel="nofollow">網(wǎng)站地圖</a> </li> <li> <a href="http://www.kei0345678.cn/privacyPolicy.html" target="_blank" rel="nofollow">隱私聲明</a> </li> </ul> </div> </div> <div id="po9wpe4" class="qrcode-box"> <div id="8qsg7vm" class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千鋒教育" /> </div> <div id="modwqit" class="h4">千鋒學(xué)習(xí)站 | <span>隨時(shí)隨地免費(fèi)學(xué)</span></div> </div> <div id="uujbtka" class="qrcode-box"> <div id="gi2mduh" class="qrcode flex-center"> <img src="http://www.kei0345678.cn/images_index/qr-code-new2.png" alt="千鋒教育" /> </div> <div id="osifsla" class="h4">掃一掃進(jìn)入千鋒手機(jī)站</div> </div> </div> </div> </div> <div id="72vhzod" class="footer-link"> <div id="iiy4gzs" class="base"> <div id="mmcnfvj" class="links-tab"> <span id="ceqixpf" class="active">熱門課程</span>    </div> <div id="fneogyn" class="links-a active">  <a href="http://www.kei0345678.cn/" target="_blank">IT培訓(xùn)</a> <a target="_blank">java培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/harmonyos.html" target="_blank">鴻蒙開發(fā)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/emb.html" target="_blank">嵌入式培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/python.html" target="_blank">python培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/ui.html" target="_blank">UI培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/test.html" target="_blank">軟件測(cè)試培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/linux.html" target="_blank">云計(jì)算培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/bigdata.html" target="_blank">大數(shù)據(jù)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/wlw.html" target="_blank">物聯(lián)網(wǎng)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/wlw.html" target="_blank">游戲開發(fā)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/qmt.html" target="_blank">全媒體運(yùn)營培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/ysjj.html" target="_blank">影視剪輯培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/wlaq.html" target="_blank">網(wǎng)絡(luò)安全培訓(xùn)</a> </div>        </div> <div id="dhv1i44" class="copyright"> <p class="copyright-p"> Copyright 2011-2025 <a href="javascript:;" rel="nofollow" title="千鋒互聯(lián)">北京千鋒互聯(lián)科技有限公司</a> <a rel="nofollow"> 京ICP備12003911號(hào)-3 </a> <a target="_blank" rel="nofollow" style="display: inline-block;text-decoration: none;height: 20px;line-height: 20px;"> <img src="/wzt/beian.png" />京公網(wǎng)安備 11010802030320號(hào) </a> </p> <p>千鋒教育運(yùn)營主體：北京千鋒互聯(lián)科技有限公司，屬具備計(jì)算機(jī)技術(shù)培訓(xùn)資質(zhì)的教育培訓(xùn)機(jī)構(gòu)。</p> </div> </div> <script src="http://www.kei0345678.cn/js/jquery.min.js"></script> <script src="http://www.kei0345678.cn/js/swiper4.5.0.min.js"></script> <script src="http://www.kei0345678.cn/js/common1.js?111"></script> <script src="/js/highlight.min.js"></script> <script> hljs.highlightAll(); </script> <script> $(document).ready(function () { var href = $("#tag_click").attr("href"); if (href && href.indexOf("-0-") != -1) { var tag_code = $("#tag_click").html(); $.ajax({ url: "http://app.mobiletrain.org/tags.php", type: "get", dataType: "json", data: { tag_code: tag_code }, success: function (data) { $("#tag_click").attr( "href", "http://www.kei0345678.cn/tag-" + data + "-1.html" ); }, }); } }); if ( location.href.indexOf("/about/info/") > -1 || location.href.indexOf("/about/news/") > -1 ) { document .getElementsByClassName("topicactive")[0] .classList.remove("topicactive"); document .getElementsByClassName("interviewactive")[0] .classList.remove("interviewactive"); } else if (location.href.indexOf("/interview/") > -1) { document .getElementsByClassName("topicactive")[0] .classList.remove("topicactive"); document .getElementsByClassName("xwzxactive")[0] .classList.remove("xwzxactive"); } else { document .getElementsByClassName("xwzxactive")[0] .classList.remove("xwzxactive"); document .getElementsByClassName("interviewactive")[0] .classList.remove("interviewactive"); } new Swiper(".swiper1", { loop: true, autoplay: true, pagination: { el: ".swiper-pagination1", }, }); // new Swiper(".swiper3", { // slidesPerView: 14, // slidesPerGroup: 14, // spaceBetween: 20, // loop: true, // direction: "vertical", // // navigation: { // // nextEl: ".swiper-button-next3", // // prevEl: ".swiper-button-prev3", // // }, // }); // new Swiper(".swiper4", { // slidesPerView: 6, // slidesPerGroup: 6, // spaceBetween: 21, // loop: true, // direction: "vertical", // navigation: { // nextEl: ".swiper-button-next4", // prevEl: ".swiper-button-prev4", // }, // }); // new Swiper(".swiper-phone", { // slidesPerView: 4, // autoplay: true, // spaceBetween: 0, // loop: true, // direction: "vertical", // }); // $(".select_txt,.selet_open").hover(function (event) { // $(".option").hide(); // $(this).siblings(".option").show(); // $(".select_box").removeClass("uiChooseActiveS"); // $(this).parent(".select_box").addClass("uiChooseActiveS"); // }); // $(document).click(function (event) { // var eo = $(event.target); // if ( // $(".select_box").is(":visible") && // eo.attr("class") != "option" && // !eo.parent(".option").length // ) // $(".option").hide(); // $(".select_box").removeClass("uiChooseActiveS"); // }); // $(".option a").click(function () { // var value = $(this).text(); // $(this).parent().siblings(".select_txt").text(value); // $(".select_value").val(value); // $(".option").hide(); // $(".select_box").removeClass("uiChooseActiveS"); // }); // $(".option").each(function (d) { // var optionSize = 6; // var optionLiHeight = $(".option a").height(); // var optionVarS = $(this).find("a").length - 2; // console.log(optionVarS, optionSize); // if (optionVarS > optionSize) { // var optionSheight = 175; // $(this).height(optionSheight); // } else { // var optionLiTal = optionVarS * optionLiHeight; // $(this).height(optionLiTal); // } // }); // $(".option,.uiChooseTable,.mod_select ").mouseleave(function () { // $(".select_box").removeClass("uiChooseActiveS"); // $(".option").hide(); // }); // $(".option a").each(function () { // $(this).html("第" + $(this).text() + "頁"); // }); new Swiper(".swiper-news", { autoplay: true, loop: true, direction: "vertical", }); $(".footer-link .links-tab span").click(function () { $(this).addClass("active").siblings().removeClass("active"); $(".footer-link .links-a").removeClass("active"); $(".footer-link .links-a").eq($(this).index()).addClass("active"); }); // 開班信息模塊 function kbxx () { // var courseId = // arguments.length > 0 && arguments[0] !== undefined // ? arguments[0] // : 13; var cityId = arguments[0] !== undefined ? arguments[0] : 10; $.ajax({ url: "https://owzsapi.qfedu.com/v1/api/openApiRestController/getAllClass?type=1", type: "GET", success: function success (res) { var r = ""; var curTime = new Date().getTime(); var filterArr = res.data.filter(function (v) { return v.cityId == cityId; }); console.log(filterArr); filterArr.reverse().forEach(function (v, idx) { // 最大條數(shù) if (idx > 14) return; // 判斷時(shí)間 var timeMode = "預(yù)約占座"; var kbTime = new Date(v.beginTime).getTime(); // 一個(gè)月 if (kbTime - curTime > 2592000000) { timeMode = "預(yù)約占座"; } if (kbTime - curTime > 0 && kbTime - curTime < 2642268030) { timeMode = "即將報(bào)滿"; } if (kbTime - curTime < 0) { timeMode = "爆滿開班"; } r += "<li id="xwjj624" class='swiper-slide'>\n <a href='javascript:;' rel='nofollow' onclick='open53_pc()'>\n <span>" + (v.name.replace(v.cityName, "").split("班")[0] + "班") + "</span>\n <span>" + v.beginTime + "</span>\n <span data-mode='" + (timeMode === "即將報(bào)滿" ? 0 : timeMode === "爆滿開班" ? 2 : 1) + "'>" + timeMode + " " + (timeMode === "即將報(bào)滿" ? "" : "") + "</span>\n </a>\n </li>"; }); $(".des-right-classes .swiper-wrapper").html(r); new Swiper(".swiper6", { slidesPerView: 5, slidesPerGroup: 5, spaceBetween: 10, loop: true, autoplay: true, direction: "vertical", }); }, }); } kbxx(10); $(".kbxx_showXq_btn").click(function () { $(".kbxx_showXq_box").css("display", "block"); }); $(".kbxx_showXq_box ul li").click(function () { kbxx($(this).data("cityid")); $(".choose-xq").html($(this).context.innerText); $(".kbxx_showXq_box").css("display", "none"); }); /表單提交start/ // (function () { // var timer = setInterval(function () { // if (window.$) { // clearInterval(timer); // $(".list-submit").click(function () { // var params = { // name: $("#realname").val(), // phone: $("#phone").val(), // }; // var phReg = /^[\u4e00-\u9fa5a-zA-Z0-9-]{2,20}$/; // var nameReg = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]8$/; // // if (!nameReg.test($("#realname").val())) { // // alert("請(qǐng)正確輸入姓名"); // // return; // // } // if (!phReg.test($("#phone").val())) { // alert("請(qǐng)正確輸入手機(jī)號(hào)"); // return; // } // $.ajax({ // type: "POST", // contentType: "application/json", // url: // "http://api-newzs.1000phone.net//v1/api/seoFormController/add", // data: JSON.stringify(params), // success: function success(res) { // alert(res.msg); // }, // }); // }); // } // }, 1000); // })(); /表單提交end****/ console.log($(".content-left-box-child").height()); console.log($(".content-right-box-child").height()); if ( $(".content-left-box-child").height() > $(".content-right-box-child").height() ) { $(".content-right-box-child").addClass("sticky"); } else if ( $(".content-left-box-child").height() < $(".content-right-box-child").height() ) { $(".content-left-box-child").addClass("sticky"); } // var bot = // $(".con-right-rywd").offset().top + // $(".con-right-rywd").outerHeight() - // $(window).height() + // 30; // console.log(bot); // var left = $("#fixTop").offset().left; // $(document).scroll(function () { // var scroH = $(document).scrollTop(); // var footTop = $(".edu-footer").offset().top - $(window).height(); // if (scroH > bot) { // $("#fixTop").addClass("rig_fixed"); // $("#fixTop").css({ left: left }); // if (scroH > footTop) { // $("#fixTop").addClass("rig_bottom"); // $("#fixTop").css({ left: "909px" }); // } else { // $("#fixTop").removeClass("rig_bottom"); // // $("#fixTop").css({ left: "auto" }); // } // } else { // $("#fixTop").removeClass("rig_fixed"); // $("#fixTop").removeClass("rig_bottom"); // // $("#fixTop").css({ left: "auto" }); // } // }); </script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.kei0345678.cn/" title="国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地">国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地</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="7bdyp" class="pl_css_ganrao" style="display: none;"><xmp id="7bdyp"></xmp><thead id="7bdyp"><nav id="7bdyp"></nav></thead><pre id="7bdyp"></pre><video id="7bdyp"><blockquote id="7bdyp"><dl id="7bdyp"><strong id="7bdyp"></strong></dl></blockquote></video><abbr id="7bdyp"></abbr><pre id="7bdyp"></pre><tbody id="7bdyp"></tbody><button id="7bdyp"><delect id="7bdyp"><pre id="7bdyp"></pre></delect></button><tbody id="7bdyp"><tt id="7bdyp"></tt></tbody><dl id="7bdyp"><style id="7bdyp"></style></dl><sup id="7bdyp"></sup><strong id="7bdyp"></strong><mark id="7bdyp"></mark><th id="7bdyp"><label id="7bdyp"></label></th><label id="7bdyp"><option id="7bdyp"></option></label><ol id="7bdyp"></ol><center id="7bdyp"></center><strike id="7bdyp"><abbr id="7bdyp"><ins id="7bdyp"><pre id="7bdyp"></pre></ins></abbr></strike><pre id="7bdyp"><mark id="7bdyp"></mark></pre><abbr id="7bdyp"></abbr><tr id="7bdyp"></tr><source id="7bdyp"></source><kbd id="7bdyp"><tr id="7bdyp"><div id="7bdyp"></div></tr></kbd><div id="7bdyp"></div><meter id="7bdyp"><center id="7bdyp"><strong id="7bdyp"></strong></center></meter><object id="7bdyp"><li id="7bdyp"><small id="7bdyp"></small></li></object><big id="7bdyp"></big><abbr id="7bdyp"><video id="7bdyp"><pre id="7bdyp"></pre></video></abbr><strong id="7bdyp"></strong><dfn id="7bdyp"></dfn><optgroup id="7bdyp"><meter id="7bdyp"><ol id="7bdyp"></ol></meter></optgroup><label id="7bdyp"><option id="7bdyp"><xmp id="7bdyp"><ol id="7bdyp"></ol></xmp></option></label><dl id="7bdyp"></dl><small id="7bdyp"></small><legend id="7bdyp"></legend><output id="7bdyp"><center id="7bdyp"><tbody id="7bdyp"><center id="7bdyp"></center></tbody></center></output><var id="7bdyp"><tr id="7bdyp"></tr></var><pre id="7bdyp"></pre><pre id="7bdyp"></pre><label id="7bdyp"><noframes id="7bdyp"></noframes></label><form id="7bdyp"></form><optgroup id="7bdyp"><menuitem id="7bdyp"></menuitem></optgroup><button id="7bdyp"><progress id="7bdyp"></progress></button><label id="7bdyp"><table id="7bdyp"><del id="7bdyp"><span id="7bdyp"></span></del></table></label><tr id="7bdyp"><input id="7bdyp"><track id="7bdyp"></track></input></tr><kbd id="7bdyp"></kbd><form id="7bdyp"></form><wbr id="7bdyp"></wbr><tt id="7bdyp"></tt><track id="7bdyp"><thead id="7bdyp"></thead></track><ins id="7bdyp"><blockquote id="7bdyp"></blockquote></ins><tr id="7bdyp"></tr><mark id="7bdyp"><xmp id="7bdyp"><fieldset id="7bdyp"><optgroup id="7bdyp"></optgroup></fieldset></xmp></mark><ruby id="7bdyp"></ruby><abbr id="7bdyp"></abbr><fieldset id="7bdyp"><optgroup id="7bdyp"></optgroup></fieldset><u id="7bdyp"></u><output id="7bdyp"><center id="7bdyp"><strong id="7bdyp"><u id="7bdyp"></u></strong></center></output><delect id="7bdyp"></delect><fieldset id="7bdyp"><optgroup id="7bdyp"></optgroup></fieldset><acronym id="7bdyp"></acronym><xmp id="7bdyp"></xmp><progress id="7bdyp"></progress><center id="7bdyp"><legend id="7bdyp"></legend></center><dd id="7bdyp"><sup id="7bdyp"></sup></dd><table id="7bdyp"></table><source id="7bdyp"></source><th id="7bdyp"></th><tfoot id="7bdyp"></tfoot><tr id="7bdyp"><center id="7bdyp"><legend id="7bdyp"></legend></center></tr><small id="7bdyp"></small><option id="7bdyp"><output id="7bdyp"></output></option><input id="7bdyp"><dfn id="7bdyp"></dfn></input><rt id="7bdyp"></rt><source id="7bdyp"></source><xmp id="7bdyp"></xmp><tbody id="7bdyp"><rt id="7bdyp"><listing id="7bdyp"></listing></rt></tbody><legend id="7bdyp"><abbr id="7bdyp"><delect id="7bdyp"><pre id="7bdyp"></pre></delect></abbr></legend><noscript id="7bdyp"></noscript><option id="7bdyp"></option><xmp id="7bdyp"><ol id="7bdyp"></ol></xmp><tbody id="7bdyp"><u id="7bdyp"></u></tbody><form id="7bdyp"><button id="7bdyp"></button></form><progress id="7bdyp"></progress><div id="7bdyp"><input id="7bdyp"><abbr id="7bdyp"><thead id="7bdyp"></thead></abbr></input></div><xmp id="7bdyp"><tfoot id="7bdyp"><i id="7bdyp"></i></tfoot></xmp><strike id="7bdyp"><strike id="7bdyp"></strike></strike><nav id="7bdyp"></nav><th id="7bdyp"></th><em id="7bdyp"></em><ul id="7bdyp"><tbody id="7bdyp"><style id="7bdyp"></style></tbody></ul><form id="7bdyp"><acronym id="7bdyp"><td id="7bdyp"><strong id="7bdyp"></strong></td></acronym></form><p id="7bdyp"></p><acronym id="7bdyp"></acronym><ul id="7bdyp"></ul><input id="7bdyp"><dfn id="7bdyp"></dfn></input><thead id="7bdyp"></thead><label id="7bdyp"><table id="7bdyp"><xmp id="7bdyp"><ol id="7bdyp"></ol></xmp></table></label><thead id="7bdyp"></thead><source id="7bdyp"><abbr id="7bdyp"><tfoot id="7bdyp"><thead id="7bdyp"></thead></tfoot></abbr></source><pre id="7bdyp"></pre><dfn id="7bdyp"><kbd id="7bdyp"><tr id="7bdyp"><p id="7bdyp"></p></tr></kbd></dfn><ruby id="7bdyp"><dd id="7bdyp"><cite id="7bdyp"><form id="7bdyp"></form></cite></dd></ruby><nav id="7bdyp"><nobr id="7bdyp"></nobr></nav><u id="7bdyp"><pre id="7bdyp"></pre></u><dfn id="7bdyp"><ruby id="7bdyp"></ruby></dfn><em id="7bdyp"><blockquote id="7bdyp"></blockquote></em><tr id="7bdyp"></tr><center id="7bdyp"><strong id="7bdyp"></strong></center><menuitem id="7bdyp"><source id="7bdyp"><small id="7bdyp"></small></source></menuitem><big id="7bdyp"></big><sup id="7bdyp"><code id="7bdyp"></code></sup><rp id="7bdyp"></rp><dfn id="7bdyp"><noscript id="7bdyp"><acronym id="7bdyp"></acronym></noscript></dfn><tr id="7bdyp"></tr><pre id="7bdyp"><button id="7bdyp"><delect id="7bdyp"><pre id="7bdyp"></pre></delect></button></pre><label id="7bdyp"><bdo id="7bdyp"></bdo></label><p id="7bdyp"><input id="7bdyp"></input></p><form id="7bdyp"><strike id="7bdyp"></strike></form><sup id="7bdyp"></sup><font id="7bdyp"><strong id="7bdyp"><video id="7bdyp"></video></strong></font><li id="7bdyp"></li><abbr id="7bdyp"></abbr><mark id="7bdyp"></mark><thead id="7bdyp"><tr id="7bdyp"><input id="7bdyp"><track id="7bdyp"></track></input></tr></thead><delect id="7bdyp"></delect><sub id="7bdyp"></sub><blockquote id="7bdyp"></blockquote><pre id="7bdyp"></pre><thead id="7bdyp"><sup id="7bdyp"></sup></thead><optgroup id="7bdyp"><th id="7bdyp"></th></optgroup><tr id="7bdyp"></tr><del id="7bdyp"><thead id="7bdyp"></thead></del><delect id="7bdyp"></delect><th id="7bdyp"></th><ins id="7bdyp"><blockquote id="7bdyp"><dl id="7bdyp"></dl></blockquote></ins><dfn id="7bdyp"><pre id="7bdyp"></pre></dfn><cite id="7bdyp"><em id="7bdyp"><ruby id="7bdyp"></ruby></em></cite><center id="7bdyp"><wbr id="7bdyp"><var id="7bdyp"><font id="7bdyp"></font></var></wbr></center><code id="7bdyp"></code><pre id="7bdyp"><s id="7bdyp"><nobr id="7bdyp"></nobr></s></pre><label id="7bdyp"></label><object id="7bdyp"><bdo id="7bdyp"><font id="7bdyp"></font></bdo></object><i id="7bdyp"><noframes id="7bdyp"><kbd id="7bdyp"><address id="7bdyp"></address></kbd></noframes></i><cite id="7bdyp"></cite><em id="7bdyp"></em><rt id="7bdyp"><listing id="7bdyp"></listing></rt><del id="7bdyp"></del><menu id="7bdyp"></menu><tbody id="7bdyp"></tbody></div> </html>

国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

HTML、CSS、JavaScript分別實(shí)現(xiàn)什么功能?