前言
文章分享前端面試題，主要內容包括HTML相關、CSS相關、JavaScript相關、JQuery相關，資料請求相關，Vue相關、ES6相關，React相關、微信小程式相關等等，
前端面試題大全
- 前言
- HTML相關
- CSS相關
- JavaScript相關
- JQuery相關
- 資料請求相關
- ES6相關
- Vue相關
- React相關
- 微信小程式
- 更多
HTML相關
- Doctype 的作用？
- 標準模式和怪異模式的區別：
- 行內元素/塊級元素/空元素有哪些？
- 介紹一下你對瀏覽器內核的理解?
- 常用瀏覽器的內核有哪些？
- 瀏覽器是怎么對HTML5 的離線儲存資源進行管理和加載的？
- 描述一下 cookies/sessionStorage 和localStorage 的區別?
- HTML5 新特性有哪些？如何處理 HTML5 新標簽的兼容性問題？如何區分HTML 和 HTML5？
- 簡述一下你對HTML 語意化的理解?
- HTML5 離線快取怎么使用，作業原理能不能解釋一下？
- 頁面匯入樣式時,使用 link 和@import 有什么區別?
- Iframe 有哪些缺點?
- Label 的作用是什么？怎么用？
- HTML5 的 form 如何關閉自動完成功能?
- 如何實作瀏覽器內多個標簽之間的通信?
- 頁面可見性有哪些用途?
- …
CSS相關
- 瀏覽器盒模型?
- 清除浮動的方式
- CSS 選擇器有哪些?
- 偽類選擇器和偽元素的區別:
- ::after/:after 與::before/:before 的區別?
- CSS 樣式優先級計演算法:
- CSS3 新特性和偽類有哪些?
- less 的一些優勢，
- 如何居中 div?
- Display 有哪些哪些值？說明他們的作用
- Position 的值?
- flex 布局以及常用屬性
- 請解釋一下 CSS3 的flexbox(彈性盒布局模型),以及適用場景?
- CSS 打造三角形?
- 滿屏品字布局?
- li 與 li 之間有看不見的空白間隙是什么原因引起來的?
- 為什么要初始化css 樣式?
- CSS 中的 visibility 屬性的 collapse 屬性是干嘛的?
- 外邊距合并是指的什么意思?
- 移動端的布局用過媒體查詢嗎?
- 回應式頁面?
- CSS 媒體查詢的原理是什么？
- 使用CSS 預處理的優缺點分別是什么？
- CSS 優化/提高性能的方法有哪些?
- 瀏覽器是怎么決議CSS 選擇器的?
- Margin 與 padding 的區別?
- CSS 如何實作橫向滾動與豎向滾動?
- …
JavaScript相關
- JS 是一種什么樣的語言?
- JS 資料型別有哪些?
- 介紹JS 有哪些內置物件？
- 堆疊與堆的區別?
- js 中的作用域與變數宣告提升
- console.log（a）何時會列印 1？
- 如何轉化型別?
- 什么是面向物件編程及面向程序編程，他們的異同和優缺點
- 面向物件編程思想
- 如何解釋 this 在js 中起的作用?
- js 中 this 的用法
- 說說JS 原型和原型鏈
- call 和 apply 的區別和作用?
- 繼承的方法有哪些？
- 什么是閉包？閉包有什么作用？
- 事件代理（事件委托）:
- 事件的各個階段
- new 運算子在創建實體的時候經歷了哪幾個階段
- 異步編程的實作方式
- 對原生JS 了解程度
- js 延遲加載的方法有哪些？
- 陣列從小到大排序？
- 如何實作陣列的隨機排序？
- 圖片懶加載
- js 中常見的記憶體泄漏：
- 深拷貝和淺拷貝的問題：
- 顯示轉換與隱式轉換
- …
JQuery相關
- jQuery 或 zepto 原始碼有哪些寫的好的地方
- jQuery 的實作原理？
- jQuery.fn 的init 方法回傳的這指的是什么物件？為什么要回傳這個？
- jQuery.extend 與jQuery.fn.extend 的區別？
- jQuery 的屬性拷貝（extend）的實作原理是什么，如何實作深拷貝？
- JQuery 的佇列是如何實作的？佇列可以用在哪些地方?
- …
資料請求相關
- http 請求方式有哪些？
- http 的狀態碼有哪些？分別說下它們的含義
- 請描述一下 get 與 post 的區別
- get 請求傳參長度的誤區
- get 和post 請求在快取方面的區別
- http 和https 有何區別？如何靈活使用？
- 什么是AJax?為什么使用Ajax?
- 簡述ajax 的程序
- Ajax 優缺點？
- XMLHttpRequest 通用屬性和方法
- Ajax 請求跨域介面，發送了幾次請求？
- web 應用從服務器端主動推送data 大客戶端有哪些方式?
- 如何實作瀏覽器內多個標簽頁之間的通信?
- webSocket 如何兼容低瀏覽器？
- fetch、ajax、axios 之間的詳細區別以及優缺點：
- …
ES6相關
- 列舉常用的 ES6 特性：
- 箭頭函式需要注意哪些地方？
- 箭頭函式和普通函式之間的區別
- let、const、var
- var 方式定義的變數有什么樣的 bug？
- Set 資料結構
- 陣列去重的方法
- 箭頭函式 this 的指向
- 手寫ES6 class 繼承
- ES5 的繼承和 ES6 的繼承有什么區別?
- ES6 class 的new 實體和ES5 的new 實體有什么區別?
- generator 生成器函式
- 什么是async/await 及其如何作業?
- Promise 和async await 以及它們之間的區別:
- async 函式的基本用法:
- async 與 generator 的區別?
- 簡單實作 async/await 中的 async 函式
- …
Vue相關
- 什么是MVVM?
- mvvm 和mvc 的區別？它和其他框架（JQuery）的區別是什么？哪些場景適合？
- Vue 的優點是什么？
- Vue.js 的兩個核心是什么?
- Vue 組件之間6. Vue-cli 中怎么使用自定義組件，又遇到過哪些問題嗎?
- Vue-cli 中怎么使用自定義組件，又遇到過哪些問題嗎?
- Vue 如何實作按需加載配合webpack 設定
- v-show 和v-if 指令的共同點和不同點
- 如何讓CSS 只在當前組件中起作用
<keep-alive></keep-alive>的作用是什么？- 聊聊Keep-alive 的實作原理和快取策略
- Vue 中引入組件的步驟
- Vue 常用的修飾符？
- 什么是Vue 的計算屬性?
- Vue 等單頁面應用及其優缺點？
- 指令v-el 的作用是什么?
- 在Vue 中使用插件的步驟
- active-class 是哪個組件的屬性？
- 說出至少 4 中 vue 當中的指令和它的用法？
- 生命周期相關
- Vue-router
- Vuex
- …
React相關
- react 的優勢以及特點
- react 中的props 和 state 的用法
- react 組件之間如何通信？
- 為什么虛擬 DOM 會提高性能？
- react 生命周期函式：
- react 性能優化是哪個周期函式？
- 在生命周期中的哪一步你應該發起AJAX 請求？
- 概述一下 React 中的事件處理邏輯
- 如何告訴 React 它應該編譯生產環境版本？
- 呼叫setState 之后發生了什么？
- react 的 setState 的原理及用法
- setState 為什么是異步的?
- 傳入setState 函式的第二個引數的作用是什么?
- PureComponent（純組件）的重要性和使用場景
- react-router:
- redux：
- React Native：
- …
微信小程式
- . 簡單描述一下微信小程式的相關檔案型別?
- . 你是怎么封裝微信小程式的資料請求？
- . 有哪些引數傳值的方法？
- . 你使用過哪些方法，來提高微信小程式的應用速度？
- . 小程式和原生App 哪個好？
- . 簡述微信小程式原理？
- . 怎么解決小程式的異步請求問題？
- . 小程式的雙向系結和vue 哪里不一樣
- . 小程式的 wxss 和css 有哪些不一樣的地方?
- …
由于篇幅有限，文章部分內容展示截圖，需要前端面試題大全PDF完整版（含答案決議）可以【點擊此處】免費領取！
更多
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/286402.html
標籤：其他