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

分享文章：系統(tǒng)學(xué)習(xí)網(wǎng)頁知識之CSS內(nèi)聯(lián)樣式的使用
文章位置：http://www.rwnh.cn/news/193218.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、移動網(wǎng)站建設(shè)、網(wǎng)站改版、做網(wǎng)站

廣告

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