首页  思维导图  详情



 



前端总结

2022-06-17 15:21:59   1  举报





AI智能生成

持续更新，收集前端相关技术栈

前端知识

vue

react

javascript

面试

模板推荐

作者其他创作

大纲/内容

性能优化

浏览器

同域名下最大并发请求数量

CDN

懒加载

节流与防抖

重绘与回流

图片优化

打包速度优化

优化loader

happypack

DllPlugin

代码压缩

提取代码

其他

分屏加载

虚拟dom

打包压缩

雪碧图

Webpack优化

打包体积优化

按需加载

路由按需

资源按需，js库或者静态文件

Scope Hoisting

Tree Shaking

js分包加载

css分包加载（抽离css文件）

手写代码

JavaScript基础

手写promise

promise.then

promise.all

promise.race

创建对象的方式

工厂模式

构造函数模式

原型链模式

混合模式（构造函数和原型链）

防抖/节流

手写深拷贝、浅拷贝

手写call、apply、bind

函数柯里化实现

实现ajax

用promise封装ajax

并发数问题

限制N个并发数

并发10个相同请求，控制一次一个

数据处理

双指针

不可访问区间

递归、循环

扁平化对象解析

扁平化数组解析1

算法结构

数组

去重

排序

搜索

扁平化数组2.flat

链表

增

删

改

查

算法

合并

反转

排序

二叉树

遍历方法

DLR--前序遍历

LDR--中序遍历

LRD--后序遍历

层序遍历

广度优先搜索、回溯

深度优先搜索、回溯

排序算法

搜索算法

二分搜索

二插搜索树

nodejs

webpack

基本概念

loader和plugin

常见plugin

define-plugin

html-webpack-plugin

uglifyjs-webpack-plugin

wbpack-parallel-uglify-plugin

webpack-bundle-analyzer

mini-css-extract-plugin

常见loader

file-loader

url-loader

source-map-loader

image-loader

babel-loader

css-loader

style-loader

eslint-loader

热更新/替换（Hot Module Replacement）

代码规范

TsLint/Eslint/CommitLint/Prettier

CodeReview

文档沉淀

组件文档

脚手架文档

技术规范文档

小程序

开发文档

UI框架

taro

NutUI

微前端

javascript

基本知识

1.宏任务和微任务

2.set和map、object的区别

3.apply、call、bind区别

for循环相关

退出循环，继续下一次循环

for of for in区别

map forEach区别

数据类型

原型

数据类型

作用域链

ES6

class语法

异步

异步的实现方式

setTimeout、Promise、async/await的区别

Promise

对promise理解

promise基本用法

promise.all和promise.race的区别

手写实现方案

await

await和promise的优势

如何捕获异常

1.防抖和节流

并发和并行的区别

什么是回调函数？回调函数有什么缺点？如何解决回调地狱的问题

setTimeout、setInterval、requestAimationFrame各有什么特点

代码面试题

执行顺序

面向对象

模块加载<br>

CJS

AMD

UMD

ESM

css

语法

继承&权重

选择器优先级

布局

1.宽高比50%，自适应垂直居中布局

2.清除浮动的方法

3.垂直居中布局实现方式有哪些

4.实现两栏布局（左侧固定 + 右侧自适应布局）

移动端布局(Flexible/vw/rem) Responsive design (Media) Flexbox Grids Floats Column layout

Flex

概念

flex: 1代表什么

盒模型

CSSDOM

样式隔离

1.vue scoped原理

2.css module

3.css shadow

4.css in js

优化

检查样式是否性能

Stylelint

CSS触发器

cssnano

Critical

其他

CSS中哪些属性会引起GPU渲染，会增加耗电吗

Sass Less Stylus CSS Module PostCSS BEM/OOCSS/SMACSS

HTML(5)

元素

DOM

DOM Tree<br>

shadow DOM

BOM

语义化

HTML/XML

Rendering

解析

Repaint

Reflow

Web Worker

PWA

Web Storage

Session Storage

Local Storage

IndexedDB

Web SQL

Canvas

SVG

网络

URL

XMLHttpRequest

Fetch

CDN

CORS

Web Components

Accessibilility

SEO

Web Messaging

Vue

plugin

VueUse

vue2 v-model原理，为啥不是死循环

computed和watch的区别<br>

sevlete solid.js 编译时解决响应问题

vue如何收集依赖

源码解析

React

vdom 渲染和 jsx 编译

Fiber

vDom和fiber

fiber树结构

手写简易版fiber

class组件

1.setState是同步还是异步?是微任务还是宏任务？

2.状态组件和无状态组件使用场景？

3.为什么React并不推荐优先考虑使用Context？

function组件

4.实现自定义钩子函数

实时获取useState

浏览器原理

安全

什么是XSS攻击？

如何防御XSS

js进程、GUI渲染进程和事件队列

渲染原理

1.输入url发生什么

script标签deffer/async区别

BFC(block formatting contexts)

css解析顺序

重绘与回流

事件循环

消息队列

异步编程

内存管理

垃圾回收

缓存机制

缓存概念，强缓存若缓存如何在header设置

同源策略

协议

http1.0、2.0、3.0区别以及TCP和UDP协议

团队建设

性能调优

Webpack5/ESBuild

技术分享

推动执行

跨（端/业务）工作（TODO）

新人培养培训计划

例会

工程化&组件化

前端脚手架

mobile/wechat

微前端

打包工具

webpack

rollup

parcel

物料库

antd/antd-mobile

@tms/

团队自研@vulcan

构建部署（构建流程/CDN/分包...）

 Collect

Get Started

前端

 Collect

Get Started

售罄商品前端请求逻辑

 Collect

Get Started

发票前端

 Collect

Get Started

前端





0 条评论

下一页