前言

正式學(xué)習(xí)前端大概 3 年多了，接觸前端大概 4 年了，很早就想整理這個書單了，因為常常會有朋友問，前端該如何學(xué)習(xí)，學(xué)習(xí)前端該看哪些書，我就講講我學(xué)習(xí)的道路中看的一些書，雖然整理的書不多，但是每一本都是那種看一本就秒不絕口的感覺。

以下大部分是我看過的，或者說身邊的人推薦的書籍，每一本我都有些相關(guān)的推薦語，如果你有看到更好的書歡迎推薦呀。

HTML面試題部分

1.H5的新特性有哪些
2.Label的作用是什么？是怎么用的？
3.HTML5的form如何關(guān)閉自動完成功能
4.dom如何實現(xiàn)瀏覽器內(nèi)多個標(biāo)簽頁之間的通信?
5.實現(xiàn)不使用 border 畫出1px高的線，在不同瀏覽器的標(biāo)準(zhǔn)模式與怪異模式下都
能保持一致的效果
6.title與h1的區(qū)別、b與strong的區(qū)別、i與em的區(qū)別？
7.你做的頁面在哪些流覽器測試過？這些瀏覽器的內(nèi)核分別是什么?
8.每個HTML文件里開頭都有個很重要的東西，Doctype，知道這是干什么的嗎？
9.div+css的布局較table布局有什么優(yōu)點
10.img的alt與title有何異同？ strong與em的異同
11.簡述一下src與href的區(qū)別
12.知道的網(wǎng)頁制作會用到的圖片格式有哪些
13.在css/js代碼上線之后開發(fā)人員經(jīng)常會優(yōu)化性能，從用戶刷新網(wǎng)頁開始，一次js
請求一般情況下有哪些地方會有緩存處理
14.一個頁面上有大量的圖片（大型電商網(wǎng)站），加載很慢，你有哪些方法優(yōu)化這些
圖片的加載，給用戶更好的體驗
15.你如何理解HTML結(jié)構(gòu)的語義化
16.談?wù)勔郧岸私嵌瘸霭l(fā)做好SEO需要考慮什么
17.17.html5有哪些新特性、移除了那些元素
…

CSS面試題

1.盒模型
2.如何實現(xiàn)一個最大的正方形
3.一行水平居中，多行居左
4.水平垂直居中
5.兩欄布局，左邊固定，右邊自適應(yīng)，左右不重疊
6.如何實現(xiàn)左右等高布局
7.畫三角形
8.link @import導(dǎo)入css
9.BFC理解
…

JavaScript面試題

1.判斷 js 類型的方式
2.ES5 和 ES6 分別幾種方式聲明變量
3.閉包的概念？優(yōu)缺點？
4.淺拷貝和深拷貝
5.數(shù)組去重的方法
6.DOM 事件有哪些階段？談?wù)剬κ录淼睦斫?br /> 7.js 執(zhí)行機制、事件循環(huán)
8.介紹下 promise.all
9.async 和 await
10.ES6 的 class 和構(gòu)造函數(shù)的區(qū)別
11.transform、translate、transition 分別是什么屬性？CSS 中常
用的實現(xiàn)動畫方式
12.介紹一下rAF(requestAnimationFrame)
…

Javascript高頻手寫代碼題

1.實現(xiàn) new 方法
2.實現(xiàn) Promise
3.實現(xiàn)一個 call 函數(shù)
4.實現(xiàn)一個 apply 函數(shù)
5.實現(xiàn)一個 bind 函數(shù)
6.淺拷貝、深拷貝的實現(xiàn)
7.實現(xiàn)一個節(jié)流函數(shù)
…

1.Vue 雙向綁定原理
2.描述下 vue 從初始化頁面–修改數(shù)據(jù)–刷新頁面 UI 的過程？
3.你是如何理解 Vue 的響應(yīng)式系統(tǒng)的?
4.虛擬 DOM 實現(xiàn)原理
5.既然 Vue 通過數(shù)據(jù)劫持可以精準(zhǔn)探測數(shù)據(jù)變化,為什么還需要虛擬 DOM 進行 diff 檢測差異?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 組件間通信有哪些方式?
9.watch、methods 和 computed 的區(qū)別?
10.vue 中怎么重置 data?
11.組件中寫 name 選項有什么作用？
12.vue-router 有哪些鉤子函數(shù)?
13.route 和 router 的區(qū)別是什么？
14.說一下 Vue 和 React 的認(rèn)識，做一個簡單的對比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪幾種屬性?
17.vue 首屏加載優(yōu)化
18.Vue 3.0 有沒有過了解？
19.vue-cli 替我們做了哪些工作？
…

HTTP、瀏覽器面試題

1.瀏覽器存儲的方式有哪些
2.對前后端跨域可以說一下嗎？如何解決跨域的？
3.瀏覽器 cookie 和 session 的認(rèn)識。
4.輸入URL發(fā)生什么？
5.瀏覽器渲染的步驟
6.頁面渲染優(yōu)化
7.強制緩存和協(xié)商緩存
8.GET 和 POST 請求的區(qū)別
9.HTTP1.0 / 1.1 / 2.0 及HTTPS
10.介紹下304過程
11.HTTP 狀態(tài)碼
12.Web性能優(yōu)化
…

數(shù)據(jù)結(jié)構(gòu)和算法

一.鏈表
1.簡單的反轉(zhuǎn)鏈表
2.區(qū)間反轉(zhuǎn)
3.兩個一組翻轉(zhuǎn)鏈表
4.K個一組翻轉(zhuǎn)鏈表
5.如何檢測鏈表形成環(huán)？
6.如何找到環(huán)的起點
…
二.棧和隊列
1.有效括號
2.多維數(shù)組 flatten
3.普通的層次遍歷
4.二叉樹的鋸齒形層次遍歷
5.二叉樹的右視圖
6.完全平方數(shù)
…
三.二叉樹
1.前序遍歷
2.中序遍歷
3.后序遍歷
4.最大深度
5.最小深度
6.對稱二叉樹
…

最后

今天的文章可謂是積蓄了我這幾年來的應(yīng)聘和面試經(jīng)歷總結(jié)出來的經(jīng)驗，干貨滿滿呀！如果你能夠一直堅持看到這兒，那么首先我還是十分佩服你的毅力的。不過光是看完而不去付出行動，或者直接進入你的收藏夾里吃灰，那么我寫這篇文章就沒多大意義了。所以看完之后，還是多多行動起來吧！

可以非常負(fù)責(zé)地說，如果你能夠堅持把我上面列舉的內(nèi)容都一個不拉地看完并且全部消化為自己的知識的話，那么你就至少已經(jīng)達到了中級開發(fā)工程師以上的水平，進入大廠技術(shù)這塊是基本沒有什么問題的了。

去付出行動，或者直接進入你的收藏夾里吃灰，那么我寫這篇文章就沒多大意義了。所以看完之后，還是多多行動起來吧！

可以非常負(fù)責(zé)地說，如果你能夠堅持把我上面列舉的內(nèi)容都一個不拉地看完并且全部消化為自己的知識的話，那么你就至少已經(jīng)達到了中級開發(fā)工程師以上的水平，進入大廠技術(shù)這塊是基本沒有什么問題的了。

資料領(lǐng)取方式：戳這里前往免費領(lǐng)取

總結(jié)

以上是生活随笔為你收集整理的web开发软件，HTML如何添加锚点，成功入职阿里的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。