面試題一覽

HTML與CSS

自適應(yīng)布局
各瀏覽器的內(nèi)核分別是什么 ---- 阿里面試問到過
瀏覽器的兼容性問題怎么處理  
彈性布局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的一整套完整流程:什么是異步
原生跨域:為什么要跨域,有哪幾種方法,寫出原理及其實(shí)現(xiàn)代碼
ajax和jsonp的區(qū)別,ajax請(qǐng)求時(shí)如何解析json數(shù)據(jù)
js的算法 冒泡算法,-----
js是不是多線程,如果是怎么解釋
javascript的數(shù)據(jù)類型 
什么是JavaScript的同源策略
閉包是什么,有什么優(yōu)缺點(diǎn)以及特性
new操作符具體干了什么
=====================
說一下http協(xié)議 與https有什么區(qū)別
cookie與session的區(qū)別 他們一般用來做什么
+++++++++++++++++++++++++++++++++++++
 正則一定要會(huì)
 關(guān)于加載優(yōu)化:html優(yōu)化,css優(yōu)化,js優(yōu)化,請(qǐng)求優(yōu)化,圖片優(yōu)化
 性能優(yōu)化:網(wǎng)頁內(nèi)容 || 減少 http請(qǐng)求次數(shù)||減少 DNS查詢次數(shù)||避免頁面跳轉(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:把腳本置于頁面底部||使用外部JavaScript和CSS||精簡(jiǎn)JavaScript和CSS||去除重復(fù)腳本||減少DOM訪問
 圖片:優(yōu)化圖像||優(yōu)化CSS Spirite||不要在HTML中縮放圖片||favicon.ico要小而且可緩存
 瀏覽器器兼容關(guān)于hack技術(shù),我曾經(jīng)被問到都有那些hack,自行百度
 javascript原型繼承,原型跟原型鏈 ;
 ES6中的類
 require || export || export default || module.exports ||exports || import 的區(qū)別,前幾天看到SegmentFault上邊有幾篇文章講的不錯(cuò),可以去看看,或者csdn都有此類型問題的答案
 盒模型有幾種,有什么區(qū)別
 this的指向問題,
 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ū)別
手寫一個(gè)vue組件
組件之間的通信 :父與子 && 子與父 && 同級(jí)
vue的計(jì)算屬性computed怎么使用
vue的過濾屬性
vue-router的使用 vue路由可攜帶信息的方法
vue重定向
vue怎么發(fā)起ajax請(qǐng)求 : ES6-axios (vue作者推薦)  vue-resoucre vue2x 官方不支持 但也可以用 
封裝原生ajax來使用 也可以引入jquery使用 盡量說前兩種
vuex的使用
vue雙向數(shù)據(jù)綁定的原理

ES6

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

javascript框架

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

前端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è)職位
你在以往的工作中碰到過什么比較棘手的問題,最后是怎么處理的
你平常是怎么學(xué)習(xí)的,經(jīng)常逛什么網(wǎng)站
你的職業(yè)規(guī)劃是什么怎么樣的

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

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

推薦書籍

JavsScript高級(jí)程序設(shè)計(jì)
JavaScript權(quán)威指南
ECMAscript6 阮一峰寫的最近在看
HTTP權(quán)威指南
React和Vue也在出書,還沒接觸到特別好的,等有了會(huì)推薦出來
持續(xù)更新中。。。 后續(xù)也會(huì)寫自己在項(xiàng)目中碰到的問題以及接觸到的最新的知識(shí)
看到文章中有什么問題也可在下方留言一起探討
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,048評(píng)論 6 542
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,414評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,169評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,722評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,465評(píng)論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,823評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,813評(píng)論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,000評(píng)論 0 290
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,554評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,513評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,035評(píng)論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,722評(píng)論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,125評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,430評(píng)論 1 295
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,237評(píng)論 3 398
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,482評(píng)論 2 379

推薦閱讀更多精彩內(nèi)容

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