前端面试

Posted huahuadavids

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端面试相关的知识,希望对你有一定的参考价值。

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 jest

    谈谈你擅长的技术

以上是关于前端面试的主要内容,如果未能解决你的问题,请参考以下文章

前端面试题-

面试常用的代码片段

面向面试编程代码片段之GC

前端开发常用代码片段(中篇)

前端开发常用js代码片段

前端防扒代码片段