Frontend / React / JavaScript

Whiskeyi's Blog

前端工程、React、JavaScript 与系统化学习笔记。

实践写一个高质量的SKILL.md:从单个Skill到Agent工作流
17 篇文章

Latest Notes

围绕前端工程、React、JavaScript 与系统化学习整理的长期笔记。

17
AI26 分钟

实践写一个高质量的SKILL.md:从单个Skill到Agent工作流

实践写一个高质量的SKILL.md:从单个Skill到Agent工作流 在将日常工作流程沉淀为 Skill 的过程中,常见问题主要集中在两类。 第一类是“不知道如何开始”。很多工作流程已经在实际协作中反复出现,例如资料查询、需求澄清、执行顺序、结果验证等步骤都相对稳定。但当这些经验需要被整理成 SK...

React16 分钟

React升级之路!一文掌握React19新功能及React版本升级

React19 新功能 React Compiler React19 最大的热度是支持使用 React Compiler。 比如经常看到这样的文章名:震惊!再也不用写 React.memo、useCallback、useMemo 了。 为什么取名为 React Compiler(编译器) 其实 Re...

JS17 分钟

设计原则 & 设计模式

设计原则 & 设计模式 前言 从6月入职网易前端实习到现在,在开发过程中越来越感慨设计原则和设计模式的重要性。软件设计最大的难题就是应对需求的变化,但是纷繁复杂的需求变化又是不可预料的,我们要为不可预料的变化做好准备,因此就很有必要在编码的环节做足功夫,保障代码的易维护性、易拓展性、可读性、兼容性等...

JS9 分钟

进一步理解Promise对象(Promise)

进一步理解 Promise 对象 Promise 简介 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大,它能解决回调地狱的问题。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,使原生提供了 Promise 对象。 所谓 Promise,...

Frontend27 分钟

前端性能优化篇—QuickBI多维表格底座性能提升一个数量级(百万单元格)

前端性能优化篇—QuickBI多维表格底座性能提升一个数量级(百万单元格) 关于 Quick BI 多维表格的介绍可以看我的另一篇文章,这里就不过多介绍了: 背景 承载业务的数据量级 做需求前需要明晰具体业务场景,目前我们产品在图表数据量方面的规格限制如下: 1. 取数(“行”)上限:目前Quick...

test6 分钟

Unit Testing

Unit Testing 单元测试概念 在计算机编程中, 单元测试 是一种软件测试方法,通过该方法测试源代码的各个单元(一个或多个计算机程序模块的集合以及关联的控制数据、使用过程和操作过程) 在组件库中对应的即为各个组件 以确定它们是否适合使用。 以上摘自维基百科 本篇主要介绍 组件库的单元测试 为...

AST8 分钟

AST编译学习

技术学习:AST 前言 前段时间在开发CMS更新模态框的需求,有做到将md文件解析“tokens”再将“tokens”转换为json的步骤,组内交流说业界有md转json的工具 想着自己原来只是简单了解过 AST ,而 AST 在我们前端开发中运用的还比较多,于是去系统学习一下(然后就有了这篇文章)...

Java26 分钟

系统集成优化(Integration & optimization)

系统集成优化 系统集成基础 系统集成基本含义 系统集成(system integration):通常是指将软件、硬件与通信技术组合起来为用户解决信息处理问题的业务,集成的各个分离部分原本就是一个个独立的系统,集成后的整体的各部分之间能彼此有机地和协调地工作,以发挥整体效益,达到整体优化的目的。 系统...

Frontend18 分钟

复杂表格组件(React)的实现与思考

复杂表格组件(React)的实现与思考 前言 从入职到现在做表格相关业务已经1年半了,写这篇文档的初衷一方面是对自己做的业务的梳理(同时给大家分享一些表格组件中的优秀设计),另一方面是分析表格组件现状同时汲取行内中优秀的表格组件设计来调整后续表格组件的发展方向。 在正文开始前,我认为先了解一下表格是...

React

Preact

Preact 介绍 Rreact: 带来了很多全新的概念如:JSX、virtual dom、组件化、合成事件 P(Performance)react :React轻量级替代方案 学习了解Preact,能够从原理上进一步了解React 链接:https://preactjs.com/ (Fast 3k...

CSS4 分钟

GSAP学习

技术调研:GSAP 前言 前段时间,原神3.1版本更新,上线看了下有个领原石的活动页 进入页面挺好奇是怎么实现的,于是调研、分享一下~ ... 效果 (h5) 分析 简单了解一下抓包看了下,这个活动包括了很多图片素材和骨骼等参数,除了固定动画用了 spine ,其余效果在动画库中有一个叫 GSAP ...

JS11 分钟

重拾算法(Re-learning Algorithm)

重拾算法(Re learning Algorithm) 介绍 数据结构和算法是一名合格程序员的基本素质,本专栏与在构建的 重拾数据结构(Re learning Data Structure) 专栏一起,旨在回顾课程及自我学习到的数据结构和算法内容的知识,对它们进行重新梳理。代码以 JavaScrip...