前端总结
2022-06-17 15:21:59 1 举报AI智能生成
持续更新，收集前端相关技术栈
作者其他创作
大纲/内容
同域名下最大并发请求数量
浏览器
CDN
懒加载
节流与防抖
重绘与回流
优化loader
happypack
DllPlugin
代码压缩
提取代码
其他
打包速度优化
分屏加载
虚拟dom
打包压缩
雪碧图
图片优化
路由按需
资源按需，js库或者静态文件
按需加载
Scope Hoisting
Tree Shaking
js分包加载
css分包加载（抽离css文件）
打包体积优化
Webpack优化
性能优化
promise.then
promise.all
promise.race
手写promise
工厂模式
构造函数模式
原型链模式
混合模式（构造函数和原型链）
创建对象的方式
防抖/节流
手写深拷贝、浅拷贝
手写call、apply、bind
函数柯里化实现
实现ajax
用promise封装ajax
限制N个并发数
并发10个相同请求，控制一次一个
并发数问题
JavaScript基础
不可访问区间
双指针
扁平化对象解析
扁平化数组解析1
递归、循环
数据处理
去重
排序
搜索
扁平化数组2.flat
数组
增
删
改
查
合并
反转
算法
链表
DLR--前序遍历
LDR--中序遍历
LRD--后序遍历
leetcode 102
层序遍历
遍历方法
广度优先搜索、回溯
深度优先搜索、回溯
二叉树
算法结构
排序算法
二分搜索
二插搜索树
搜索算法
手写代码
nodejs
基本概念
define-plugin
html-webpack-plugin
uglifyjs-webpack-plugin
wbpack-parallel-uglify-plugin
webpack-bundle-analyzer
mini-css-extract-plugin
常见plugin
file-loader
url-loader
source-map-loader
image-loader
babel-loader
css-loader
style-loader
eslint-loader
常见loader
loader和plugin
热更新/替换（Hot Module Replacement）
webpack
TsLint/Eslint/CommitLint/Prettier
CodeReview
代码规范
组件文档
脚手架文档
技术规范文档
文档沉淀
开发文档
taro
NutUI
UI框架
小程序
微前端
1.宏任务和微任务
2.set和map、object的区别
3.apply、call、bind区别
退出循环，继续下一次循环
for of for in区别
map forEach区别
for循环相关
基本知识
数据类型
原型
作用域链
class语法
ES6
异步的实现方式
setTimeout、Promise、async/await的区别
对promise理解
promise基本用法
promise.all和promise.race的区别
手写实现方案
Promise
await和promise的优势
如何捕获异常
await
1.防抖和节流
并发和并行的区别
什么是回调函数？回调函数有什么缺点？如何解决回调地狱的问题
setTimeout、setInterval、requestAimationFrame各有什么特点
执行顺序
代码面试题
异步
面向对象
CJS
AMD
UMD
ESM
模块加载
javascript
语法
选择器优先级
继承&权重
1.宽高比50%，自适应垂直居中布局
2.清除浮动的方法
3.垂直居中布局实现方式有哪些
4.实现两栏布局（左侧固定 + 右侧自适应布局）
移动端布局(Flexible/vw/rem) Responsive design (Media) Flexbox Grids Floats Column layout
布局
概念
flex: 1代表什么
Flex
盒模型
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
css
元素
DOM Tree
shadow DOM
DOM
BOM
HTML/XML
语义化
解析
Repaint
Reflow
Rendering
Web Worker
PWA
Session Storage
Local Storage
Cookie
IndexedDB
Web SQL
Web Storage
Canvas
SVG
URL
XMLHttpRequest
Fetch
CORS
网络
Web Components
Accessibilility
SEO
Web Messaging
HTML(5)
VueUse
plugin
Vue3
vue2 v-model原理，为啥不是死循环
computed和watch的区别
sevlete solid.js 编译时解决响应问题
vue如何收集依赖
源码解析
Vue
vdom 渲染和 jsx 编译
fiber树结构
vDom和fiber
手写简易版fiber
Fiber
1.setState是同步还是异步?是微任务还是宏任务？
2.状态组件和无状态组件使用场景？
3.为什么React并不推荐优先考虑使用Context？
class组件
4.实现自定义钩子函数
实时获取useState
function组件
面试题
React
什么是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）
新人培养培训计划
例会
团队建设
PC
mobile/wechat
前端脚手架
rollup
parcel
打包工具
antd/antd-mobile
@tms/
团队自研@vulcan
物料库
构建部署（构建流程/CDN/分包...）
工程化&组件化
前端总结
0 条评论
回复 删除
下一页
