前端面试每日31周汇总20190811

7次阅读

共计 11098 个字符,预计需要花费 28 分钟才能阅读完成。

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。
前端面试每日 3 + 1 题,以面试题来驱动学习,每天进步一点!
让努力成为一种习惯,让奋斗成为一种享受!
相信 坚持 的力量!!!

项目地址:https://github.com/haizlin/fe…

【推荐】欢迎跟 jsliang 一起折腾前端,系统整理前端知识,目前正在折腾 LeetCode,打算打通算法与数据结构的任督二脉。GitHub 地址

微信公众号

欢迎大家前来讨论,如果觉得对你的学习有一定的帮助,欢迎点个 Star, 同时欢迎微信扫码关注 前端剑解 公众号,并加入 “前端学习每日 3 +1” 微信群相互交流(点击公众号的菜单:进群交流)。


  • 学习不打烊,充电加油只为 遇到更好的自己 ,365 天无节假日, 每天早上 5 点 纯手工发布面试题(死磕自己,愉悦大家)。
  • 希望大家在这 浮夸 的前端圈里,保持 冷静,坚持每天花 20 分钟来学习与思考。
  • 在这千变万化,类库层出不穷的前端,建议大家不要等到找工作时,才狂刷题,提倡 每日学习 !( 不忘初心,html、css、javascript 才是基石!)
  • 欢迎大家到 Issues 交流,鼓励PR,感谢Star,大家有啥好的建议可以加我微信一起交流讨论!

希望大家 每日 去学习与思考,这才达到来这里的目的!!!(不要为了谁而来,要为自己而来!)

html

  • frame 和 iframe 有什么区别?
  • 页面布局中的结构与表现分离,那么什么是结构?什么是表现呢?
  • 怎样去除 html 标签之间换行产生的空格?
  • 举例说明 HTML5 的 Canvas 元素有什么用途?
  • 在 HTML5 中如何组合标题?用哪个元素?
  • 你知道 checkbox 有几种状态吗?它们分别用来表示什么?
  • HTML 如何创建分区响应图?
  • 什么是 svg?说说 svg 有什么运用场景?
  • 有好多网站不常用 table 和 iframe 这两个元素,知道原因吗?
  • 在默认的情况下,使用 h1 标签呈现出什么效果?
  • 网站的 TDK 该怎么设置?它有什么作用?
  • 除了音频和视频,HTML5 还支持哪些媒体标签?
  • 如何在 HTML5 页面中嵌入音频和视频?
  • 说说 HTML 中的 <html> 标签有什么作用?
  • 请描述一下 cookies、sessionStorage 和 localStorage 的区别?
  • 行内元素、块级元素、空 (void) 元素分别有哪些?
  • 说说你对 accesskey 的理解,举例说明它有什么运用场景?
  • HTML5 怎么为输入框添加语音输入的功能呢?
  • HTML5 的页面可见性(Page Visibility)有哪些应用场景?
  • 列举出你最常用的 meta 标签的写法和作用
  • Doctype 有什么作用?你知道有多少种 Doctype 文档类型吗?
  • 写出以下几个 HTML 标签:字体、居中、文字加粗、下标
  • HTML5 标准提供了哪些新的 API?你有用过哪些?
  • 使用 HTML5 需要遵守哪些设计原则?
  • 有使用过 svg 吗?请用 svg 画一个圆
  • 请说说你对 ISISO8859- 2 字符集的认识
  • 请描述下元素的 href 和 src 有什么区别?
  • 举例说明你对 ol 和 ul 标签的区别?它们的运用场景分别是什么呢?
  • a 标签的 href 和 onclick 属性同时存在时哪个先触发?
  • 怎么使用 HTML5 来获取定位?定位不准怎么解决?
  • 举例说明如何原样输出 HTML 代码,不被浏览器解析?
  • 举例说明你对 HTML5 的 ruby 标签的理解,都有哪些应用场景?
  • iframe 的使用场景有哪些?
  • a 标签下的 href=”javascript:void(0)” 起到了什么作用?说说你对 javascript:void(0)的理解?
  • 在新窗口打开链接的方法是什么?那怎么设置全站链接都在新窗口打开?
  • 用 HTML5 实现手机摇一摇功能你有做过吗?你知道它的原理吗?
  • 你有用过 HTML5 的 Device API 吗?说说它都有哪些应用场景?
  • 简述下 HTML 的快捷键属性是哪个?并举例说明有什么用?
  • HTML5 的应用程序缓存与浏览器缓存有什么不同?
  • 你有用过 HTML5 中的 datalist 标签吗?说说你对它的理解
  • 说说你对 HTML5 的 img 标签属性 srcset 和 sizes 的理解?都有哪些应用场景?
  • HTML5 如何识别语音读出的内容和朗读指定的内容?
  • 移动 web 页面如何自动探测电话号码?
  • 在 a 标签上的四个伪类执行顺序是什么?
  • favicon.ico 有什么作用?怎么在页面中引用?常用尺寸有哪些?可以修改后缀名吗?
  • video 和 audio 分别支持哪些格式?
  • 怎么在 IE8 及以下实现 HTML5 的兼容?
  • html 的 a 标签属性 rel=’nofollow’ 有什么作用?
  • 怎样禁止表单记住密码自动填充?
  • 写个例子说明 HTML5 在移动端如何打开 APP?
  • 请写出唤醒拔打电话、发送邮件、发送短信的例子
  • HTML5 如果不写<! DOCTYPE html>,页面还会正常工作么?
  • html 直接输入多个空格为什么只能显示一个空格?
  • 写出 html 提供的几种空格实体(5 种以上)
  • 什么是 html 的字符实体?版权符号代码怎么写?
  • 有使用过 HTML5 的拖放 API 吗?说说你对它的理解
  • 有用过 HTML5 的 webSQL 和 IndexedDB 吗?说说你对它们的理解
  • src、href、link 的区别是什么?
  • 有用过 WebGL 吗?说说你对它的理解
  • HTML5 相对于 HTML4 有哪些优势?
  • 你了解 HTML5 的 download 属性吗?
  • 渐进式渲染是什么?
  • HTML5 中新添加的表单属性有哪些?
  • 你有了解 HTML5 的地理定位吗?怎么使用?
  • web workers 有用过吗?能帮我们解决哪些问题?
  • From 表单提交时为什么会刷新页面?怎么预防刷新?
  • Form 表单是怎么上传文件的?你了解它的原理吗?
  • Ajax 与 Flash 的优缺点分别是什么?
  • 说说你对 target=”_blank” 的理解?有啥安全性问题?如何防范?
  • 说说你对 WEB 标准和 W3C 的理解与认识?
  • HTML5 如何使用音频和视频?
  • 页面中怎么嵌入 Flash?有哪些方法?写出来
  • xml 与 html 有什么区别?
  • 说说 video 标签中预加载视频用到的属性是什么?
  • 如何让元素固定在页面底部?有哪些比较好的实践?
  • 解释下什么是 ISISO8859- 2 字符集?
  • webSocket 怎么做兼容处理?
  • html5 都有哪些新的特性?移除了哪些元素?
  • title 与 h1、b 与 strong、i 与 em 的区别分别是什么?
  • 说说你对 cookie 和 session 的理解
  • html5 哪些标签可以优化 SEO?
  • HTML 与 XHTML 二者有不同?
  • 用一个 div 模拟 textarea 的实现
  • Standards 模式和 Quirks 模式有什么区别?
  • html 和 html5 有什么区别呢?
  • 说说你对 HTML 元素的显示优先级的理解
  • DOM 和 BOM 有什么区别?
  • 网页上的验证码是为了解决什么问题?说说你了解的验证码种类有哪些
  • 你了解什么是无障碍 web(WAI)吗?在开发过程中要怎么做呢?
  • 说说你对 <meta> 标签的理解
  • 说说你对影子(Shadow)DOM 的了解
  • 解释下你对 GBK 和 UTF- 8 的理解?并说说页面上产生乱码的可能原因
  • 请说说 <script><script async><script defer>的区别
  • 说说你对属性 data- 的理解
  • 关于 <form> 标签的 enctype 属性你有哪些了解?
  • js 放在 html 的 <body><head>有什么区别?
  • 谈谈你对 input 元素中 readonly 和 disabled 属性的理解
  • 请描述 HTML 元素的显示优先级
  • 说说你对 html 中的置换元素和非置换元素的理解
  • 怎样在页面上实现一个圆形的可点击区域?
  • 你认为 table 的作用和优缺点是什么呢?
  • 元素的 alt 和 title 有什么区别?
  • title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别?
  • 为什么 HTML5 只需要写 <!DOCTYPE HTML> 就可以?
  • html5 中的 form 怎么关闭自动完成?
  • 常见的浏览器内核都有哪些?并介绍下你对内核的理解
  • 你对标签语义化的理解是什么?
  • viewport 常见设置都有哪些?
  • 浏览器内多个标签页之间的通信方式有哪些?
  • 简述下 html5 的离线储存原理,同时说明如何使用?
  • iframe 框架都有哪些优缺点?
  • label 都有哪些作用?并举相应的例子说明
  • 简述超链接 target 属性的取值和作用
  • HTML5 的文件离线储存怎么使用,工作原理是什么?
  • HTML 全局属性 (global attribute) 有哪些(包含 H5)?
  • html 的元素有哪些(包含 H5)?
  • 页面导入样式时,使用 link 和 @import 有什么区别?

css

  • 你知道 CSS 中的字母 ”C” 代表什么吗?
  • 怎么自定义鼠标指针的图案?
  • Reset CSS 和 Normalize CSS 的区别是什么?
  • 为什么要使用 css sprites?
  • 标签、class 和 id 选择器三者的区别是什么?分别在什么时候用?
  • 举例说明时间、频率、角度、弧度、百分度的单位分别是哪些?
  • 你有用过 table 布局吗?说说你的感受
  • 说说你对设备像素比的理解
  • 说下你对 cursor 属性的理解
  • position 的 relative 和 absolute 定位原点是哪里?
  • 过渡和动画的区别是什么?
  • CSS 中的 calc()有什么作用?
  • 怎么实现移动端的边框 0.5px?
  • 行内元素和块级元素有什么区别,如何相互转换?
  • 说说你对低版本 IE 的盒子模型的理解
  • 你是如何规划响应式布局的?
  • 说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处?
  • 如何让大小不同的图片等比缩放不变形显示在固定大小的 div 里?写出来
  • 你对视网膜 (Retina) 分辨率有了解吗?有没有在实际中使用过?
  • 移动端微信页面有哪些兼容性问题及解决方案是什么?
  • 如何更改 placeholder 的字体颜色和大小?
  • 行内 css 和 important 哪个优先级高?
  • 当一个元素被设置为浮动后,它的 display 值变为什么呢?
  • 为什么会出现浮动?在什么时候需要清除浮动呢?
  • 写出 div 在不固定高度的情况下水平垂直居中的方法?
  • 移动端的布局用过媒体查询吗?写出例子看看
  • CSS 的伪类和伪对象有什么不同?
  • CSS 的 overflow 属性定义溢出元素内容区的内容会如何处理呢?
  • 外层有一个自适应高度的 div,里面有两个 div,一个高度固定 300px,另一个怎么填满剩余的高度?
  • 说说你对 CSS 样式覆盖规则的理解
  • 写出几个初始化 CSS 的样式,并解释说明为什么要这样写
  • display 有哪些值?分别说明他们的作用是什么?
  • 怎么让 body 高度自适应屏幕?为什么?
  • font-style 的属性有 Italic 和 oblique,两者有什么区别呢?
  • IE(6/7/8/9/10/11/Edge)下的 hack 写法分别有哪些?
  • 写出你遇到过 IE6/7/8/ 9 的 BUG 及解决方法
  • 举例说明 css 的基本语句构成是什么呢?
  • 写例子说明如何强制(自动)中、英文换行与不换行
  • 说说你对 BEM 规范的理解,同时举例说明常见的 CSS 规范有哪些?
  • 遇到 overflow: scroll 不能平滑滚动怎么解决?
  • 请问 display:inline-block 在什么时候会显示间隙?
  • 用 CSS 画出一个任意角度的扇形,可以写多种实现的方法
  • 请你解释下什么是浮动和它的工作原理是什么?同时浮动会引起什么问题?
  • 说说你对!important 的理解,一般在哪些场景使用?
  • 在实际编写 css 中你有遇到过哪些浏览器兼容性的问题?怎么解决的?
  • 怎么改变选中文本的文字颜色和背景色?
  • 你对响应式设计的理解是什么?知道它基本的原理是吗?要想兼容低版本的 IE 怎么做呢?
  • 你有使用过哪些栅格系统?都有什么区别呢?
  • 请说说 *{box-sizing: border-box;} 的作用及好处有哪些
  • 说说你对 jpg、png、gif 的理解,分别在什么场景下使用?有使用过 webp 吗?
  • 如何消除 transition 闪屏?
  • 元素竖向的百分比设置是相对容器的高度吗?
  • 用 CSS 绘制一个红色的爱心
  • 举例说明 css 中颜色的表示方法有几种
  • 说说 position 的 absolute 和 fixed 共同与不同点分别是什么?
  • 手动写动画最小时间间隔是多少,为什么?
  • 怎样把一个 div 居中?怎样把一个浮动元素居中?怎样把绝对定位的 div 居中?
  • 用 css 画一个太阳
  • 你有用过哪些 css 框架?说说它们的特点
  • box-sizing 常用的属性有哪些?分别有什么作用?
  • inline、block、inline-block 这三个属性值有什么区别?
  • margin 和 padding 使用的场景有哪些?
  • 什么是视差滚动?如何实现视差滚动的效果?
  • css3 的:nth-child 和:nth-of-type 的区别是什么?
  • 怎么使用自定义字体?有什么注意事项?
  • 要是 position 跟 display、overflow、float 这些特性相互叠加后会怎么样?
  • 有用过 Flex 吗?简要说下你对它的了解
  • 列举 CSS 优化、提高性能的方法
  • 假如设计稿使用了非标准的字体,你该如何去实现它?
  • 你知道全屏滚动的原理是什么吗?它用到了 CSS 的哪些属性?
  • 你是怎样抽离样式模块的?
  • 说说你对媒体查询的理解
  • 你知道的等高布局有多少种?写出来
  • 手写一个满屏品字布局的方案
  • span 与 span 之间有看不见的空白间隔是什么原因引起的?有什么解决办法?
  • 重置(初始化)css 的作用是什么?
  • 怎么让英文单词的首字母大写?
  • 怎么才能让图文不可复制?
  • 写出你知道的 CSS 水平和垂直居中的方法
  • 实现单行文本居中和多行文本左对齐并超出显示 ”…”
  • 不使用 border 画出 1px 高的线,在不同浏览器的标准和怪异模式下都能保持效果一样
  • 写出主流浏览器内核私有属性的 css 前缀
  • 使用 flex 实现三栏布局,两边固定,中间自适应
  • 浏览器是怎样判断元素是否和某个 CSS 选择器匹配?
  • 用 CSS 绘制一个三角形
  • 说下 line-height 三种赋值方式有何区别?
  • 让网页的字体变得清晰,变细用 CSS 怎么做?
  • 描述下你所了解的图片格式及使用场景
  • 请描述 css 的权重计算规则
  • rgba()和 opacity 这两个的透明效果有什么区别呢?
  • 怎样修改 chrome 记住密码后自动填充表单的黄色背景?
  • 说说你对 z -index 的理解
  • 在页面中的应该使用奇数还是偶数的字体?为什么呢?
  • 你有用过 CSS 预处理器吗?喜欢用哪个?原理是什么?
  • 说说 CSS 的优先级是如何计算的?
  • 说说浏览器解析 CSS 选择器的过程?
  • 说说你对 line-height 是如何理解的?
  • 要让 Chrome 支持小于 12px 的文字怎么做?
  • css 的属性 content 有什么作用呢?有哪些场景可以用到?
  • 什么是 FOUC?你是如何避免 FOUC 的?
  • 解释下 CSS sprites 的原理和优缺点分别是什么?
  • 请描述 margin 边界叠加是什么及解决方案
  • style 标签写在 body 前和 body 后的区别是什么?
  • position:fixed; 在 ios 下无效该怎么办?
  • ::before 和:after 中单冒号和双冒号的区别是什么,这两个伪元素有什么作用?
  • 说说你对 css 盒子模型的理解
  • css 常用的布局方式有哪些?
  • 对比下 px、em、rem 有什么不同?
  • 简述下你理解的优雅降级和渐进增强
  • 清除浮动的方式有哪些及优缺点?
  • 简述你对 BFC 规范的理解
  • 用 css 创建一个三角形,并简述原理
  • CSS3 新增伪类有哪些并简要描述
  • CSS 选择器有哪些?哪些属性可以继承?
  • 在页面上隐藏元素的方法有哪些?
  • CSS3 有哪些新增的特性?
  • 圣杯布局和双飞翼布局的理解和区别,并用代码实现

js

  • document.write 和 innerHTML 有什么区别?
  • 如何使用 js 来截图?怎样截可见区域和整个页面?
  • 分别写出防抖和节流的两个函数,并描述它们分别有什么运用场景?
  • 写一个把数字转成中文的方法,例如:101 转成一百零一
  • 用 js 写一个事件侦听器的方法
  • 函数声明与函数表达式有什么区别?
  • 请用 js 编写一个红绿灯程序
  • 请详细描述 AJAX 的工作原理
  • 请描述下什么是原型模式?它主要运用在哪些场景?
  • 请描述下 js 的原型和原型链的理解以及它们之间的关系
  • 写一个方法判断给定的字符串是否同态(isomorphic)
  • 说说你对作用域链的理解
  • 写个方法,找出指定字符串中重复最多的字符及其长度
  • 请说说 json 和 jsonp 的区别?
  • 你是如何更好地处理 Async/Await 的异常呢的?
  • 准确说出 '1,2,3,4'.split() 的结果是什么(包括类型和值)?
  • 不依赖第三方库,说下如何使用 js 读取 pdf?
  • 分别封装精确运算的加减乘除四个方法
  • 不用第三方库,说说纯 js 怎么实现读取和导出 excel?
  • 说说你理解的同步和异步的区别是什么?
  • 写例子说明如何给 li 绑定事件(ul 下有 1000+ 个 li)?
  • 要实现一个 js 的持续动画,你有什么比较好的方法?
  • 分别写出数组的交集、并集、差集、补集这四个方法
  • 用 js 写出死循环的方法有哪些?
  • js 的函数有哪几种调用形式?
  • 解释下为什么 {} + [] === 0 为 true?
  • 请描述下 null 和 undefined 的区别是什么?这两者分别运用在什么场景?
  • 写个方法随机打乱一个数组
  • js 异步加载有哪些方案?
  • 判断 instanceof 的结果并解释原因 [代码]
    function test(){return test;} 
    new test() instanceof test;
  • 请写一个 sleep(暂停)函数
  • 把 Script 标签放在页面最底部的 </body> 之前和之后有什么区别?浏览器会如何解析它们?
  • js 延迟加载的方式有哪些?
  • 请描述你对浏览器同源策略的理解
  • 举例说明 js 如何实现继承?
  • 用 js 实现一个九九乘法口诀表
  • 在 js 中怎么捕获异常?写出来看看?应该在哪些场景下采用呢?
  • 举例说明什么是 decodeURI()和 encodeURI()是什么?
  • 举例说明什么是 IIFEs?它有什么好处?
  • 举例说明数组和对象的迭代方法分别有哪些?
  • 请快速答出此题的答案并解释:var x, y = 1; x + y = ?
  • 说说 instanceof 和 typeof 的实现原理并自己模拟实现一个 instanceof
  • js 中 =、==、=== 三个的区别是什么?并说明它们各自的工作过程
  • 写一个方法随机生成指定位数的字符串
  • 移动端点击事件为什么会有延迟?有哪些方法可以解决?
  • 写一个字符串重复的 repeat 函数
  • 说说你对深浅拷贝的理解?并实现一个对数组和对象深拷贝的方法
  • Ajax 请求中 get 和 post 方式有什么区别呢?分别在哪些场景下使用?
  • 说说你对 base64 的理解,它的使用场景有哪些?
  • formData 主要是用来做什么的?它的操作方法有哪些?
  • 举例子说说你对 js 隐式类型转换的理解
  • 请解释下什么是 cookie 隔离?为什么要隔离?如何隔离?
  • 说说你对数据类型转换的理解是什么?类型转换的方法有哪些?
  • 如何让 (a==1 && a==2 && a==3) 的值为 true,把 ”==” 换成 ”===” 后还能为 true 吗?
  • 举例子说明 javascript 的变量声明提升和函数声明提升
  • 有用过 HTML5 的 WebWork 吗?它主要解决了什么问题?
  • 写一个方法获取图片的原始宽高
  • 请实现一个 flattenDeep 函数,把多维数组扁平化
  • 写一个格式化金额的方法
  • 请说下你对__proto__和 prototype 的理解
  • 写一个方法,使得 sum(x)(y)和 sum(x,y)返回的结果相同
  • JSONP 的原理是什么?解决什么问题?
  • 写出 4 个使用 this 的典型例子
  • 写一个函数找出给定数组中的最大差值
  • document 的 load 和 ready 有什么区别?
  • 什么是事件委托?它有什么好处?能简单的写一个例子吗?
  • 字符串相连有哪些方式?哪种最好?为什么?
  • 请写出一个函数求出 N 的阶乘(即 N!)
  • 写个还剩下多少天过年的倒计时
  • 你对事件循环有了解吗?说说看!
  • 请说说你对事件冒泡机制的理解?
  • 写一个使两个整数进行交换的方法(不能使用临时变量)
  • 写出几种创建对象的方式,并说说他们的区别是什么?
  • 深度克隆对象的方法有哪些,并把你认为最好的写出来
  • JQuery 的源码看过吗?能不能简单概括一下它的实现原理?
  • window 对象和 document 对象有什么区别?
  • 说说你对 IIFE 的理解
  • 为什么会有跨域问题?怎么解决跨域?
  • 说说你对模块化的理解
  • 说说你对 eval 的理解
  • 找到字符串中最长的单词,并返回它的长度
  • 请手写一个幻灯片的效果
  • 请你解释一个为什么 10.toFixed(10)会报错?
  • 请用 canvas 写一个关于 520 浪漫表白的代码
  • 说说你对 this 的理解
  • 造成内存泄漏的操作有哪些?
  • 写一个方法把 0 和 1 互转(0 置 1,1 置 0)
  • 写一个方法判断字符串是否为回文字符串
  • 写一个获取数组的最大值、最小值的方法
  • 解释下这段代码的意思!
  • 说说你对 arguments 的理解,它是数组吗?
  • 说说 bind、call、apply 的区别?并手写实现一个 bind 的方法
  • 写一个判断设备来源的方法
  • 如何快速让一个数组乱序,写出来
  • 0.1 + 0.2、0.1 + 0.3 和 0.1 * 0.2 分别等于多少?并解释下为什么?
  • 你对 new 操作符的理解是什么?手动实现一个 new 方法
  • 写一个方法验证是否为中文
  • 写一个验证身份证号的方法
  • “attribute” 和 ”property” 有什么不同?
  • 你理解的 ”use strict”; 是什么? 使用它有什么优缺点?
  • typeof(‘abc’)和 typeof ‘abc’ 都是 string, 那么 typeof 是操作符还是函数?
  • 返回到顶部的方法有哪些?把其中一个方法出来
  • 写一个数组去重的方法(支持多维数组)
  • 什么是闭包?优缺点分别是什么?
  • 说说你对 javascript 的作用域的理解
  • 写一个获取当前 url 查询字符串中的参数的方法
  • 简要描述下 JS 有哪些内置的对象
  • 简要描述下什么是回调函数并写一个例子出来
  • 写一个判断数据类型的方法
  • 写一个加密字符串的方法
  • 统计某一字符或字符串在另一个字符串中出现的次数
  • 写一个去除制表符和换行符的方法
  • 写一个把字符串大小写切换的方法
  • 写一个方法把下划线命名转成大驼峰命名
  • 去除字符串中最后一个指定的字符
  • 写一个方法去掉字符串中的空格
  • 用递归算法实现,数组长度为 5 且元素的随机数在 2 -32 间不重复的值

软技能

  • 你今年多大了?请说说看你认为你的程序员生涯能做到多少岁?
  • 对于前后端分离,你是怎么理解的?
  • 说下你是如何从 PS 切出图的,有什么技巧?
  • 你知道什么是 B / S 和 C / S 架构吗?说说它们的区别
  • shim 和 polyfill 有什么区别?它们分别有什么用?
  • 在实际工作中,要是你的想法被反对时你该怎么办?
  • 淘宝、京东、百度他们的网站首页秒开是如何做到的呢?
  • 前端页面有哪三层构成?分别有什么作用?
  • 你知道什么是图床吗?它有什么好处?
  • 要你做一个国外的 web 页面,你需要考虑哪些问题?
  • 你上家公司前端团队有多少人?是怎么分工的?
  • Web 安全色所能够显示的颜色种类有多少种?
  • 域名解析它有哪几种方式?
  • 描述下什么是域名解析?简述它的基本过程
  • 请列举出多种减少页面加载时间的方法
  • 进程与线程有什么区别?JS 的单线程带来哪些好处?
  • 你有自己买过服务器和域名用来搭建博客或者网站吗?
  • 你有画过流程图吗?开始和判定分别用什么图形表示?
  • 你有用过单例模式吗?主要运用场景有哪些?
  • 不查资料,你会手写正则吗?
  • 你认为前端工程师应该分为哪些级别呢?说说你的看法
  • 说说你对 Git 的 branch, diff, merge 的理解?
  • 你知道什么是图片防盗链吗?防盗链怎么实现呢?说说你的方法
  • 说说你对 emojig 表情的理解,前端如何处理 emoji 表情?它的运用场景有哪些?
  • 简要描述下什么是 DNS?它有什么用?
  • 浏览器在什么情况下会出现“已拦截弹窗式窗口”?怎么解决?
  • 你所在的团队有规范吗?举例说明都定义了哪些规范?
  • 当项目准备上线前,你有做过哪些性能优化吗?
  • 说说你对 robots 文件的理解,它有什么作用?
  • 说说你对 hosts 文件的理解,它都有哪些作用?
  • 你平常都看哪些方面的书?你看书的方法是怎样的?
  • Git 的 reset 和 revert 有什么区别?它们分别适用于什么场景?
  • 你平时开发是用 mac 还是 windows 系统?至少举三个例子说明两者的区别?
  • 刷新和强制刷新有什么区别?说说你对两者的理解
  • 你会抓 https 和移动端的包吗?分别描述下这两种包要怎么抓?
  • 说下你平时是怎么自学的?怎么安排时间的?
  • 你申请的这个职位,你觉得你还欠缺什么呢?
  • 你知道什么是 websocket 吗?它有什么应用场景?
  • 一个项目写很多的纯静态页面,有公共的部分(例如头和尾)你是怎么提取公用的?
  • 你有使用过 JWT 吗?说说你对它的理解
  • 你会抓包吗?都有用过哪些抓包工具?
  • 你对 web 服务器软件有了解吗?都使用过哪些?各有哪些优缺点呢?
  • 说说你做过让你觉得最满意的项目是什么?为什么?
  • 说下你对互联网行业及前端技术发展趋势的看法
  • 说说你对 RESTful 的理解
  • 你知道二维码的原理是什么吗?要把 android 和 ios 的下载地址合成一个二维码怎么做呢?
  • 做了这么多年开发,说说你最大的感悟是什么?
  • 本地 git 与远程仓库连接的方式有哪些?
  • 为什么浏览器会有兼容的问题呢?
  • js 动画和 css 动画有什么区别?
  • 你觉得你自己最大的优点和缺点分别是什么?能否举例说明一下?
  • 如果面试官让你说说下你的家庭?你会从哪些方面说呢?
  • 最后如果技术面和 HR 面问你:你还有什么问题吗?你分别会问些什么?
  • 如果面试官让你先自我介绍下,然后说下你的工作经历,你该怎么说?
  • 说说什么是设计模式,你最常用的设计模式有哪些?
  • 说说你对同构和 SSR 的理解
  • 知道 IPV6 是什么吗?说说它和 IPV4 的区别是什么?
  • 如何预防掉头发?
  • 对于让你接手一个你觉得很烂的老项目,你该怎么办?
  • 对于 5G 的到来,你是怎么看的?说说你的想法
  • 说说你对浏览器的关键渲染路径的理解
  • 说说你对域名收敛和域名发散的理解?分别在什么场景下使用?
  • 网站被劫持植入广告该怎么办?如何防止?
  • 和你的上级领导意见不一致时你该怎么办?
  • 有用过本地存储吗?有什么限制?有没有考虑过超出了限制怎么办?
  • 说说你对 CDN 的理解,使用过程中有没有遇到过问题?
  • 你写文档一般用什么工具?Markdown 有用过吗?
  • 说说你对 http、https 的理解
  • 你有遇到过字体侵权的事吗?如何解决?
  • 最近 996 一词很火,谈谈你对 996 的看法
  • 如果 HR 说要做背调,还要你给出近三个月的银行流水,你该怎么办?
  • 说说你对本项目的看法及建议
  • 从你的角度上来讲,你觉得如何管理前端团队?
  • 说说你对 http、https、http2 的理解
  • 最近在学什么?能谈谈你未来 3,5 年给自己的规划吗?
  • 你现在在团队是什么角色,有起到了什么显著的作用吗?
  • 你有自己的博客吗?平时自己有写一些技术文章吗?
  • 说说你对 NodeJs 的理解及用途
  • 公钥加密和私钥加密是什么?
  • 你知道网页三剑客指的是什么吗?你有用过 Dreamwear 吗?
  • 如果让你快速使用一门你不熟悉的新技术,你该怎么办?
  • 对于前端安全,你了解多少?说说你对 XSS 和 CSRF 的理解
  • 谈一谈你知道的前端性能优化方案有哪些?
  • 你了解什么是技术债务吗?
  • 你对全栈工程师的理解是什么?
  • 你在上一家公司工作流程是怎么样的,如何与其他人协作的?是怎样跨部门合作的?
  • 对于有压力时,你是怎么抗压的?
  • 解释下 CRLF 是什么?
  • 在工作中能让你最有成就感的是什么?并介绍下你最得意的作品吧
  • 在浏览器中输入 url 到页面显示出来的过程发生了什么?
  • 你为什么离职呢?
  • 你对 Git 的 branch 及工作流的理解是什么?
  • 说说你工作中遇到过比较难的技术问题是什么?是如何解决的?
  • 你经历过老板要求兼容 IE 吗?IE 几?有什么感悟?
  • 说说一件或几件(介绍下除了工作外)你觉得能为你面试加分的事
  • 前端工程师这个职位你是怎么样理解的?聊聊它的前景?
  • 来说说你对重绘和重排的理解,以及如何优化?
  • 你会手写原生 js 代码吗?
  • 最近都流行些什么?你经常会浏览哪些网站?
  • 你如何看待团建的?你们团建一般都怎么实施?
  • 说说你对 SVN 和 GIT 的理解和区别
  • 你在的公司有没有做代码审查(CodeReview)?如果有是怎么做的?如果没有你觉得应该怎么做才更好?
  • 对于加班你是怎么看的?
  • 你最喜欢用哪些编辑器?喜欢它的理由是什么?
  • http 都有哪些状态码?
  • 网页应用从服务器主动推送到客户端有那些方式?

交流讨论

项目地址:https://github.com/haizlin/fe…

正文完
 0