前端总结
2022-06-17 15:21:59 1 举报
AI智能生成
持续更新,收集前端相关技术栈
作者其他创作
大纲/内容
性能优化
浏览器
同域名下最大并发请求数量
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各有什么特点
代码面试题
执行顺序
面向对象
模块加载
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
shadow DOM
BOM
语义化
HTML/XML
Rendering
解析
Repaint
Reflow
Web Worker
PWA
Web Storage
Session Storage
Local Storage
Cookie
IndexedDB
Web SQL
Canvas
SVG
网络
URL
XMLHttpRequest
Fetch
CDN
CORS
Web Components
Accessibilility
SEO
Web Messaging
Vue
Vue3
plugin
VueUse
vue2 v-model原理,为啥不是死循环
computed和watch的区别
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)
新人培养培训计划
例会
工程化&组件化
前端脚手架
PC
mobile/wechat
微前端
打包工具
webpack
rollup
parcel
物料库
antd/antd-mobile
@tms/
团队自研@vulcan
构建部署(构建流程/CDN/分包...)
0 条评论
下一页