前端技术图谱
2021-11-11 17:46:27 46 举报
AI智能生成
登录查看完整内容
前端技术图
作者其他创作
大纲/内容
存储型
反射型
文档型
千万不要信任用户的输入
CSP
HTTPOnly
防范措施
XSS
自动发送GET请求
自动发送POST请求
诱导点击发送GET请求
Cookie的SameSite属性
验证来源站点
CSRF Token
CSRF
浏览器安全
不需要发请求
Expires
HTTP1.0
Cache Control
HTTP1.1
字段
强缓存
Last Modified
Etag
协商缓存
Serivce Worker
Memory Cache
Disk Cache
Push Cache
缓存的位置
浏览器缓存
浏览器事件机制
Cookie
localStorage
sessionStorage
WebStorage
IndexedDB
浏览器本地存储
V8垃圾回收
跨域问题
浏览器
贪心
动态规划
回溯
二分
排序
二叉树
位运算
双指针
栈和队列
哈希表
字符串
链表
滑动窗口
算法
express
koa
fs
模块化
path
中间件
npm
Node.js
登录的流程
获取用户的微信账号信息
uniapp
原生微信小程序开发
微信小程序
Object.defineProperty
Vue2
Proxy
Reflact
Vue3
Vue的双向绑定
computed和watch的区别
filter的作用
保存当前页面的状态
常见的事件修饰符以及作用
v-if和v-show的区别
为什么data是一个函数不是对象
Vue.nextTick()
Vue.set和Vue.delete
Vue的数组的响应式原理
Vue的响应式渲染
Vue.directive
Vue的单向数据流
Vue基础
懒加载实现
hash和history的区别
$route和$router的区别
VueRouter的路由卫士
路由的跳转
动态路由的定义以及传参
VueRouter
Vuex的工作流程图
Vuex的各种属性
action和mutation的区别
Vuex和localStorage的区别
mutation为何不能处理异步事件
批量使用Vuex的getter
重复使用Vuex的mutation
Vuex
props & $emit
$parent & $children
$atrrs & $listeners
组件间通信
递归子组件
组件
生命周期的各个过程以及所做到事
子组件和父组件的生命周期顺序
生命周期
Diff算法的流程
为什么不能用数组的下标做为key
Diff算法
性能优化
Compostion API
Vue3的响应式原理
Vue3的ref属性
Vue3.0
Vue
webpack的基础架构
webpack的构建流程
常见的Loader
常见的Plugin
Loader和Plugin的区别
自己开发Loader,Plugin
HMR
source map
babel原理
优化webpack的构建速度
webpack
HTTP报文格式
1XX
2XX
3XX
4XX
HTTP的状态码
GET
POST
DELETE
PUT
OPTION
HTTP的方法
HTTP2.0
HTTP不同版本的区别
HTTP优点和缺点
HTTP缓存
HTTP
HTTP和HTTPS的区别
HTTPS握手过程
HTTPS
TCP和UDP的区别
TCP报文首部
三次握手
四次挥手
TCP的拥塞控制
TCP流量控制
TCP/IP
根DNS
顶级DNS
权威DNS
域名的IP地址寻找过程
DNS
计算机网络
Vite
Number
String
Null
Undefined
Symbol
Object
Boolean
BigInt
基本的数据类型
typeof
instanceof
constructor
Object.prototype.toString.call
类型的判断
闭包
this
垃圾回收机制
作用域
普通函数
箭头函数
call
bind
apply
函数
push
pop
shift
unshift
splice
sort
改变原数组的方法
concat
map
filter
reduce
slice
forEach
every
some
indexOf
join
常用操作
常见的方法
数组
原型和原型链
原型链继承
构造函数继承
组合式继承
原型式继承
寄生式继承
寄生组合继承
继承
new 中间的过程
手写实现new
new
class
类
同步代码
异步代码
JavaScript的运行机制
rest参数
拓展运算符
数组和对象的解构
模板字符串
ES6
setTimeout
setInterval
requestAnimationFrame
Promise
异步编程
DOM
BOM
JS前端面试题.md
JavaScript
!important
行内样式
ID选择器
类,伪类和属性选择器
元素和伪元素
通配符
css选择器(按优先级排序)
width=内容宽度
height=内容高度
标准盒模型
width=border+padding+内容宽度
height=border+padding+内容高度
IE盒模型
盒模型
动画效果
display
CSS3
CSS基础
px
%
布局单位
两栏布局
三栏布局
绝对定位+负margin
绝对定位+left+right+top+bottom+margin
flex布局
已知宽高
绝对定位+tranform
不定宽高
水平垂直居中
flex-direction
justify-content
align-items
Flex布局
Grid布局
响应式布局
布局
添加额外标签,设置其样式clear:both
父级元素添加overflow:hidden,或者设置高度
建立伪元素,设置clear:both
清除浮动
外边距重叠
BFC
定位和浮动
单行,多行文本溢出处理
实现一个三角形
判断元素是否可视
实际案例
CSS.md
CSS
行内元素
块级元素
HTML5
script标签的async和defer
HTML
同源策略
JSONP
在允许的范围中,服务器就会返回Access-Control-Allow-Origin他表示接受那些域名的请求
简单请求
预检成功
预检失败
非简单请求
CORS
Node正向代理
Nginx反向代理
跨域请求
前端
0 条评论
回复 删除
下一页