上一页 1 ··· 10 11 12 13 14 15 16 17 18 ··· 49 下一页
摘要: React 长列表加载 实现虚拟列表 效果 实现思路 定义一个container 高为一屏高 定义一个listWrapper 高为所有列表元素的高度,来撑开容器 定义一个itemWrapper 高为一屏高度,来跟随上、下拉操作进行位移,从而总是覆盖展示在当前屏 滚动时关键值计算: 一屏个数 limi 阅读全文
posted @ 2022-04-01 14:08 IslandZzzz 阅读(612) 评论(0) 推荐(0)
摘要: /** 输入: const systems = ["mac", "windows"] const prices = ["$5000", "$10000"] const storages = ["512g", "1T"] 返回: [ ["mac", "$5000", "512g"], ["mac", 阅读全文
posted @ 2022-03-29 01:53 IslandZzzz 阅读(69) 评论(0) 推荐(0)
摘要: 1 关于Proxy Proxy,代理,是ES6推出的一个特性。通过Proxy我们可以拦截对象的某些操作,并在其中加入定制化代码,使这些操作变得更加丰富灵活 语法: let proxy = new Proxy(target,handle) Proxy表示创建代理实例的类,target为被代理的对象,h 阅读全文
posted @ 2022-03-26 01:44 IslandZzzz 阅读(260) 评论(0) 推荐(0)
摘要: 一、关于new运算符 这篇博客主要关注如何实现new运算符,不太了解new的同学可以看看这篇博客 链接: 谈谈JS new运算符到底做了些什么 二、前期准备: 实现一个new运算符需要做哪些事情 创建一个空对象 instance 绑定构造函数的this,使其指向instance,执行构造函数为ins 阅读全文
posted @ 2022-03-26 01:43 IslandZzzz 阅读(54) 评论(0) 推荐(0)
摘要: 一、关于new 在面向对象的语言中,new关键字总是用于实例化一个对象 在JavaScript中,作为一个运算符,new常与构造函数一起使用 let map = new Set() function Apple(size,color){ this.size = size this.color = c 阅读全文
posted @ 2022-03-26 01:41 IslandZzzz 阅读(85) 评论(0) 推荐(0)
摘要: 前言 无论是做项目还是找工作,数组扁平化都是一种重要的知识技巧 在2019年发布的ES10中,js更是对数组新增了扁平化的API:Array.protoytype.flat 下面将给出flat实现的几种方式,顺便谈谈这些方式的优缺点 一、转成字符串处理 思路是将数组转成成字符串处理,通过join或者 阅读全文
posted @ 2022-03-26 01:39 IslandZzzz 阅读(305) 评论(0) 推荐(0)
摘要: 问题 在启动react项目之后,发现语法提示错误信息:“除非提供了’–jsx’标志,否则无法使用JSX”. 处理 将tsconfig.json配置中的"jsx": "react-jsx"改为react 如果发现依然没有效果,那么可能是IDE没有立即读取生效导致的,重启VsCode并重新配置jsx之后 阅读全文
posted @ 2022-03-26 01:36 IslandZzzz 阅读(1826) 评论(0) 推荐(0)
摘要: 移动端验证码组件,输入一个数字立即跳到下一个输入框,删除一个数字立刻返回上一个输入框,用useEffect会出现键盘闪烁的问题。 因为useEffect添加副作用是在dom渲染到浏览器之后,即浏览器绘制之后执行,不会阻塞浏览器,但是可能导致重绘与回流,从而出现闪烁。 useLayoutEffect是 阅读全文
posted @ 2022-03-24 20:49 IslandZzzz 阅读(289) 评论(0) 推荐(0)
摘要: 思路是使用race这个api, 同时开启定时器和请求两个异步任务 如果定时器的timeout到达之后请求还没返回,就可以看做是请求超时 promise.race[req,timer] 阅读全文
posted @ 2022-03-24 20:48 IslandZzzz 阅读(429) 评论(0) 推荐(0)
摘要: 个人推荐使用after伪元素的方式实现 张大佬的博文: https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="U 阅读全文
posted @ 2022-03-24 20:47 IslandZzzz 阅读(428) 评论(0) 推荐(0)
上一页 1 ··· 10 11 12 13 14 15 16 17 18 ··· 49 下一页