前端面試

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

  • 數組有哪些方法
  • object有哪些方法
  • 基本數據類型,幾種 5種 string number(NaN也是) boolean undefined null(es6 symbol)
  • NaN === NaN parseInt(null) // NaN parseInt(undefined) // NaN
  • 舉例,說出5個typeof 是Object的
  • 判斷對象某個屬性存在 hasOwnProperty
  • 字符串 substr subtring(end非負) slice 區別
  • 建立對象的方式
  • 怎麼實現繼承
  • 閉包
  • 同步和異步的區別
  • this的理解
  • 原型鏈
  • jsonp原理(手寫)
  • 判斷是一個數組
  • 深拷貝
  • dom操做 建立dom元素 刪除dom元素
  • jquery 你以爲jquery有哪些好處 還用過什麼工具庫
  • js規範 amd commonjs esm umd
  • requirejs
  • 怎麼寫jq插件
  • 怎麼給數組原型添加方法
  • 怎麼合併兩個對象
  • 常見的瀏覽器內核
  • 瀏覽器的頁面加載過程
  • chart 畫圖
  • js 執行順序 變量提高
  • bind call apply 的理解(document.getElementById bind 實現)
  • 事件委託 事件理解
  • js 實現拖拽
  • 事件循環

es6

  • es6用法
  • 箭頭函數 this ,函數默認值
  • 數組去重
  • Object.assign Object.is
  • 建立10000個數組 new Array(10000).fill(0)
  • promise
  • proxy
  • async await
  • proxy reflect
  • commonjs 和 es6 模塊

react

  • 談談對react的理解,react主要的技術特色
  • React 中 keys 的做用是什麼
  • render 裏能夠setState麼
  • vdom的實現,優點,缺點
  • 生命週期掛載和更新
  • context
  • react 無狀態組價
  • 按需加載
  • redux
  • react-native
  • react props 改變執行的鉤子函數
  • 函數式編程和麪向對象
  • 高階函數 高階組件

vue

  • v-show和v-if 區別
  • vue 的data爲何是函數 不是對象
  • vue mixin 混入
  • vue兩種路由的區別
  • angular vue react 的雙向綁定原理
  • vue 指令 和 vue 組件 區別
  • 組件之間通訊
  • 掛載和更新的生命週期
  • 談談對vue的理解
  • vue的項目是前臺項目仍是後臺項目
  • 組件庫 mint-ui element-ui iview
  • 生命週期
  • keep-alive
  • 內置過濾器 大小寫 首字母大寫
  • vuex
  • {{}} 是怎麼編譯的
  • vue 插件 vue.use插件
  • mvc mvvm
  • 小程序 ?
  • vue開發規範

angular

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

nodejs

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

git svn

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

webpack gulp

  • webpack 是什麼
  • gulp
  • 什麼是Loader?什麼是Plugin
  • 最新版的webpack的功能

高級

  • js 優化
  • 設計模式
  • 算法
  • 深拷貝的實現
  • 數組降維
  • nginx用過沒
  • 用過測試框架 mocha jestcss

    談談你擅長的技術

相關文章
相關標籤/搜索