[链接] 精选常见面试题,帮助您准备下一次面试 HTML [链接] [链接] [链接] [链接] [链接] [链接] HTML 规范和浏览器实现存在什么区别? XHTML 和 HTML 有什么不同? rel='noopener' 应在什么场景下使用,为什么? 什么是 HTML5 存储?解释一下 localStorage ..

每天 30 秒系列之前端面试

每天 30 秒系列之前端面试

精选常见面试题,帮助您准备下一次面试

HTML

CSS

JavaScript

React

Node

Security

返回总目录

每天 30 秒系列

译自

30 Seconds of interviews

  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    184 引用 • 1260 回帖 • 1 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    223 引用 • 1231 回帖 • 344 关注
  • 30Seconds

    精选的常见前端问题集,帮助您踏踏实实走好每一步。

    英文原文请看 30-seconds

    270 引用 • 284 回帖 • 1 关注
102 引用
  静态方法和实例方法的区别
  什么是跨站点脚本攻击(XSS)?应如何阻止他?
  什么是 Node.js 中的事件循环?
  如何避免地狱回调?
  什么是 REST?
  NodeJS 回调的错误处理方式及其优点
  介绍 React 中的 Refs 及其使用场景?
  React 中如何使用 prop 检查?
  fragments 是什么?
  什么是 React 中的错误边界?
  callback refs 和 findDOMNode() 之间哪一个更好?
  如何将参数传递给事件处理或回调函数?
  为什么 React 要使用 className 来代替 HTML 中的 class?
  什么是无状态组件
  React 中如何在 JSX 树中写注释
  React 中的元素和组件有什么不同?
  状态提升在 React 中的作用
  React 中什么是有状态的组件?
  `setState` 使用回调函数作为参数的目的是什么?
  key 是什么?列表中使用时有什么优点?
  React 中的 context 是什么?
  什么是 `children` 属性?
  React 生命周期的方法有哪些?
  React 组件生命周期有哪些不同的阶段?
  什么是高阶组件?
  React 中的 portals 是什么?
  参数和 arguments 有什么区别
  `use strict` 的作用
  React 和 HTML 的事件处理有什么不同?
  虚拟 DOM 是什么,库或者框架中为什么要使用他?
  React, Vue, Angular, Hyperapp 等 JavaScript UI 库或框架的目的是什么?
  解释 `this` 关键字并介绍他是如何工作的?
  解释递归及其使用场景
  什么是纯函数?
  复合函数
  JavaScript 中唯一自己不等于自己的值是谁?
  对比 Mutable 和 Immutable 及 Mutating 和 Non-Mutating
  Memoization 是什么?
  什么是函数式编程?
  命令式编程和声明式编程有什么区别?
  什么是事件驱动编程?
  什么是闭包?请给出一个有用的示例
  什么是 JavaScript 数据类型?
  `var`、`let`、`const` 和没有关键字的声明有什么区别?
  typeof
  JavaScript 中的短路计算是什么?
  在 JavaScript 中同步和异步代码有什么区别?
  勤劳创业的 2018
  JavaScript 是否需要分号?
  ASI (automatic semicolon insertion) - 自动插入分号
  原始值和引用值的比较
  原型继承和经典继承有什么区别?
  什么是 Promises?
  JavaScript 通过值还是引用传递?
  列举几种创建对象的方法,并说明每种方法的使用场景
  `null` 和 `undefined` 有什么区别?
  解释 MIME type 及其作用
  使用星号替换字符串且显示后四位
  什么是内联条件表达式?
  词法作用域和动态作用域的区别?
  立即执行匿名函数的原因是什么?
  提升在 JavaScript 中是如何工作的?
  变量提升
  JavaScript 的表达式和语句有什么区别?
  数组方法 `map()` 和 `forEach()` 有什么区别?
  `0.1 + 0.2 === 0.3` 的计算结果是什么?
  生成一个包含 n 项的斐波那契数列
  JavaScript 中的真值和假值是什么?
  介绍事件委托及其优点,并说明如何使用?
  CORS 是什么?
  JavaScript 中如何对比两个对象?
  如何克隆一个 JavaScript 对象?
  请举例说明什么是回调?
  实现一个功能和 `Function.prototype.bind` 相同的函数
  根据食谱和已有食材计算可烹饪的最大次数
  `Promise` 有哪些状态?
  后置递增 `i++` 和前置递增 `++i` 操作有什么区别?
  等于操作符 `==` 和 `===` 有什么区别
  `+` 和 `~` 选择器有什么区别?
  CSS 优先级是如何计算的?
  图片标签中的 alt 有什么作用?
  CSS sprites 的优点及如何使用?
  `em` 和 `rem` 有什么区别?
  focus 有什么效果?应该怎么正确处理他们?
  每天 30 秒系列之前端面试
  描述 CSS 盒子模型布局并简要描述其每一个部分
  简述一下 `@media` 的媒体类型
  清缓存的目的是什么,如何实现?
  HTML 中可以包含多个 `<header>` 或者 `<footer>` 元素吗?
  简单描述 HTML5 语义元素中 `<header>`、`<article>`、`<section>`、`<footer>` 的正确用法
  简述 `<script>` 标签中的 defer 和 async 属性
  什么是 DOM?
  HTML 规范和浏览器实现存在什么区别?
  XHTML 和 HTML 有什么不同?
  `rel="noopener"` 应在什么场景下使用,为什么?
  什么是 HTML5 存储?解释一下 `localStorage` 和 `sessionStorage`
  介绍一下 CSS 的 BEM
  CSS 预处理器有什么优势?
  使用 flexbox,创建一个 3 列布局,其中每列占据容器的 col-{n} / 12 比率
30 回帖   
请输入回帖内容...
  • wuhongxu  

    v 大的史诗级大作准备开始了吗

    1 回复
  • Vanessa        

    想看下自己能坚持多久

  • jeffjade  

    火钳刘明。

  • 574716845  

    hhh 加油吧

  • PeterChu  

    虽然我不是专业前端,但是我也要天天来打卡!😝

  • Eddie

    标题暗示 D 时间短!

    1 回复
  • Vanessa        

    你看一段需要几秒

    1 回复
  • ZhijianZhang  

    点击“查看更多回帖”之后, 如果这时候点回退,貌似回到的是点击“查看更多回帖”之前的页面,还是同一篇帖子。 貌似是全部评论的帖子与部分帖子的链接是不一样的,不过感觉这里的体验怪怪的。。。😂

    1 回复
  • Vanessa        

    嗯。这样的唯一优点是回贴的 URL 是唯一的,要不随着页码或排序方式的变化,以前的回贴链接可能无法进行回贴的定位

  • Eddie      

  • krbtgt  

    光看标题还以为开车呢trollface

    2 回复
  • Vanessa        

    请系好安全带,准备出发哟

  • Roger  

    支持

  • guanyuhao        

    老司机 浪花一朵朵

  • PeterChu  

    到 CSS 了,讲重点了,快搬个板凳坐好咯好好听讲octocat
    嘻嘻,想听听关于定位、行内行外元素的高宽、动画这些知识点

    1 回复
  • Vanessa        

    CSS 在这个位置,现在这个只是面试宝典。估计你还要等好久了

  • PeterChu  

    😋 没事,那我慢慢看。之前搞我们网站时候碰见好些这方面的问题,查过资料,但是总感觉没用系统掌握,所以想多看看不同方面的这块的讲解,增加记忆和理解。

  • jditlee API  

    30s...

  • 574716845  

    JavaScript Matrix

  • nobt  

    我已系好安全带

  • nobt  

    为啥不让 D 哥也弄个 Java 版的每天 30 秒,哈哈哈

    1 回复
  • DASHU  

    这是要好好复习,明年好好找工作的节奏啊。。。

    1 回复
  • DASHU        

    因为他已经投靠 Go 语言了

    1 回复
  • Vanessa        

    这个明年完了都复习不玩呀

  • pangwen  

    留名,虽然暂时不想弄前端的东西 😄

    1 回复
  • Vanessa        

    可以先收藏或关注

  • nobt        

    D 的 Go 只是拓展吧,毕竟 B3log 的 sym/solo/latke 等服务或者组成离不开 Java

    1 回复
  • 88250      

    也离不开 golang,现在黑客派依赖的一些服务就是用 golang 写的,还有部分是 node。

  • wuhongxu  

    image.png

    emmmmmmm

    1 回复
  • Vanessa        

    呃。看来可以取消关注我了

请输入回帖内容 ...