我是格鲁特

2025年2月21日

摘要： 1.JavaScript数据类型基本类型：string、boolean、number、null、undefined、symbol（es6新添加），BigInt（es11新添加）复杂数据类型：object 2. 数据类型的存储基本类型和object类型在内存中存储的方式是不一致的，基本类型数据存阅读全文

posted @ 2025-02-21 20:12 我是格鲁特阅读(79) 评论(0) 推荐(0)

typescipt类型相关注意事项

摘要：一、typescript数据类型 TypeDescription any 表示任意类型，可以赋值为任何类型。 unknown 表示类型不确定，通常需要进一步检查。 void 表示没有返回值的函数，默认返回 `undefined`。 never 表示函数永远不会返回，通常用于抛出异常或死循环。 boo 阅读全文

posted @ 2025-02-21 16:11 我是格鲁特阅读(33) 评论(0) 推荐(0)

属性选择、约束

摘要：一个属性对象中选出一些对象, 使用Pick<T, K> type Person = { name: string; age: number; address: string; }; type PickedPerson = Pick<Person, 'name' | 'age'>; const per 阅读全文

posted @ 2025-02-21 15:17 我是格鲁特阅读(10) 评论(0) 推荐(0)

2025年2月17日

css3动画相关的属性

摘要：过渡（Transitions）: div { width: 100px; height: 100px; background-color: red; transition: background-color 0.5s ease-in-out; } div:hover { background-col 阅读全文

posted @ 2025-02-17 16:38 我是格鲁特阅读(19) 评论(0) 推荐(0)

原型链

摘要：当我们访问一个对象的属性或方法时，如果对象本身没有该属性或方法，JavaScript 引擎会顺着该对象的原型链查找，直到找到该属性或方法，或者到达原型链的终点. 原型链的终点：Object.prototype(Object.prototype不再指向任何对象，所以是null) js实现继承原型链相阅读全文

posted @ 2025-02-17 16:06 我是格鲁特阅读(6) 评论(0) 推荐(0)

git cherry-pick

摘要：一、作用用于将一个或多个特定提交（commit）从一个分支应用到当前分支。这意味着它可以将其他分支的某个提交（或者多个提交）直接应用到你当前的工作分支，而不需要合并整个分支的更改。举个例子：假设你有两个分支：main 和 feature。你在 feature 分支上做了几个提交，但是你只想将阅读全文

posted @ 2025-02-17 15:58 我是格鲁特阅读(401) 评论(0) 推荐(0)

浏览器内核及event loop相关

摘要：一、浏览器有哪些进程浏览器主进程：主要负责显示界面、提供前进后退收藏等交互行为，提供子进程管理功能、存储用户数据。 GUP进程：GPU 的使用初衷是为了实现 3D CSS 的效果，只是随后网页、Chrome 的 UI 界面都选择采用 GPU 来绘制，这使得 GPU 成为浏览器普遍的需求。最后，Ch 阅读全文

posted @ 2025-02-17 15:16 我是格鲁特阅读(17) 评论(0) 推荐(0)

2025年2月14日

gzip的适用范围

摘要： Gzip 适合用来压缩那些文本类的资源，因为文本类文件通常具有较多的重复字符，通过压缩可以大幅减少体积，提高传输速度。是否适合 Gzip 压缩资源类型 ✅ 适合 HTML、CSS、JS、JSON、XML、SVG、纯文本 ❌ 不适合图片(JPG/PNG/GIF/WEBP)、视频(MP4)、音频(M 阅读全文

posted @ 2025-02-14 10:04 我是格鲁特阅读(17) 评论(0) 推荐(0)

2025年2月12日

前端动画的优化

摘要：动画渲染和屏幕刷新率的关系大多数现代显示器的刷新率是 60Hz，也就是说每秒刷新 60 次。因此，60 FPS 刚好匹配显示器的刷新频率，这意味着每帧的时间应该控制在 16.67 毫秒（即 1000 毫秒 / 60 帧）。动画优化使用 requestAnimationFrame：它会将动画更新阅读全文

posted @ 2025-02-12 19:02 我是格鲁特阅读(69) 评论(0) 推荐(0)

2025年2月11日

从对象中选择指定的属性形成新对象

摘要： function pick(obj,fieldsToPick){ return Object.fromEntries( fieldsToPick.map((key) => [key, obj[key]]) ); } 阅读全文

posted @ 2025-02-11 14:23 我是格鲁特阅读(12) 评论(0) 推荐(0)

公告