HTML5前端面试常见问题汇总

基础强化篇

• 聊一聊前端存储。 
  
• BFC 
  

前端工程化篇

• 场景：你是第一天来公司上班的，项目代码托管在GitLab，项目地址：git@lab.com:org/project.git,现在有一处代码需要你修改。请下完成此项任务中，与git/gitlab相关的操作步骤。
  
• CSS，JS代码压缩，以及代码CDN托管，图片整合 
  
• 如何利用webpack把代码上传服务器以及转码测试？ 
  
• 项目上线流程是怎样的？ 
  
• 工程化怎么管理的? 
  
• git常用命令 
  
• webpack 和 gulp对比 webpack打包文件太大怎么办? 
  
• 不想让别人盗用你的图片，访问你的服务器资源该怎么处理？ 
  
• 精灵图和base64如何选择？ 
  
• webpack怎么引入第三方的库？ 
  
• 如果线上出现bug git怎么操作？
  
• 用过Nginx吗？都用过哪些？
  

移动端布局与适配篇

• iscroll安卓低版本卡顿，如何解决？
  
• 移动布局自适应不同屏幕的几种方式
  
• 请说下移动端常见的适配不同屏幕大小的方法?
  
• 移动端屏幕适配?
  
• 你们做移动端平时在什么浏览器上测试？
  
• 说说移动端是如何调试的？
  
• 说说ICONFONT是如何用的？
  
• 说说移动端Web分辨率
  

性能和效率篇

• 你平时如何评测你写的前端代码的性能和效率。
  
• 如何优化页面，加快页面的加载速度(至少5条)
  
• 怎么保证多人开发进行内存泄漏的检查（内存分析工具）
  
• 前后端性能如何调优？
  
• 浏览器http请求过多怎么解决?
  

Web安全篇

• 你所了解到的Web攻击技术
  
• 如何防止XSS攻击?
  
• 项目中有没有用过加密，哪种加密算法？
  
• 聊一聊网页的分段传输与渲染
  
• 百度移动端首页秒开是如何做到的？
  
• 前端速度统计（性能统计）如何做？
  

架构篇

• 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有css、js文件、图片？
  
• 如果没有框架、怎么搭建你的项目
  
• 在选择框架的时候要从哪方面入手
  
• 聊一聊前端模板与渲染
  

混合开发篇

• UIWebView和JavaScript之间是怎么交互的?
  
• 混合开发桥接api是怎么调用的，需要引入类库嘛?调用的对象是什么?
  
• 说一下你对支付，推送（远程，本地）的理解
  
• 什么是代理和通知，写一下他们基本的实现方
  
• UIViewController的生命周期
  
• rem布局字体太大怎么处理?
  
• 如何调用原生的接口？
  
• 微信支付怎么做？说说流程
  
• 混合开发的注意点
  
• 说说你对手机平台的安装包后缀的理解
  
• 谈谈你对Socket编程的理解，及实现原理，Socket之间是怎么通讯的
  
• WEB应用从服务器主动推送Data到客户端有哪些方式?
  
• 简述Node.js的适用场景？
  
• 什么是HTTPS，做什么用的呢？如何开启HTTPS？
  
• 你们原来公司如何发送的新消息推送？
  
• 如何用NodeJS搭建中间层？
  

组件设计篇

• 实现一个手势滑动轮播图组件。
  
• 设计基于观察者模式的事件绑定机制
  
• jq自己扩展过什么插件?
  
• 侧滑菜单如何实现?
  
• 权限管理如何实现?
  
• 一个大数组，可能存了100万个数字，要从其中取出来第二大的数的下标，有什么快速的方法？
  

单元测试篇

• 单个组件怎么测试性能
  

React篇

• redux中间件
  
• redux有什么缺点
  
• react组件的划分业务组件技术组件？
  
• react生命周期函数
  
• react性能优化是哪个周期函数？
  
• 为什么虚拟dom会提高性能?
  
• diff算法?
  
• react性能优化方案
  
• React项目用过什么脚手架？Mern? Yeoman?
  

Vue.js篇

• vue与react的对比,如何选型？从性能，生态圈，数据量，数据的传递上，作比较
  
• vue slot是做什么的?
  
• vue和angular的优缺点以及适用场合?
  
• vue路由实现原理?
  
• 你们vue项目是打包了一个js文件，一个css文件，还是有多个文件？
  
• vue遇到的坑，如何解决的？
  
• vue的双向绑定的原理，和angular的对比
  
• vue-cli，脚手架
  
• Vue里面router-link在电脑上有用，在安卓上没反应怎么解决？
  

推荐一个交流学习群:697419969里面有分享的答案还会分享一些视频，可以免费领取学习资源，受益良多！