- 博客(10)
- 收藏
- 关注
原创 手写Promise
创建Promise对象(立即执行),参数是一个回调函数(异步),回调函数的参数是resolve和reject,成功调用resolve(value),触发.then()执行;失败调用reject(value),触发.catch()执行。
2026-03-24 22:43:18
306
原创 canva画布2D -- 制作一个简易的绘画功能
textBaseAlign:设置基线对齐('top'||'handing'||'middle'||'alphabetic'||'ideographic'||''bottom)只存储状态,比方说在画图1时用到状态1的相关设置(save一下),图2用到状态2的相关设置,图3又又用到状态1的相关设置,此时restore一下即可,不需要重新设置。Canvas是HTML5的一个新标签,可以创建一个画布(要设置宽高,可以在其自带的属性上设置,也可以通过css设置,但不要同时使用)提供多个上下文(画笔)
2026-03-24 03:00:00
322
原创 不定高虚拟列表
虚拟列表(Virtual List/Windowing)是前端开发中一种的技术,核心作用是,从而大幅减少 DOM 节点数量、降低内存占用、提升页面渲染和交互性能。当有大量的数据需要渲染(比如1万条数据),如果一次性全部渲染完成,会造首屏渲染慢、内存占用过高、滚动卡顿等问题。这时就可以使用到虚拟列表了。一般的虚拟列表(定高)只需到得到页面滚动的距离(scrollTop)、单个元素的高度即可。
2026-03-23 00:15:00
259
原创 jsES6+简单数据类型-symbol
3. 获取对象的symbo属性 --> Object.getOwnPropertySymbols(obj)不会被常规遍历枚举(forEach、for…in、Object.keys()等)的标识符,用于对象属性键 --> 避免属性名冲突。必须用symbol变量本身才能访问。
2026-03-07 21:13:10
24
原创 前端学习日志
例如,有一个弹性容器,里面有三个弹性项目,分别设置 flex - basis: 100px , flex - basis: 200px , flex - basis: 300px。flex - basis 更侧重于在弹性布局中定义元素的初始尺寸,并且能与 flex - grow 、 flex - shrink 等属性更紧密地配合,实现更复杂的弹性空间分配。然后,再根据 flex - grow 和 flex - shrink 属性来进一步调整项目的大小,以适应弹性容器的剩余空间或处理空间不足的情况。
2025-05-29 19:37:22
291
原创 前端学习日志
把文本颜色设为透明——color: transparent,然后给背景设置成渐变色——background-image:~,最后再利用背景剪辑属性将背景限制在文字区域内即可——background-clip: text。注意,元素的显示模式要为inline-block或者block,否则可能无法正确应用背景。今天在完成学校的考核任务时学到了一个小技巧——关于如何实现文字渐变效果。
2025-05-13 10:08:55
125
原创 前端学习日志
在做表单验证的时候应该使用具名函数而非匿名函数,并在具名函数内根据符合与不符合返回true和false,因为在提交事件当中需要依次再次调用函数,此时函数会返回true或false,只要有false,就阻止默认行为(e.preventDefault()),注意,不能用||放到一个if里判断,因为会短路,只要前面有一个不符合,后面的函数就不会再调用了。
2025-04-15 18:52:43
88
网络通信基于Socket的系统架构设计:TCP/UDP通信原理与高并发低延迟数据传输系统实现
2026-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅