既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
真实dom上ast生成,vdom是一个js对象,diff算法对比过程?更新dom触发render函数,通过diff算法,getter方法会被调用,setter通知wather组件实例,进行页面的重绘,回流。created声明周期dom没有生成,但是有实例的this,mounted函数可以获取真实dom。
key的作用作为唯一标识,来进行内容改变的时候,真实dom进行更新
为什么不能用inde作为key,做数据进行逆序增加,删除的时候会没必要的更新,或者进行输入类的dom的时候界面显示有问题
如果内容不改变,只是dom的顺序改变,vue将会怎么更新渲染?
vue是异步更新dom,按照一定的策略更新,什么策略?vue中的数据更新不是立即的,而是异步更新,意味着数据变化的所有事件会进入一个队列之中,wacther的多次触发,只会进入队列一次,然后在下一次是事件循环里面vue会进行队列的执行,并且刷新队列。
1.2异步方面,nexttick使用,整个事件循环的机制,过程
事件循环可以理解为js是单线程的,一次只能执行一个任务,当多个任务同时执行,会导致阻塞,把数据等计算过程较慢的进行异步队列,等主线程代码块执行完,再执行队列任务,再循环执行点击事件,以及后续的异步任务。
1.3数据传递方面,vuex,pinia区别
vuex中的state的作用,用于存放组件之间共享的数据。单一的状态树,可以传递给所有的父子组件。每个应用只有一个实例,vuex可以获取组件在任何状态下的快照。
vuex::mvvm架构,发布监听者的模式,state->getter()=>mutation(commit(‘xxx’))->action(dispatch({}))->改变state->view
pinia:state->getter->action 可以直接改变state. 更轻量化,简洁 storeToRefs进行数据结构
$patch 进行多个state同时修改
1.4vue实现按需加载路由或者组件
webpack中提供了require.ensure( )来实现按需加载
requrie.ensure([],()=>require(‘src’))
1.5data为什么是一个函数
保证函数是独立可复用的,每次实例化一个组件的时候,都是可以生成一个data对象的,相互之间不干扰。
1.6如何用vue-cli自定义组件
1,定义组件
2,import 导入组件,传递参数喝方法
3,components定义组件,在template引入
4,全局组件vue.component()
1.7watch和computed的区别
区别 | watch | computed |
场景 | 一个数据影响多个数据 | 一个数据受到多个数据影响 |
功能 | 不需要return | 必须return |
缓存 | 没有缓存 | 有缓存 |
初始化 | 添加immediate:true | 默认立即执行 |
是否异步 | 支持 | 不支持 |
功能 | 监听 | 计算属性 |
1.8vue的响应式的系统是怎么样的
每个vue组件都有一个与之对应的watcher实例,vue的data上的属性会被添加到getter,setter中,然后进行所有变动的data的依赖收集,通知每个依赖的data的组件调用render方法进行更新
v-model 父子组件中的使用
slot插槽的使用
1.9性能优化方面
1,http减少请求数
2,组件封装
3,js写在后面,html,css写在前面
4,压缩
5,缓存
6,打包优化
7,工程管理
8,可复用,低耦合高内聚,降本增效
9,懒加载,预加载
10,路由懒加载
11,cdn技术,iconFont图标
1.10模块化
5,amd 异步打包机制 js前端 define([‘dep1’, ‘dep2’],function(dep1,dep2){
return function(){}
})6,cmd 同步的 moudle.exports= {} require() js后端
7,umd 通用模块定义 webpack打包机制 umd
8,esm es6打包机制 esm import export
1.11算法
1,冒泡排序,快速排序算法
2,数组、字符串、链表、栈、队列、哈希表、二叉树、堆、递归、深搜广搜、动态规划基础题,最好每个类型做几道常见题练练手感
3,浏览器获取地址栏参数
4,反转数字
5,数组降纬
6,回文字符串
7,场景题:数字递增,暂停,继续功能;函数式组件实现井子棋
8,状态提升,
1.12协议
http协议
tcp协议 三次握手 四次挥手
1,客服端发送 syn=1 seq =x 服务端 发送ack = x +1 syn=1 seq= y 客服端发送ack报文 ack=y+1 syn=0 seq =z
2,主动方 发送 fin=1 seq =x ack = z 被动方发送ack = x +1 seq =z 被动方再发送 ack = y fin =1 seq = z 主动方发送 ack = y seq = x
为什么是三次握手不能是两次?
防止攻击,防止发生死锁
为什么是四次挥手?
防止数据包丢失,FIN和ACK报文是分开发送的
等待2msl才CLOSED?
等待发送数据包完成,防止重复在在旧ip和端口建立重复的分组
各网络层对应的工作设备:
物理层:中继器、集线器
数据链路层:网桥或交换机
网络层中继系统:路由器
网络层以上的中继系统:网关
1.13Websocket
1,全双工的协议
2,如何进行心跳监听
3,有线网切换wifi是否断开,wifi切换有线网是否断开
4,原理是什么
1.14路由守卫
1,hash路由和history路由的区别
2,全局路由守卫和各个子组件的路由守卫是什么?哪些路由守卫是各自独有的?
3, 路由的原理是什么
2.react
2.1事件处理机制,事件委托
事件机制。捕获 冒泡 目标 事件冒泡到document地方,react进行重写了事件默认冒泡方式,使用dispatchEvent进行事件派发,systheicEvent总的事件委托,事件冒泡和事件捕获的区别?react怎么实现事件捕获,默认是事件冒泡。
2.2dom渲染过程
1,jsx语法 底层是react.createElement() ,
2,递归渲染和fiber架构渲染的区别?
3,怎么做渲染的性能优化?
4,scu和hooks语法分别怎么去做组件的性能优化?
5,scheduler.postTask的实现过程和兼容性问题
6,requestIdleCallback是干嘛的?接受的参数和作用?
2.3函数式组件。hooks
1,函数式组件和class组件的对比?
2,useMemo和react.memo的区别
3,useEfffect和useLayoutEffect的区别
4,怎么优化性能,useMemo和useCallBack如何使用
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
别
4,怎么优化性能,useMemo和useCallBack如何使用
[外链图片转存中…(img-Xrep05ou-1715779851638)]
[外链图片转存中…(img-WUtyGEU7-1715779851639)]
[外链图片转存中…(img-skG5xrYC-1715779851639)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新