Skip to content

Main Navigation博文笔记真题反馈 Docusaurus归档

主题

Sidebar Navigation

HTML/CSS

如何理解 HTML 语义化？

块状元素 & 内联元素

盒模型宽度计算

margin 纵向重叠问题

margin 负值问题

BFC 理解与应用

float 布局

flex 布局

absolute 和 relative 定位

居中对齐的实现方式

line-height 如何继承

rem 是什么

响应式布局的常用方案

alpha(rgba) 通道和 opacity 的区别

JS/TS基础

JS 值类型和引用类型

手写 JS 深拷贝

何时使用 === 何时使用 ==？

如何用 class 实现继承?

如何理解 JS 原型(隐式原型和显示原型)三座大山之一

instanceof 是基于原型链实现的

手写简易 jQuery 考虑插件和扩展性

什么是作用域?什么是自由变量?

什么是闭包?闭包会用在哪里?（三座大山之二）

this 有几种赋值情况，如何取值？

手写 bind 函数

同步和异步的区别是什么？（三座大山之三）

手写用 Promise 加载一张图片

何为变量提升？

手写深度比较 isEqual

split 和 join 的区别

数组的 pop push unshift shift 分别是什么

数组 slice 和 splice 的区别

[10,20,30].map(parseInt)返回的结果是什么？

ajax 请求 get 和 post 的区别

函数 call 和 apply 的区别

事件代理（委托）是什么？

闭包是什么，有什么特性？有什么负面影响？

如何阻止事件冒泡和默认行为？

查找，添加，删除，移动 DOM 节点的方法？

如何减少 DOM 操作？

解释 jsonp 原理，为何不是真的 ajax ?

document load 和 ready 的区别

== 和 === 的区别

new Object() 和 Object.create 的区别

函数声明和函数表达式的区别

关于 this 的场景题

判断字符串以字母开头，后面字母数字下划线，长度 6-30

关于作用域和自由变量的场景题

手写字符串 trim 方法，保证浏览器的兼容性

如何获取多个数字中的最大值

如何用 JS 实现继承

如何捕获 JS 程序中的异常？

什么是 JSON ?

获取当前页面 url 参数

将 url 参数解析为 JS 对象

手写数组 flatern，考虑多层级

数组去重，考虑计算效率

手写深拷贝，注意 Object.assign 不是深拷贝

介绍一下 RAF（requestAnimationFrame）

前端性能如何优化？一般从哪几个方面考虑？

Map 和 Set-有序和无序

WeakMap 和 WeakSet

数组求和 -Array reduce

异步

请描述 event loop（事件循环/事件轮询）的机制，可画图

宏任务 macroTask 和微任务 microTask

Promise 有哪三种状态？如何变化？

promise 关于 then 和 catch 的链接问题

async/await 是语法糖，异步的本质还是回调函数

promise 和 setTimeout 的顺序

async/await 的顺序问题

async/await 语法问题

手写 Promise

网络

简述 https 的工作流程

http 常见的状态码有哪些？

http 常见的 header 有哪些？

什么是 Restful API

描述一下 http 的缓存机制

https 加密方式和过程解析

浏览器

DOM 是哪种数据结构

DOM 操作的常用 API

attr 和 property 的区别

一次性插入多个 DOM 节点，考虑性能

如何识别浏览器的类型

分析拆解 url 各个部分

编写一个通用的事件监听函数

描述事件冒泡的流程

无限下拉列表中通过事件代理监听子元素的点击

手写一个简易的 ajax

跨域的常用实现方式

描述 cookie localStorage sessionStorage 区别

框架

v-show 和 v-if 的区别

为何在 v-for 中用 key

描述 Vue 组件生命周期（包括父子组件）

Vue 组件如何通讯（常见）

描述组件渲染和更新的过程

双向数据绑定 v-model 的实现原理

对 MVVM 的理解

computed 有何特点

为何组件 data 必须是一个函数？

ajax 请求应该放在哪个生命周期

如何将组件所有 props 传递给子组件？

如何自己实现 v-model

多个组件有相同的逻辑，如何抽离？

何时要使用异步组件？

何时需要使用 keep-alive ？

何时需要使用 beforeDestory ?

什么是作用域插槽

Vuex 中 action 和 mutation 有何区别

Vue-router 常用的路由模式

如何配置 Vue-router 异步加载

请 vnode 描述一个 DOM 结构

监听 data 变化的核心 API 是什么

Vue 如何监听数组变化

请描述响应式原理

diff 算法的时间复杂度

简述 diff 算法过程

Vue 为何是异步渲染，$nextTick 何用？

Vue 常见性能优化方式

Vue2/Vue3 和 React 的区别

组件之间如何通讯

JSX 本质是什么

Context 是什么，如何应用？

shouldComponentUpdate 用途

redux 单项数据流

setState 场景题

什么是纯函数

React 组件生命周期

Ajax 应该放在哪个生命周期

渲染列表，为何使用 key

函数组件和 class 组件区别

什么是受控组件

何时使用异步组件

组件公共逻辑如何抽离

redux 如何进行异步请求

react-router 如何配置懒加载

PureComponent 有何区别

React 事件和 DOM 事件的区别

React 性能优化

React 和 Vue 的区别

Hooks 常见问题

编程

LeetCode：133. 克隆图

JavaScript 实现：最小堆类

LeetCode：43. 字符串相乘

LeetCode：43. 字符串相乘

LeetCode：347. 前 K 个高频元素

LeetCode：23. 合并K个排序链表

JavaScript 实现：冒泡排序

将一个数组旋转 k 步

LeetCode：20. 有效的括号

使用 JS 反转单向链表

使用两个栈实现队列

使用链表实现队列

用 JS 实现二分查找

找出一个数组中和为n的两个数

求二叉搜索树的第K小值

工程化

git push处于writing objects进度不变

Git 强制更新覆盖本地

常用的 git 命令

如何配置 webpack 和 babel

移动端 h5 如何抓包网络请求

前端用到的 linux 常用命令有哪些

从输入 url 到渲染出页面的整个过程

window.onload 和 DOMContentLoaded 的区别

前端性能优化有哪些方式

手写防抖 debounce

手写节流 throttle

常见的 web 前端攻击方式有哪些？

前端为何要打包和构建？

module chunk bundle 的区别

loader 和 plugin 的区别，常见有哪些？

babel 和 webpack 的区别

如何产出一个 lib

babel-polyfill 和 babel-runtime 的区别

webpack 如何实现懒加载

为何 Proxy 不能被 Polyfill ?

webpack 优化构建速度

webpack 优化产出代码

产品

TodoList 功能组件和状态设计

实现购物车功能设计

前端项目完整流程

页面导航

Table of Contents for current page

>
真题
>
前端性能如何优化？一般从哪几个方面考虑？

前端性能如何优化？一般从哪几个方面考虑？

回顾

原则：多使用内存，缓存，减少计算，减少网络请求
方向：加载页面，页面渲染，页面操作流畅度

https://lzwdot.com/issues/26438

最后更新于:

上一页介绍一下 RAF（requestAnimationFrame）

下一页Map 和 Set-有序和无序

基于 MIT 许可发布

Copyright © 2024-present Lzw.