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ì)推薦出來