系統(tǒng)學(xué)習(xí)網(wǎng)頁(yè)知識(shí)之CSS內(nèi)聯(lián)樣式的使用

HTML基礎(chǔ)
HTML是頁(yè)面中內(nèi)容的載體，可以展示開(kāi)發(fā)者想要用戶(hù)瀏覽的任何文字、圖片、音頻信息。對(duì)于HTML的各類(lèi)標(biāo)簽，不僅要掌握日常開(kāi)發(fā)中經(jīng)常碰到的，也要慢慢積累
那些不常用標(biāo)簽，塊級(jí)、行內(nèi)元素的定義以及二者相互轉(zhuǎn)換幾乎是每場(chǎng)技術(shù)一面?？紗?wèn)題。
瀏覽器頁(yè)面有哪三層構(gòu)成，分別是什么，作用是什么?HTML5的優(yōu)點(diǎn)與缺點(diǎn)？Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?HTML5有哪些新特性、移除了哪些元素？你做的網(wǎng)頁(yè)在哪些瀏覽器測(cè)試過(guò),這些瀏覽器的內(nèi)核分別是什么?每個(gè)HTML文件里開(kāi)頭都有個(gè)很重要的東西，Doctype，知道這是干什么的嗎？說(shuō)說(shuō)你對(duì)HTML5認(rèn)識(shí)?（是什么,為什么）對(duì)WEB標(biāo)準(zhǔn)以及W3C的理解與認(rèn)識(shí)?HTML5行內(nèi)元素有哪些,塊級(jí)元素有哪些, 空元素有哪些?什么是WebGL,它有什么優(yōu)點(diǎn)?請(qǐng)你描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別?說(shuō)說(shuō)你對(duì)HTML語(yǔ)義化的理解?link和@import的區(qū)別?說(shuō)說(shuō)你對(duì)SVG理解?HTML全局屬性(global attribute)有哪些?說(shuō)說(shuō)超鏈接target屬性的取值和作用？data-屬性的作用是什么？介紹一下你對(duì)瀏覽器內(nèi)核的理解？常見(jiàn)的瀏覽器內(nèi)核有哪些？iframe有那些缺點(diǎn)？Label的作用是什么，是怎么用的？如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁(yè)之間的通信?如何在頁(yè)面上實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域？title與h3的區(qū)別、b與strong的區(qū)別、i與em的區(qū)別？實(shí)現(xiàn)不使用 border 畫(huà)出1px高的線，在不同瀏覽器的標(biāo)準(zhǔn)模式與怪異模式下都能保持一致的效果？
CSS基礎(chǔ)
在校招準(zhǔn)備時(shí)，掌握CSS各類(lèi)常用的屬性是必要的，其中浮動(dòng)、清除浮動(dòng)以及定位更是必考點(diǎn)。CSS盒模型，CSS各類(lèi)選擇器也是面試官?？紗?wèn)題，各個(gè)選擇器優(yōu)先
級(jí)順序、多個(gè)選擇器組合時(shí)優(yōu)先級(jí)比重的計(jì)算都是必須要掌握的。
解釋一下CSS的盒子模型？請(qǐng)你說(shuō)說(shuō)CSS選擇器的類(lèi)型有哪些，并舉幾個(gè)例子說(shuō)明其用法？請(qǐng)你說(shuō)說(shuō)CSS有什么特殊性?（優(yōu)先級(jí)、計(jì)算特殊值）要?jiǎng)討B(tài)改變層中內(nèi)容可以使用的方法？常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案？列出display的值并說(shuō)明他們的作用？如何居中div, 如何居中一個(gè)浮動(dòng)元素?CSS中 link 和@import 的區(qū)別是？請(qǐng)列舉幾種清除浮動(dòng)的方法(至少兩種)?block，inline和inlinke-block細(xì)節(jié)對(duì)比？什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？說(shuō)說(shuō)浮動(dòng)元素會(huì)引起的問(wèn)題和你的解決辦法你有哪些性能優(yōu)化的方法？為什么要初始化CSS樣式？解釋下浮動(dòng)和它的工作原理？清除浮動(dòng)的技巧？CSS樣式表根據(jù)所在網(wǎng)頁(yè)的位置，可分為哪幾種樣式表？談?wù)勀銓?duì)CSS中刻度的認(rèn)識(shí)？請(qǐng)你說(shuō)說(shuō)em與rem的區(qū)別？請(qǐng)你說(shuō)說(shuō)box-sizing屬性的的用法？瀏覽器標(biāo)準(zhǔn)模式和怪異模式之間的區(qū)別是什么？怪異Quirks模式是什么，它和標(biāo)準(zhǔn)Standards模式有什么區(qū)別？說(shuō)說(shuō)你對(duì)邊距折疊的理解?內(nèi)聯(lián)與塊級(jí)標(biāo)簽有何區(qū)別？說(shuō)說(shuō)隱藏元素的方式有哪些？為什么重置瀏覽器默認(rèn)樣式，如何重置默瀏覽器認(rèn)樣式？談?wù)勀銓?duì)BFC與IFC的理解？(是什么，如何產(chǎn)生，作用)說(shuō)說(shuō)你對(duì)頁(yè)面中使用定位(position)的理解？如何解決多個(gè)元素重疊問(wèn)題？頁(yè)面布局的方式有哪些？overflow :hidden是否形成新的塊級(jí)格式化上下文？
JavaScript
JavaScript主要是為Web頁(yè)面添加交互行為，基礎(chǔ)知識(shí)超高頻考點(diǎn)有數(shù)據(jù)類(lèi)型以及判斷方法、閉包、塊級(jí)作用域、函數(shù)提升與變量提升、原型鏈、JS繼承、變量深
淺拷貝等等，除此之外還有很多零碎知識(shí)點(diǎn)都是前端開(kāi)發(fā)必須掌握的。
原型鏈(1) 創(chuàng)建對(duì)象有幾種方法？(2) instanceof的原理？
類(lèi)(1) 類(lèi)的聲明？(2) 生成實(shí)例？聲明一個(gè)類(lèi)，怎么生成類(lèi)的實(shí)例？
繼承(1) call、apply的共同點(diǎn)與區(qū)別?(2) 用javascript實(shí)現(xiàn)對(duì)象的繼承/ 繼承的幾種方式，這幾種方式的優(yōu)缺點(diǎn)?
作用域(1) 說(shuō)說(shuō)你對(duì)作用域鏈的理解？(2) this？
JS閉包(1) 閉包的特征？(2) 閉包應(yīng)用場(chǎng)景？(3) 實(shí)際開(kāi)發(fā)中閉包的應(yīng)用？
JS運(yùn)行機(jī)制，單線程，異步(1) 如何理解js的單線程？(2) js為什么是單線程的？(3) 同步和異步的區(qū)別是什么？分別舉一個(gè)同步和異步的例子？(4) 何時(shí)需要異步？(5) 什么是任務(wù)隊(duì)列？(6) 請(qǐng)說(shuō)出下列的值？(7) 棧和隊(duì)列的區(qū)別？(8) 棧和堆的區(qū)別？(9) 什么是event loop？(10) event-loop流程？(11) 哪些語(yǔ)句會(huì)放入異步任務(wù)隊(duì)列中？(12) 何時(shí)被放入任務(wù)隊(duì)列？
JS數(shù)據(jù)類(lèi)型(1) js使用typeof能得到的哪些類(lèi)型？(2) 如何準(zhǔn)確判斷一個(gè)變量是數(shù)組類(lèi)型？(3) js變量按照存儲(chǔ)方式區(qū)分為哪些類(lèi)型，并描述其特點(diǎn)？(4) null和undefined的區(qū)別？(5) undefined的典型用法？(6) null的典型用法？(7) chrome60+瀏覽器中,a===b的是哪項(xiàng)？
JS的內(nèi)置函數(shù)，內(nèi)置對(duì)象(1) js中有哪些內(nèi)置函數(shù)/ 數(shù)據(jù)封裝類(lèi)對(duì)象？(2) js中有哪些內(nèi)置對(duì)象？(3) js變量按照存儲(chǔ)方式區(qū)分為哪些類(lèi)型，并描述其特點(diǎn)？(4) 字符串方法/ String對(duì)象方法?(5) 數(shù)組方法/ Array對(duì)象方法？(6) 數(shù)組API？(7) 對(duì)象API？
數(shù)組去重(1) 數(shù)組怎么去重？(2) 對(duì)上述數(shù)組去重方法速度比較？(3) 一句話(huà)數(shù)組去重？(4) 保留數(shù)組中非重復(fù)元素？(5) 保留數(shù)組中重復(fù)元素？
內(nèi)存泄露(1) 哪些操作會(huì)造成內(nèi)存泄漏？(2) js內(nèi)存泄漏的解決方式
DOM(1) dom是哪種基本的數(shù)據(jù)結(jié)構(gòu)？(2) dom操作的常用api有哪些？(3) dom節(jié)點(diǎn)的attribute和property有何區(qū)別？(4) dom結(jié)構(gòu)操作/ 怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)/ dom操作的常用api？(5) dom事件的級(jí)別？(6) dom事件模型？(7) dom事件流？(8) 描述dom事件捕獲的具體流程？(9) event對(duì)象的常見(jiàn)應(yīng)用？(10) 自定義事件/ 模擬事件？(11) 通用事件綁定/ 編寫(xiě)一個(gè)通用的事件監(jiān)聽(tīng)函數(shù)？(12) dom樹(shù)、render樹(shù)的關(guān)系/ dom樹(shù)、render樹(shù)的區(qū)別（第2、3條）？
BOM(1) bom常用屬性？
通信(1) 什么是同源策略及限制？(2) 前后端如何通信？(3) 跨域通信的幾種方式？(4) jsonp實(shí)現(xiàn)？(5) 可以跨域的三個(gè)標(biāo)簽？(6) 三個(gè)可跨域的標(biāo)簽的使用場(chǎng)景？
Ajax(1) ajax請(qǐng)求的原理/ 手寫(xiě)一個(gè)ajax請(qǐng)求？(2) readyState？(3) ajax異步與同步的區(qū)別？(4) ajax傳遞中文用什么方法？
錯(cuò)誤監(jiān)控(1) 前端錯(cuò)誤的分類(lèi)/ 如何檢測(cè)js錯(cuò)誤/ 如何保證你的產(chǎn)品質(zhì)量？(2) 錯(cuò)誤的捕獲方式？(3) 上報(bào)錯(cuò)誤的基本原理？
模塊化(1) amd、cmd區(qū)別？(2) amd、commonJs區(qū)別？
虛擬DOM(1) vdom的如何應(yīng)用，核心api是什么？(2) 虛擬dom轉(zhuǎn)換成真實(shí)dom？(3) diff實(shí)現(xiàn)過(guò)程？
瀏覽器相關(guān)
頁(yè)面在瀏覽器中顯示時(shí)，瀏覽器針對(duì)頁(yè)面中的HTML、CSS、JS代碼，以及各類(lèi)圖片、音頻資源有特定的渲染機(jī)制，同時(shí)頁(yè)面資源請(qǐng)求是通過(guò)瀏覽器代為執(zhí)行的，出
于安全考慮，瀏覽器制定了同源策略，當(dāng)請(qǐng)求方與目的地不同源則需要跨域請(qǐng)求資源，約有5-6種跨域方案，實(shí)現(xiàn)原理不同，也有不同方面的優(yōu)缺點(diǎn)，此類(lèi)問(wèn)題幾
乎是筆試中問(wèn)答題的必考題。
瀏覽器存儲(chǔ)的方式有哪些瀏覽器內(nèi)核的理解HTTP 的請(qǐng)求方式場(chǎng)景HTTP狀態(tài)碼從瀏覽器地址欄輸入U(xiǎn)RL后發(fā)生了什么？請(qǐng)你談?wù)凜ookie的優(yōu)缺點(diǎn)cookies ， sessionStorage 和 localStorage 的區(qū)別瀏覽器緩存瀏覽器渲染的步驟GET 和 POST 請(qǐng)求的區(qū)別什么是reflow什么時(shí)候會(huì)導(dǎo)致reflow發(fā)生呢？減少reflow對(duì)性能的影響
框架相關(guān)
原生JS雖能實(shí)現(xiàn)絕大部分功能，但要么就是過(guò)于繁瑣，要么就是存在缺陷，故絕大多數(shù)開(kāi)發(fā)者都會(huì)選框架開(kāi)發(fā)方案?，F(xiàn)階段較熱門(mén)是React、Vue兩大框架，兩者
工作原理上存在共通點(diǎn)，也存在一些不同點(diǎn)，對(duì)于校招來(lái)說(shuō)，不需要兩個(gè)框架都學(xué)得特別熟，一般面試官會(huì)針對(duì)你簡(jiǎn)歷中寫(xiě)的框架進(jìn)行提問(wèn)。
在框架方面，生命周期、鉤子函數(shù)、虛擬DOM這些基本知識(shí)是必須要掌握的，在學(xué)習(xí)的過(guò)程可以結(jié)合框架的官方文檔
Vue框架
知識(shí)要點(diǎn)：1. vue-cli工程2. vue核心知識(shí)點(diǎn)3. vue-router4. vuex5. http請(qǐng)求6. UI樣式7. 常用功能8. MVVM設(shè)計(jì)模式
React框架
知識(shí)要點(diǎn)：1. 基本知識(shí)2. React 組件3. React Redux4. React 路由
計(jì)算機(jī)網(wǎng)絡(luò)
網(wǎng)絡(luò)技術(shù)是前端頁(yè)面數(shù)據(jù)交互的橋梁，在前端崗的校招中，除了前端方面的知識(shí)以外，計(jì)算機(jī)網(wǎng)絡(luò)方面算是第二大重點(diǎn)了。
其中較為?？嫉闹饕校篛SI七層模型、各層中的傳輸協(xié)議、TCP/UDP區(qū)別、TCP三次握手四次揮手、HTTP/HTTPS區(qū)別、HTTP各版本、HTTP報(bào)文結(jié)構(gòu)等等。這類(lèi)知識(shí)
比較枯燥繁瑣，在學(xué)的時(shí)候可以通過(guò)畫(huà)圖來(lái)加強(qiáng)記憶。
TCP 建立連接的三次握手過(guò)程cdn 原理HTTP 的頭部包含哪些內(nèi)容。常見(jiàn)的請(qǐng)求方法（我為什么要 說(shuō)后面的 options，head，connect）請(qǐng)求方法 head 特性HTTP 狀態(tài)碼，301和302 有什么具體區(qū)別，200 和 304 的 區(qū)別OSI 七層模型TCP 和 UDP 的區(qū)別，為什么三次握手四次揮手HTTP 緩存機(jī)制websocket 和 ajax 的區(qū)別是什么，websocket 的應(yīng)用場(chǎng)景有哪些TCP/IP 的網(wǎng)絡(luò)模型知道什么跨域方式嗎，jsonp 具體流程是什么，如何實(shí)現(xiàn) 原生 Jsonp 封裝，優(yōu)化，對(duì)于 CORS，服務(wù)器怎么判斷它該不 該跨域呢怎么生成 token，怎么傳遞操作系統(tǒng)進(jìn)程和線程的區(qū)別什么是進(jìn)程線程線程的那些資源共享，那些資源不共享操作系統(tǒng)里面進(jìn)程和線程的區(qū)別Linux 查詢(xún)進(jìn)程指令，查詢(xún)端口，殺進(jìn)程進(jìn)程間的通信方式有哪些？
數(shù)據(jù)結(jié)構(gòu)與算法這一塊在筆試、面試的代碼題中考核較多，其中?？嫉臄?shù)據(jù)結(jié)構(gòu)主要有：數(shù)組、鏈表、隊(duì)列、棧、Set、Map、哈希表等，不同數(shù)據(jù)結(jié)構(gòu)有不同的方法以及儲(chǔ)存原理
，這些算是技術(shù)崗的必備知識(shí)。算法部分主要分為兩大塊，排序算法與一些其他算法題。
排序算法根據(jù)考頻高低主要有：快速排序、歸并排序、堆排序、冒泡排序、插入排序、選擇排序、希爾排序、桶排序、基數(shù)排序、Timsort這十種，這類(lèi)考核點(diǎn)要
么是算法的時(shí)間、空間復(fù)雜度、穩(wěn)定度，要么是直接手寫(xiě)代碼，故在理解算法原理的同時(shí)，對(duì)JS語(yǔ)言版的排序算法代碼也要加強(qiáng)記憶。
二叉樹(shù)層序遍歷B 樹(shù)的特性，B 樹(shù)和 B+樹(shù)的區(qū)別尾遞歸如何寫(xiě)一個(gè)大數(shù)階乘？遞歸的方法會(huì)出現(xiàn)什么問(wèn)題？把多維數(shù)組變成一維數(shù)組的方法知道的排序算法 說(shuō)一下冒泡快排的原理Heap 排序方法的原理？復(fù)雜度？幾種常見(jiàn)的排序算法，手寫(xiě)數(shù)組的去重，盡可能寫(xiě)出多個(gè)方法如果有一個(gè)大的數(shù)組，都是整型，怎么找出大的前 10 個(gè)數(shù)知道數(shù)據(jù)結(jié)構(gòu)里面的常見(jiàn)的數(shù)據(jù)結(jié)構(gòu)找出數(shù)組中第 k 大的數(shù)組出現(xiàn)多少次，比如數(shù)組【1，2， 4，4，3，5】第二大的數(shù)字是 4，出現(xiàn)兩次，所以返回 2合并兩個(gè)有序數(shù)組給一個(gè)數(shù)，去一個(gè)已經(jīng)排好序的數(shù)組中尋找這個(gè)數(shù)的位 置（通過(guò)快速查找，二分查找）
最后今天的文章可謂是積蓄了我這幾年來(lái)的應(yīng)聘和面試經(jīng)歷總結(jié)出來(lái)的經(jīng)驗(yàn)，干貨滿(mǎn)滿(mǎn)呀！如果你能夠一直堅(jiān)持看到這兒，那么首先我還是十分佩服你的毅力的。不過(guò)
光是看完而不去付出行動(dòng)，或者直接進(jìn)入你的收藏夾里吃灰，那么我寫(xiě)這篇文章就沒(méi)多大意義了。所以看完之后，還是多多行動(dòng)起來(lái)吧！
可以非常負(fù)責(zé)地說(shuō)，如果你能夠堅(jiān)持把我上面列舉的內(nèi)容都一個(gè)不拉地看完并且全部消化為自己的知識(shí)的話(huà)，那么你就至少已經(jīng)達(dá)到了中級(jí)開(kāi)發(fā)工程師以上的水平
，進(jìn)入大廠技術(shù)這塊是基本沒(méi)有什么問(wèn)題的了。

文章標(biāo)題：系統(tǒng)學(xué)習(xí)網(wǎng)頁(yè)知識(shí)之CSS內(nèi)聯(lián)樣式的使用
URL地址：http://www.muchs.cn/news18/193218.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、定制開(kāi)發(fā)、ChatGPT、全網(wǎng)營(yíng)銷(xiāo)推廣、動(dòng)態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)