一、html 常見(jiàn)題目
01、Doctype作用？嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?
02、html5 為什么只需要寫(xiě) <!DOCTYPE html>？
03、行內(nèi)元素有哪些？塊級(jí)元素有哪些？ 空(void)元素有那些？
04、頁(yè)面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別？
05、介紹一下你對(duì)瀏覽器內(nèi)核的理解？
06、常見(jiàn)的瀏覽器內(nèi)核有哪些？
07、html5有哪些新特性、移除了那些元素？如何處理html5新標(biāo)簽的瀏覽器兼容問(wèn)題？
08、如何區(qū)分 html 和 html5？
09、簡(jiǎn)述一下你對(duì)html語(yǔ)義化的理解？
10、html5的離線儲(chǔ)存怎么使用，工作原理能不能解釋一下？
11、瀏覽器是怎么對(duì)html5的離線儲(chǔ)存資源進(jìn)行管理和加載的呢？
12、請(qǐng)描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別？
13、iframe有那些缺點(diǎn)？
14、Label的作用是什么？是怎么用的？（加 for 或 包裹）
15、HTML5的form如何關(guān)閉自動(dòng)完成功能？
16、如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁(yè)之間的通信? (阿里)
17、webSocket如何兼容低瀏覽器？(阿里)
18、頁(yè)面可見(jiàn)性（Page Visibility）API 可以有哪些用途？
19、如何在頁(yè)面上實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域？
20、實(shí)現(xiàn)不使用 border 畫(huà)出1px高的線，在不同瀏覽器的Quirksmode和cssCompat模式下都能保持同一效果。
21、網(wǎng)頁(yè)驗(yàn)證碼是干嘛的，是為了解決什么安全問(wèn)題？
22、tite與h1的區(qū)別、b與strong的區(qū)別、i與em的區(qū)別？
您好：您這樣說(shuō)太亂了有沒(méi)有感覺(jué)？有是速度慢，又是標(biāo)簽不對(duì)，又是圖片路徑等等。你就算把所有問(wèn)題都講完，面試的人也不一定能感覺(jué)你出彩。你要懂得分類。你可以這樣說(shuō)：您好，我剛才大體看了下網(wǎng)站。我個(gè)人感覺(jué)有以下幾類問(wèn)題。
1.網(wǎng)站整體風(fēng)格，結(jié)合公司的性質(zhì)來(lái)說(shuō)。
2.網(wǎng)站用戶體驗(yàn)性，SEO優(yōu)化問(wèn)題，包括：html布局，title標(biāo)簽，網(wǎng)站關(guān)鍵詞keyword等等。
3.網(wǎng)站性能，通過(guò)瀏覽器的性能分析工具來(lái)看看就行。F12。...這樣不僅讓面試官能清楚的認(rèn)識(shí)到你的邏輯條理性，并且能展示你的專業(yè)水平。
web前端面試對(duì)于算法方面的內(nèi)容考得不多。
簡(jiǎn)歷初選——人事面試——筆試——技術(shù)初試——技術(shù)復(fù)試——綜合面試。
第一，帶二維碼吧，效果其實(shí)也挺好的
第二，github都成標(biāo)配了，有博客大部分都會(huì)加分
第三，線上已運(yùn)營(yíng)的網(wǎng)站，給面試官show注釋里面自己的簽名也是酷酷的
第四，還有可以帶塊平板，面試時(shí)有wifi當(dāng)然好，沒(méi)有起碼有個(gè)離線版本或者APP在平板上可以展示
第五，自己的網(wǎng)站選擇新浪sae或者github pages也好，最好第六，買個(gè)自己的域名，綁定自己的獨(dú)立域名會(huì)高一點(diǎn)逼格的~
第七，有什么好的平臺(tái)的賬號(hào)也可以選擇性寫(xiě)上去，效果不比博客差
第八，刷刷面試題
最后，帶上一個(gè)好的心態(tài)去吧，沒(méi)有好作品不要緊，沒(méi)有好的實(shí)力也不要緊，最要緊是要?jiǎng)e人看到你的潛力~祝成功~
Web前端是指負(fù)責(zé)網(wǎng)站或應(yīng)用程序前端界面設(shè)計(jì)、制作和優(yōu)化的開(kāi)發(fā)人員。Web前端需要使用HTML、CSS、JavaScript等前端技術(shù)，將網(wǎng)站或應(yīng)用程序的用戶界面設(shè)計(jì)成用戶友好、美觀、易于操作的形式。
Web前端主要做以下幾個(gè)方面的工作：
網(wǎng)站或應(yīng)用程序前端界面設(shè)計(jì)。根據(jù)產(chǎn)品設(shè)計(jì)和用戶需求，Web前端可以使用Photoshop等工具制作出高保真的設(shè)計(jì)稿，為網(wǎng)站或應(yīng)用程序的前端界面設(shè)計(jì)提供依據(jù)。
前端代碼編寫(xiě)。Web前端需要使用HTML、CSS、JavaScript等前端技術(shù)，將網(wǎng)站或應(yīng)用程序的前端界面設(shè)計(jì)實(shí)現(xiàn)為可交互、可操作的前端頁(yè)面。
前端優(yōu)化。Web前端需要對(duì)前端頁(yè)面進(jìn)行性能優(yōu)化，包括減小頁(yè)面加載時(shí)間、減少HTTP請(qǐng)求數(shù)量、優(yōu)化代碼等方面，提高頁(yè)面的響應(yīng)速度和用戶體驗(yàn)。
前端技術(shù)研究。Web前端需要不斷學(xué)習(xí)和掌握新的前端技術(shù)，如React、Vue、Angular等，以便更好地為產(chǎn)品提供前端技術(shù)支持。
總之，Web前端負(fù)責(zé)將網(wǎng)站或應(yīng)用程序的前端界面設(shè)計(jì)和開(kāi)發(fā)，實(shí)現(xiàn)用戶友好、美觀、易于操作的前端頁(yè)面，同時(shí)需要對(duì)前端頁(yè)面進(jìn)行性能優(yōu)化，不斷學(xué)習(xí)和掌握新的前端技術(shù)，為產(chǎn)品提供前端技術(shù)支持。
1、一般HR會(huì)給你一份面試題，里面是一些js/css基礎(chǔ)內(nèi)容，看你的基本功是否牢固。
2、做完試題技術(shù)面試官會(huì)問(wèn)你之前做過(guò)哪些項(xiàng)目經(jīng)驗(yàn)，有何得失，平時(shí)是否自學(xué)等。
3、問(wèn)些框架內(nèi)容，比如Jquery,react,vue,angular等，UI框架用過(guò)哪些。
4、svn/git是否用過(guò)，webpack打包等5、為什么選擇我們的公司，為什么離職等6、你還有什么問(wèn)題問(wèn)我們的
《Web前端技術(shù)》是舒后編寫(xiě)，電子工業(yè)出版社出版的書(shū)籍。
主要內(nèi)容包括：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)；HTML的使用及HTML5新標(biāo)簽的介紹；CSS基礎(chǔ)和應(yīng)用、CSS3.0新特征的使用； JavaScript腳本編程；本書(shū)的最后1章介紹Web前端設(shè)計(jì)的新技術(shù)——響應(yīng)式網(wǎng)頁(yè)及目前流行的用于實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的Bootstrap前端框架的使用，通過(guò)案例詳敘了基于Bootstrap框架的響應(yīng)式網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)的完整實(shí)現(xiàn)過(guò)程。
實(shí)話實(shí)說(shuō)，但是注意言辭，回答過(guò)程中千萬(wàn)不要抱怨、或是“吐槽”前東家的種種不好，請(qǐng)客觀地?cái)⑹雠c自己現(xiàn)在狀態(tài)有哪些不相契合的點(diǎn)。 參考：原東家的發(fā)展空間達(dá)不到我的期望，我想要尋找新的機(jī)會(huì)挑戰(zhàn)自己，同時(shí)創(chuàng)造更大的價(jià)值。 注意：避免假大空的官話，會(huì)讓人覺(jué)得不真誠(chéng)，另外，點(diǎn)到為止，無(wú)需細(xì)談。
從名稱上就可以看出二者的不同。設(shè)計(jì)重點(diǎn)在于考慮web頁(yè)面的布局、顏色搭配，甚至字體字號(hào)大小等方面，一般由ui工程師設(shè)計(jì)完成，成果形式一般為圖片格式，而開(kāi)發(fā)則需要將設(shè)計(jì)好的WEB樣式轉(zhuǎn)化為網(wǎng)頁(yè)格式，并將里面的用戶交互、數(shù)據(jù)處理、與后臺(tái)的數(shù)據(jù)交換等工作通過(guò)編寫(xiě)腳本程序來(lái)實(shí)現(xiàn)。
