每天 30 秒系列之前端面试

本贴最后更新于 1463 天前,其中的信息可能已经东海扬尘

每天 30 秒系列之前端面试

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

HTML

CSS

JavaScript

React

Node

Security

返回总目录

每天 30 秒系列

部分译自

30 Seconds of interviews

  • 前端

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

    247 引用 • 1346 回帖 • 1 关注
  • 面试

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

    324 引用 • 1395 回帖 • 1 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 383 回帖 • 10 关注
105 引用
['1', '7', '11'].map(parseInt) 的输出结果是? 在 React 组件类中如何保证 `this` 为正确的上下文? 什么是大 O 符号? 静态方法和实例方法的区别 什么是跨站点脚本攻击(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 比率

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • Vanessa

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

  • 其他回帖
  • ZhijianZhang

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

    1 回复
  • 88250

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

  • nobt

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

    1 回复
  • 查看全部回帖