一天时间系列文章是博主精心整理的面试热点问题和难点问题，吸收了大量的技术博客与面试文章，总结多年的面试经历，带你快速并高效地审视前端面试知识。直击技术痛点，主动出击，精密打击，这才是面试拿到高薪的秘诀！
- 本系列订阅 一天时间迅速准备前端面试（高薪精品）–欢迎订阅
现在我们就马上开始吧！
答案在文末
- JavaScript 是一门单线程的静态类型语言（单选题）
- 正确
- 错误
- 在 JavaScript 中下面哪种类型的值是不可变的（immutable）（单选题）
- Object
- Symbol
- Array
- Date
- 在 JavaScript 中以下哪种方式不能用来改变 this 指向（单选题）
- call
- apply
- bind
- eval
- 从下列选项中选出你认为最适合解决需要异步处理的选项（单选题）
- Callback
- Promise
- Proxy
- Async/Await
- 下面哪个方法最适合判断数组 [1, 2, 3, …] 中是否包含数字 9？（单选题）
- indexOf
- includes
- some
- filter
- 如果希望在关闭浏览器 Tab 签时可以清空本地存储的数据，下面哪种方式更合适？（单选题）
- sessionStorage
- localStorage
- localStorage
- 浏览器中的Cookie 只能由服务端写入，并且每次网络请求会自动携带Cookie（单选题）
- 正确
- 错误
- 在CSS 盒模型中，下面哪个选项会把你设置的 border 和 padding 的值包含在 width 内？（单选题）
- box-sizing: revert;
- box-sizing: unset;
- box-sizing: content-box;
- box-sizing: border-box;
- 如果想要在水平排列的 flex 布局中让子元素垂直居中对齐，应该使用的样式属性是：（单选题）
- justify-content: center
- align-items: center
- vertical-align: middle
- filter
- 在下面的选项中选出行内元素：（多选题）
- span
- img
- button
- select
- 下面的哪项操作可能不会导致页面的回流（Reflow）？ （单选题）
- 在 DOM 中插入/移除或者修改可见的DOM元素
- 在CSS 将某个元素的visibility 属性进行修改
- 用JavaScript 动态修改某个可见元素的尺寸
- CSS3 animations and transitions
- 按照 RESTful 的规范，修改文章的显示/隐藏应该使用哪一种路由 （单选题）
- Post /articles/{id}/hidden
- Put /articles/{id}
- Post /articles/{id}
- Put /articles/{id}/hidden
- React 的 useEffect(callback, deps) 在省略 deps 参数的情况下的行为是： （单选题）
- 每次渲染都会执行 callback
- 只会在 mount 时执行一次 callback
- 会在 callback 中使用到的 state 改变时执行 callback
- 下面哪个选型 React 组件的 return type 是无效的？（单选题）
- const MyComponent = () => Promise.resolve()
- const MyComponent = () => []
- const MyComponent = () => false
- 上述的返回类型均有效
- 下面对 React 中 Props 描述不正确的是？ （单选题）
- 只读属性
- 子组件可以更改父组件的 Props
- 可用于父子组件通信
- 函数组件也拥有 Props
- 选出你认为可以解决跨域方式 （多选题）
- 服务端设置 Access-Control-Allow-Origin: hostname
- 在Nginx 中进行配置
- 在浏览器中进行设置
- 开发环境中配置Proxy
- 如果一个包遵循 Semantic Version，下列哪些版本升级大概率不会出问题 （多选题）
- 1.0.0 - 1.0.1
- 1.0.0 - 1.1.0
- 1.0.0 - 1.1.1
- 1.0.0 - 2.0.0
- HTTP 协议包括如下哪些请求 Methods （多选题）
- GET
- POST
- OPTIONS
- DELETE
- 没有对用户输入进行转义可能导致 CSRF 攻击 （单选题）
- 正确
- 错误
- What are the differences between variables created using let, var or const? （多选题）
- var variables can be updated and re-declared within its scope
- let variables can be updated but not re-declared
- const variables can neither be updated nor re-declared
- They are all hoisted to the top of their scope. But while var variables are initialized with undefined, let and const variables are not initialized.
后面的问题没有固定答案，只用于了解你的开发习惯
- 在 Web 开发的项目中，你最常用的 IDE/编辑器 （单选题）
- Visual Studio Code
- 子组件可以更改父组件的 Props
- Atom 或 Sublime
- 其它
- 下列操作系统你最熟练的是 （单选题）
- Windows
- macOS
- Linux
- 在项目中使用过的框架 （多选题）
- React
- Vue
- Angular 2+
- AngularJS
- 其它
- 是否使用（了解）过 Git flow （单选题 ）
- 是
- 否
- 你正在开发中的分支和主分支出现冲突时 （多选题）
- 冲突的出现是团队协作不好，需要组长协调好团队内部之间的工作
- 通常是团队中水平较低的开发人员导致的，需要帮助他们提高Git水平
- 出现冲突时需要和相关的开发人员确认解决方案
- 在自己的分支上执行 rebase 命令以减少未来的冲突
- 目前还没有遇到过
公众号 前端小绿书 回复关键字 答案，即可查看答案哦