前端面試整理

h5

html5 新api  
storage
geolocation
history 
webworker 
indexDB 
websocket
canvas

css3

box-shadow 
border-radius 
rem 
flex
animaion 
transition 
gradient   
calc 
p:nth-child
p:nth-child(2n+0)
p:last-child 
rem佈局 flex

js

• 基本數據類型，幾種 5種 string number(NaN也是) boolean undefined null(es6 symbol)
• typeof 返回類型
• NaN === NaN parseInt(null) // NaN parseInt(undefined) // NaN
• string substr subtring(end非負) slice 區別
• 建立對象的方式
• 閉包
• this的理解
• 原型鏈
• jsonp原理(手寫)
• 判斷是一個數組
• 深拷貝
• 原生dom操做 建立dom元素 刪除dom元素
• jquery 你以爲jquery有哪些好處 還用過什麼工具庫
• 事件委託 事件理解
• js規範 amd commonjs esm umd
• requirejs
• 怎麼寫jq插件
• 怎麼給數組原型添加方法
• 怎麼合併兩個對象
• 常見的瀏覽器內核
• 瀏覽器的頁面加載過程
• 數據可視化 echart d3
• js 執行順序 變量提高
• bind call apply 的理解
• 正則表達式

es6

• es6用法
• 箭頭函數 this ，函數默認值
• 合併數組 數組去重 數組API
• 建立10000個數組 new Array(10000).fill(0)
• Object.assign Object.is
• promise
• proxy
• es6 module和commonjs模塊區別

react

• 談談對react的理解
• react主要的技術特色
• 有沒有用過antd
• vdom的優點，缺點
• react性能優化是哪一個周期函數
• 生命週期 componentDidMount 執行幾回
• react 無狀態組價
• redux
• react-native
• react props 改變執行的鉤子函數
• react-native ?
• 函數式編程和麪向對象
• 高階組件

vue

• 談談對vue的理解
• vue的項目是前臺項目仍是後臺項目
• 組件庫 mint-ui element-ui iview
• spa原理
• 路由實現原理
• 生命週期
• keep-alive
• v-show和v-if 區別
• 內置過濾器 大小寫 首字母大寫 手寫過濾器
• vuex 原理
• {{}} 是怎麼編譯的
• angular vue react 的雙向綁定原理
• vue 指令
• vue 組件
• vue mixin
• mvc mvvm
• 小程序 ？

angular

• 講一下angular理解，用的哪一個版本 1.2.3.4.5 ?
• ts
• angular的數據雙向綁定實現
• ng-if和ng-show
• factory、service 和 provider 是什麼關係？
• 自定義指令

nodejs

• node 經常使用模塊
• eslint
• babel 一堆
• express koa
• npm經常使用命令
• 本地安裝和全局安裝的區別
• npm 腳本 npm run dev
• 線程與進程的區別

git svn

• 怎麼維護代碼的(git svn)
• 提交代碼的順序
• 經常使用shell命令 mv mkdir touch rm

webpack gulp

• gulp
• webpack 是什麼
• 什麼是Loader?什麼是Plugin
• 最新版的webpack的功能
• webpack 優化
• webpack 本身搭建開發架構

高級

• 前端優化
• 內存圖
• 深拷貝的實現
• 數組降維
• 設計模式
• 算法
• nginx用過沒

談談你擅長的技術