面試題一覽

HTML與CSS

自適應(yīng)布局
各瀏覽器的內(nèi)核分別是什么 ---- 阿里面試問(wèn)到過(guò)
瀏覽器的兼容性問(wèn)題怎么處理  
彈性布局flex也叫流式布局 rem布局及其計(jì)算原理
css單位:rem em px vh vw 我經(jīng)常用到的幾個(gè)  微信小程序 :rpx

HTML與CSS常用編譯工具

HTML ------- jade
CSS ------- sass less stylus 

原生js

數(shù)組的方法
數(shù)組與類數(shù)組的區(qū)別
正則
字符串去空
字符串的方法
節(jié)點(diǎn)的一系列操作
原生ajax的一整套完整流程:什么是異步
原生跨域:為什么要跨域,有哪幾種方法,寫(xiě)出原理及其實(shí)現(xiàn)代碼
ajax和jsonp的區(qū)別,ajax請(qǐng)求時(shí)如何解析json數(shù)據(jù)
js的算法 冒泡算法,-----
js是不是多線程,如果是怎么解釋
javascript的數(shù)據(jù)類型 
什么是JavaScript的同源策略
閉包是什么,有什么優(yōu)缺點(diǎn)以及特性
new操作符具體干了什么
=====================
說(shuō)一下http協(xié)議 與https有什么區(qū)別
cookie與session的區(qū)別 他們一般用來(lái)做什么
+++++++++++++++++++++++++++++++++++++
 正則一定要會(huì)
 關(guān)于加載優(yōu)化:html優(yōu)化,css優(yōu)化,js優(yōu)化,請(qǐng)求優(yōu)化,圖片優(yōu)化
 性能優(yōu)化:網(wǎng)頁(yè)內(nèi)容 || 減少 http請(qǐng)求次數(shù)||減少 DNS查詢次數(shù)||避免頁(yè)面跳轉(zhuǎn)||緩存 Ajax|| 延遲加載||提前加載||減少 DOM元素?cái)?shù)量||避免 404||服務(wù)器||使用CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))||添加Expires或Cache-Control報(bào)文頭||Gzip壓縮傳輸文件
 CSS:將樣式表置頂||用代替@import||雪碧圖
 JavaScript:把腳本置于頁(yè)面底部||使用外部JavaScript和CSS||精簡(jiǎn)JavaScript和CSS||去除重復(fù)腳本||減少DOM訪問(wèn)
 圖片:優(yōu)化圖像||優(yōu)化CSS Spirite||不要在HTML中縮放圖片||favicon.ico要小而且可緩存
 瀏覽器器兼容關(guān)于hack技術(shù),我曾經(jīng)被問(wèn)到都有那些hack,自行百度
 javascript原型繼承,原型跟原型鏈 ;
 ES6中的類
 require || export || export default || module.exports ||exports || import 的區(qū)別,前幾天看到SegmentFault上邊有幾篇文章講的不錯(cuò),可以去看看,或者csdn都有此類型問(wèn)題的答案
 盒模型有幾種,有什么區(qū)別
 this的指向問(wèn)題,
 call、apply、bind的區(qū)別
 javascript垃圾回收機(jī)制,
 那些操作會(huì)造成內(nèi)存泄漏

h5

canvas
fetch API  與ajax有什么不同
多媒體 video&audio  方法屬性
離線存儲(chǔ) localStorage&sessionStorage
通信 :WebSockets
新加元素

React

state&&props
組件之間的通信 :父與子 && 子與父 && 同級(jí)
生命周期函數(shù): 每個(gè)函數(shù)的作用 
怎么創(chuàng)建一個(gè)組件 
什么是虛擬DOM
React的機(jī)制中diff算法是怎樣計(jì)算的
redux的使用   

Vue

Vue1x與Vue2x 有什么區(qū)別
手寫(xiě)一個(gè)vue組件
組件之間的通信 :父與子 && 子與父 && 同級(jí)
vue的計(jì)算屬性computed怎么使用
vue的過(guò)濾屬性
vue-router的使用 vue路由可攜帶信息的方法
vue重定向
vue怎么發(fā)起ajax請(qǐng)求 : ES6-axios (vue作者推薦)  vue-resoucre vue2x 官方不支持 但也可以用 
封裝原生ajax來(lái)使用 也可以引入jquery使用 盡量說(shuō)前兩種
vuex的使用
vue雙向數(shù)據(jù)綁定的原理

ES6

Promises 處理異步操作的一種模式
Generator 
es6最常用的方法屬性
es6跟es2015的區(qū)別  :::它倆就是一回事

javascript框架

Echarts  ------基于canvas的圖表插件庫(kù)
zepto --------輕量級(jí)的jquery庫(kù)
sea.js --------沒(méi)使用過(guò)可查
common.js
require.js
MUI (也屬于ui框架)配合hbuilder 打造原生app 
Backbone.js
Highcharts ----純javascript編寫(xiě)的圖表框架

前端ui框架 最常用的

Jquery --------bootstrap
React-------Ant Design
Vue -------element ui -----mint ui

常用插件

jquery.lazyload.js
swiper.js
iscroll
touch.js
Fullpage

前端自動(dòng)化

webpack  原理及其做了些什么
npm  bower  對(duì)npm 的理解  知道有bower即可   兩種包管理工具
grunt 
gulp
browerify

nodejs

express
KOA
了解下CMD與AMD
require.js
common.js

版本控制系統(tǒng)

git  常用的命令一定要清楚 以及ide集成工具  常用git桌面應(yīng)用sourceTree了解下
svn

公司協(xié)同合作軟件

藍(lán)湖
confluence
Teambition
標(biāo)你妹

考量

你怎么理解前端這個(gè)行業(yè)的發(fā)展
你怎么理解前端工程師這個(gè)職位
你在以往的工作中碰到過(guò)什么比較棘手的問(wèn)題,最后是怎么處理的
你平常是怎么學(xué)習(xí)的,經(jīng)常逛什么網(wǎng)站
你的職業(yè)規(guī)劃是什么怎么樣的

ps:自己平常做的項(xiàng)目一定要特別特別了解,有很多公司會(huì)仔仔細(xì)細(xì)的問(wèn)項(xiàng)目的流程以及你負(fù)責(zé)什么以及在項(xiàng)目中碰到了什么棘手的問(wèn)題,不要到時(shí)候去公司面試連自己做的項(xiàng)目是干什么的有什么功能都說(shuō)不清楚就比較尷尬了

ps:這些東西也只是片面,終究還是要靠你自己的本事 比如會(huì)問(wèn)到原生js中很細(xì)的東西這里也沒(méi)辦法給你列出來(lái),希望同學(xué)們不管在學(xué)習(xí)多高級(jí)的框架時(shí)都不要忘記原生,那是爸爸,框架也都是它生的,底層知識(shí)牢靠,學(xué)習(xí)任何東西都不會(huì)費(fèi)勁。

推薦書(shū)籍

JavsScript高級(jí)程序設(shè)計(jì)
JavaScript權(quán)威指南
ECMAscript6 阮一峰寫(xiě)的最近在看
HTTP權(quán)威指南
React和Vue也在出書(shū),還沒(méi)接觸到特別好的,等有了會(huì)推薦出來(lái)
持續(xù)更新中。。。 后續(xù)也會(huì)寫(xiě)自己在項(xiàng)目中碰到的問(wèn)題以及接觸到的最新的知識(shí)
看到文章中有什么問(wèn)題也可在下方留言一起探討
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,109評(píng)論 25 709
  • 目錄: 1-------- 走進(jìn)前端 2-------- jQuery 3-------- CSS ...
    vikang閱讀 11,205評(píng)論 29 445
  • 在衛(wèi)生間淋浴的時(shí)候,我想到了這個(gè)題目。 為了通風(fēng),衛(wèi)生間的窗子半開(kāi)著,昏黃的燈光與樓道聲控?zé)粼诖翱谔幗化B著,將水霧...
    越甲吞吳閱讀 354評(píng)論 0 1
  • ???本以為小獅子們?cè)诰`超市只會(huì)買自己喜歡的物品,結(jié)果每次回來(lái)都會(huì)給老師們帶禮物,還給爸爸媽媽也買了禮物! ???本...
    虹影老師閱讀 799評(píng)論 0 0
  • 也漸漸明白領(lǐng)導(dǎo)的長(zhǎng)處和短處 越來(lái)越了解自己的水平。想抱怨的時(shí)候不如問(wèn)問(wèn)自己:你的東西是人家想要的嗎?你的水平達(dá)到這...
    繳智商稅閱讀 96評(píng)論 0 0

友情鏈接更多精彩內(nèi)容