- 博客(138)
- 收藏
- 关注
原创 原生方法实现前端一次拿到上万条数据的渲染
/ 每次渲染step条数据,需要渲染【数据的总条数 / step】次。// 利用事件委托来处理每一条数据的点击事件,以减少内存的占用。// 处理每次n条数据的渲染。
2024-05-20 18:06:14
625
原创 Promise.all如果其中之一失败,怎么能够拿到其他成功的结果
作用:Promise.all()方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。参数:由多个Promise实例组成的数组p的状态由p1、p2、p3决定,分成两种情况。(1)只有p1、p2、p3的状态都变成fulfilled,p的状态才会变成fulfilled,此时p1、p2、p3的返回值组成一个数组,传递给p的回调函数。(2)只要p1、p2、p3之中有一个被rejected,p的状态就变成rejected,此时第一个被reject的实例的返回值,会传递给p的回调函数。
2023-11-22 20:02:08
2366
原创 for...of与for...in
1.数组的键名是数字,但是for…in循环是以字符串作为键名“0”、“1”、“2”等等。in循环不仅遍历数字键名,还会遍历手动添加的其他键,甚至包括原型链上的键。in循环主要是为遍历对象而设计的,不适用于遍历数组。3.某些情况下,for…in循环会以任意顺序遍历键名。in不遍历以Symbol值为键名的属性。of遍历的是具有数字索引的属性。1.对于普通的对象,for…
2023-11-19 19:05:06
186
原创 vue3 父组件使用ref获取获取子组件的属性方法
2.在引入的子组件标签上绑定ref属性的值与定义的响应式变量同名(的组件,想要让父组件访问到它的属性和方法需要借助与。写法会导致父组件无法访问到子组件中的属性和方法。这种方式,父组件可以正常获取到里面的属性和方法。此时父组件可以获取到子组件的count属性。来指定需要暴露给父组件的属性。
2023-11-16 20:10:58
1514
原创 vue项目的业务页面中访问static静态资源,点击下载时报未发现文件
【代码】vue项目的业务页面中访问static静态资源,点击下载时报未发现文件。
2023-04-21 11:30:45
2268
原创 后端返回图片的文件流,前端实现直接下载
在每次调用 createObjectURL() 方法时,都会创建一个新的 URL 对象,即使你已经用相同的对象作为参数创建过。静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的 URL,这个新的 URL 对象表示指定的 File 对象或 Blob 对象。更多关于URL对象的信息请参考: https://developer.mozilla.org/zh-CN/docs/Web/API/URL。
2023-04-12 18:10:27
1111
原创 npm init vue@latest 创建项目启动报错记录
1.在终端中输入sudo vim /etc/hosts 回车然后输入密码。2.若出现如下图所示(若没有则直接输入i,然后进行后续操作),请输入E。然后输入i,移动到最后一行输入127.0.0.1 localhost。3.按esc退出编辑,然后输入:wq保存并推出。4.然后重启项目就可以了。
2023-04-06 11:14:28
1864
1
原创 typescript学习记录一
我们会得到TypeScript不知道的值的类型信息,比如你使用document.getElementById,TypeScript只知道这会返回某种HTMLElement,但是我们知道页面总是有一个给定ID的HTMLCanvasElement。除了一般类型string和number之外,我们还可以在类型位置引用特定的字符串和数字。括弧里面:string是对输入的限制,括弧后面的:number是对输出信息的限制。这种方式就更没加ts限制一样,变量的类型可以是任意的。分隔对象属性的声明可以用"
2023-03-23 16:56:26
357
原创 react学习记录问题记录(一)
BrowserRouter 路由容器组件Route 渲染路由匹配的视图(类似于vue中的router-view)link 进行路由跳转的入口(类似于vue中的router-link)
2023-03-20 15:15:36
339
原创 关于flex盒子padding-right/margin-right不生效
关于flex盒子padding-right/margin-right不生效
2023-03-02 15:57:56
1170
原创 移动端使用vantUI的list组件,多个tab项来回切换时,列表加载多次导致数据无法正常展示
使用vanUI的list组件,多个tab项切换列表加载多次
2022-07-20 16:07:03
817
1
原创 vue的事件中传入的参数会覆盖默认参数,如何处理
问题实例:// 子组件<template>> <div @click.stop="sendInfo">我是子组件</div></template><script>export default { methods: { sendInfo(){ this.$emit('sendInfo',{message:'childdata'}) } }}// 父组件<template>&g
2022-05-26 17:02:04
966
原创 给子div设置的margin-top值在父div上生效了
1.问题产生: 在写元素垂直水平居中时,有一种方式是设置子元素margin: 具体值 auto但此时发现给子元素设置的margin-top值作用在了父元素上<style> .box1{ width: 200px; height: 200px; background-color: purple; margin: 20px; } .inner{ width: 100px; height: 100px
2022-05-12 17:55:43
574
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人