会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Island
博客园
首页
新随笔
联系
管理
上一页
1
···
10
11
12
13
14
15
16
17
18
···
49
下一页
2022年4月1日
React 长列表加载 实现虚拟列表
摘要: React 长列表加载 实现虚拟列表 效果 实现思路 定义一个container 高为一屏高 定义一个listWrapper 高为所有列表元素的高度,来撑开容器 定义一个itemWrapper 高为一屏高度,来跟随上、下拉操作进行位移,从而总是覆盖展示在当前屏 滚动时关键值计算: 一屏个数 limi
阅读全文
posted @ 2022-04-01 14:08 IslandZzzz
阅读(612)
评论(0)
推荐(0)
2022年3月29日
回溯算法在前端的应用 - 电商SKU全排列算法
摘要: /** 输入: 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)
2022年3月26日
JavaScript ES6 Proxy
摘要: 1 关于Proxy Proxy,代理,是ES6推出的一个特性。通过Proxy我们可以拦截对象的某些操作,并在其中加入定制化代码,使这些操作变得更加丰富灵活 语法: let proxy = new Proxy(target,handle) Proxy表示创建代理实例的类,target为被代理的对象,h
阅读全文
posted @ 2022-03-26 01:44 IslandZzzz
阅读(260)
评论(0)
推荐(0)
实现JavaScript new运算符
摘要: 一、关于new运算符 这篇博客主要关注如何实现new运算符,不太了解new的同学可以看看这篇博客 链接: 谈谈JS new运算符到底做了些什么 二、前期准备: 实现一个new运算符需要做哪些事情 创建一个空对象 instance 绑定构造函数的this,使其指向instance,执行构造函数为ins
阅读全文
posted @ 2022-03-26 01:43 IslandZzzz
阅读(54)
评论(0)
推荐(0)
谈谈JavaScript new运算符到底做了些什么
摘要: 一、关于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)
浅谈js数组扁平化的几种实现方式及其优缺点 手写ES10 flat
摘要: 前言 无论是做项目还是找工作,数组扁平化都是一种重要的知识技巧 在2019年发布的ES10中,js更是对数组新增了扁平化的API:Array.protoytype.flat 下面将给出flat实现的几种方式,顺便谈谈这些方式的优缺点 一、转成字符串处理 思路是将数组转成成字符串处理,通过join或者
阅读全文
posted @ 2022-03-26 01:39 IslandZzzz
阅读(305)
评论(0)
推荐(0)
除非提供了‘--jsx‘标志,否则无法使用JSX
摘要: 问题 在启动react项目之后,发现语法提示错误信息:“除非提供了’–jsx’标志,否则无法使用JSX”. 处理 将tsconfig.json配置中的"jsx": "react-jsx"改为react 如果发现依然没有效果,那么可能是IDE没有立即读取生效导致的,重启VsCode并重新配置jsx之后
阅读全文
posted @ 2022-03-26 01:36 IslandZzzz
阅读(1826)
评论(0)
推荐(0)
2022年3月24日
React问题:useEffect导致键盘闪烁,用useLayout解决
摘要: 移动端验证码组件,输入一个数字立即跳到下一个输入框,删除一个数字立刻返回上一个输入框,用useEffect会出现键盘闪烁的问题。 因为useEffect添加副作用是在dom渲染到浏览器之后,即浏览器绘制之后执行,不会阻塞浏览器,但是可能导致重绘与回流,从而出现闪烁。 useLayoutEffect是
阅读全文
posted @ 2022-03-24 20:49 IslandZzzz
阅读(289)
评论(0)
推荐(0)
promise设置请求超时处理
摘要: 思路是使用race这个api, 同时开启定时器和请求两个异步任务 如果定时器的timeout到达之后请求还没返回,就可以看做是请求超时 promise.race[req,timer]
阅读全文
posted @ 2022-03-24 20:48 IslandZzzz
阅读(429)
评论(0)
推荐(0)
CSS flex布局实现最后一行左对齐
摘要: 个人推荐使用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
下一页