- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue常考基础知识，总结的也太到位了吧！实用实用！！
然后进行一系列的销毁操作，如果有子组件的话，也会递归销毁子组件，所有子组件都销毁完毕后才会执行根组件的。组件中如果有子组件的话，会递归挂载子组件，只有当所有子组件全部挂载完毕，才会执行根组件的挂载钩子。混入的钩子函数会先于组件内的钩子函数执行，并且在遇到同名选项的时候也会有选择性的进行合并，具体可以阅读。钩子函数，在这一步的时候已经可以访问到之前不能访问到的数据，但是这时候组件还没被挂载，所以是看不到的。的这种惰性渲染机制，可以在必要的时候才去渲染组件，减少整个页面的初始渲染开销。
2022-11-09 16:32:21
262
原创 关于 webapck 的性能优化
如果我们将这些页面全部打包进一个 JS 文件的话，虽然将多个请求合并了，但是同样也加载了很多并不需要的代码，耗费了更长的时间。代码压缩也是我们必做的性能优化方案，当然我们不止可以压缩 JS 代码，还可以压缩 HTML、CSS 代码，并且在压缩 JS 代码的过程中，我们还可以通过配置实现比如删除。受限于 Node 是单线程运行的，所以 Webpack 在打包的过程中也是单线程的，特别是在执行 Loader 的时候，长时间编译的任务很多，这样就会导致等待的情况。这样的打包方式生成的代码明显比之前的少多了。
2022-10-14 22:02:49
86
原创 Echarts 数据过多时设置滚动条
想要读详细文档的同学，可以看官方文档：https://echarts.baidu.com/option.html#dataZoom。Echarts具有自适应的功能，因此当数据非常多的时候，会自动把柱形的宽度挤的非常细，也显得不美观，这样的交互肯定是过不去的。
2022-09-30 16:04:59
3377
原创 关于性能优化，你了解多少呢？
考虑一个场景，有一个按钮点击会触发网络请求，但是我们并不希望每次点击都发起网络请求，而是当用户点击按钮一段时间后没有再次点击的情况才去发起网络请求，对于这种情况我们就可以使用防抖。考虑一个场景，滚动事件中会发起网络请求，但是我们并不希望用户在滚动过程中一直发起请求，而是隔一段时间发起一次，对于这种情况我们就可以使用节流。CDN 的原理是尽可能的在各个地方分布机房缓存数据，这样即使我们的根服务器远在国外，在国内的用户也可以通过国内的机房迅速加载资源。属性，这样图片就会去下载资源，实现了图片懒加载。
2022-09-30 15:30:09
79
原创 js 异步之peomise 详细讲解
这一章节我们将会学习异步编程这一块的内容，鉴于异步编程是 JS 中至关重要的内容，所以我们将会用三个章节来学习异步编程涉及到的重点和难点，同时这一块内容也是面试常考范围，希望大家认真学习。异步编程是 JS 中较难掌握的内容，同时也是很重要的知识点。自带函数节流功能，基本可以保证在 16.6 毫秒内只执行一次（不掉帧的情况下），并且该函数的延时效果是精确的，没有其他定时器时间不准的问题，当然你也可以通过该函数来实现。其实这个观点是错误的，因为 JS 是单线程执行的，如果前面的代码影响了性能，就会导致。
2022-09-30 15:16:53
319
原创 ES6 知识点以及常问面试题（干货干货）！！收藏起来吧
这种继承方式优点在于构造函数可以传参，不会与父类引用属性共享，可以复用父类的函数，但是也存在一个缺点就是在继承父类函数的时候调用了父类构造函数，导致子类的原型上多了不需要的父类属性，存在内存上的浪费。以上继承实现的核心就是将父类的原型赋值给了子类，并且将构造函数设置为子类，这样既解决了无用的父类属性问题，还能正确的找到子类的构造函数。的提升是有区别的，虽然变量在编译的环节中被告知在这块作用域中可以访问，但是访问是受限制的。当然这是简单版的响应式实现，如果需要实现一个 Vue 中的响应式，需要我们在。
2022-09-30 15:14:19
134
原创 手写 js 深浅拷贝！！
浅拷贝指在进行数组或对象拷贝的时候只拷贝最外层，如果属性值是简单数据类型，拷贝其值，如果值是复杂数据类型，拷贝其地址。如果调用函数的时候，传入了一个对象，函数内可能会对对象进行修改，可能不符合你的期待，这。深拷贝是递归的拷贝，深层次的拷贝，不管是简单数据类型还是复杂数据类型，拷贝的都是值。对简单数据类型没有意义，因为简单数据类型，是不可变的数据类型，在不改变内存地址的情。复杂数据类型，是可变的数据类型，在不改变内存地址的情况下，可以改变其值。3（1） 浅拷贝，修改拷贝出来的对象，有可能影响到原对象。
2022-09-28 11:03:02
220
原创 数组与字符串常用的方法有哪些？？
some 判断数组中是不是有一个元素符合条件，如果有一个符合条件返回true，否则返回 false。every 判断数组中是不是所有的元素都符合条件，如果都符合条件返回true，否则返回false。findIndex 查找符合条件的第一个元素的索引，如果都不符合条件，则返回-1。join() 把数组中的元素拼接成字符串（不会改变原数组）。filter 过滤 (不会改变原数组，返回一个数组)concat() 合并多个数组（不会改变原数组）。map 映射 (不会改变原数组，返回新数组)对数组的元素进行排序。
2022-09-27 21:12:34
135
原创 什么是防抖 ？什么是节流 ？以及应用场景
先解释下什么是防抖，防抖就是当触发一个事件不会立即执行，会等待 n 秒后再执行该事件，如果在等待 n 秒期间你再次出发，则会重新计时，也就是说防抖不管你触发多少次这个事件，永远只有一次在执行，并且执行的是最后一次，登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖scroll 事件，每隔一秒计算一次位置信息等 浏览器播放事件，每个一秒计算一次进度信息等 需要节流。......
2022-08-15 23:11:06
6775
1
原创 react中setState是同步还是异步 ？如何控制 ？
setState 本身是同步的一但走了react内部合并的一个逻辑，放入了队列中就变成异步了，而代码中的函数是react控制的，内部会走合并逻辑，所以这里的setState 不但是合并的也是异步的，所以打印出三个0。...
2022-08-11 22:56:15
394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人