美文网首页
前端面试知识点

前端面试知识点

作者: 玘瑾 | 来源:发表于2020-06-19 19:43 被阅读0次

HTTP

状态码、重定向有哪几种

301 永久重定向,302 暂时重定向

get与post请求区别

浏览器

从浏览器输入url回车到页面呈现,中间发生了什么

渲染机制、重绘、重排

cookie localStorage sessionStorage 区别

cookie 有过期时间,参与服务器通信,空间小4k,同源窗口共享

sessionStorage 有过期时间(页面关闭即销毁),不参与服务器通信,5M,不同窗口不共享

localStorage 没有过期时间,不参与服务器通信,5M,同源窗口共享

前端性能优化的方式

CSS

基础

盒模型

垂直居中,水平居中实现

左边固定,右边自适应的方法

flex布局

BFC

进阶

单位 rem em vh, vw 概念

响应式设计方案

Translation  animation 区别

JS

基础

foreach和map的区别

跨域解决方式

什么是作用域,闭包

进阶

js的继承,实现

防抖节流原理,手写实现

宏任务微任务,事件循环机制

宏任务包括:script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。

微任务包括: Promises, Object.observe, MutationObserver

promise原理,手写实现

Vue

生命周期函数

组件的通信方式

双向绑定实现原理

v-model的实现

nextTick的实现

React

状态(state)和属性(props)有何不同

State 是一种数据结构,用于组件挂载时所需数据的默认值。State 可能会随着时间的推移而发生突变,但多数时候是作为用户事件行为的结果。

Props(properties 的简写)则是组件的配置。props 由父组件传递给子组件,并且就子组件而言,props 是不可变的(immutable)。组件不能改变自身的 props,但是可以把其子组件的 props 放在一起(统一管理)。Props 也不仅仅是数据--回调函数也可以通过 props 传递

React diff的原理

把树形结构按照层级分解,只比较同级元素。

给列表结构的每个单元添加唯一的 key 属性,方便比较。

React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字)

合并操作,调用 component 的 setState 方法的时候, React 将其标记为 dirty.到每一个事件循环结束, React 检查所有标记 dirty 的 component 重新绘制.

选择性子树渲染。开发人员可以重写 shouldComponentUpdate 提高 diff 的性能

React的性能优化在哪个生命周期?它优化的原理是什么

shouldComponentUpdate 这个方法用来判断是否需要调用 render 方法重新描绘 dom。因为 dom 的描绘非常消耗性能,如果我们能在 shouldComponentUpdate 方法中能够写出更优化的 dom diff 算法,可以极大的提高性能

webpack

treeShaking优化

基于 ES6 的静态引用,tree shaking 通过扫描所有 ES6 的 export,找出被 import 的内容并添加到最终代码中。 webpack 的实现是把所有 import 标记为有使用/无使用两种,在后续压缩时进行区别处理

相关文章

  • 2018 前端面试准备

    前端面试常见问题按知识点分类整理 前端面试常考问题整理,按模块知识点分类,持续完善中... Front-end-D...

  • 分享一些前端的面试题、重要知识点等干货~~~

    分享一些前端的面试题、重要知识点等干货~~~ Github仓库地址: 关于前端学习的笔记 前端面试相关 JavaS...

  • 前端面试集锦(1)

    前端面试集锦(转载) 转载地址:前端开发面试题 以下皆为转载 前端开发知识点: 作为一名前端工程师,无论工作年头长...

  • 前端开发面试知识点大纲

    本文旨在加深对前端知识点的理解,资料来源于网络。 前端开发面试知识点大纲: 1.请你谈谈Cookie的弊端 coo...

  • 超全前端面试(全!全!全!!!)

    笔者通过平时面试总结以及面试别人常提的问题,结合自己认为非常重要的前端各技术栈的知识点,总结了这篇中高级前端面试。...

  • 最全前端开发面试问题及答案整理

    最全前端开发面试问题及答案整理 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、...

  • web面试汇总

    《前端面试常见问题按知识点分类整理》 《CSS 中布局终极方案》面试中经常遇到的面试题之一,居中布局,特来总结 《...

  • 前端开发面试知识点大纲

    史上最全 前端开发面试问题及答案整理 本文旨在加深对前端知识点的理解,资料来源于网络,由本人收集整理。 前端开发面...

  • 前端面试(一)

    前端面试的门槛越来越高,前端的知识点多而零散,前端框架层出不穷,怎么做才能全面的复习知识,怎么做才能掌握前端技能,...

  • 前端面试梳理(一):基础知识点

    前端面试梳理(一):基础知识点 原始类型 涉及面试题:基础数据类型有哪些?null是对象? 基础数据类型有哪些? ...

网友评论

      本文标题:前端面试知识点

      本文链接:https://www.haomeiwen.com/subject/olebxttx.html