HTML5前端面试常见问题汇总

Posted 2020-10-31 qfdeu

基础强化篇

• 聊一聊前端存储。 

• BFC 

 

前端工程化篇

• 场景：你是第一天来公司上班的，项目代码托管在GitLab，项目地址：[email protected]: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在电脑上有用，在安卓上没反应怎么解决？

 

来源：千锋HTML5