Frontend / React / JavaScript

Whiskeyi's Blog

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

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

Latest Notes

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

14
React9 分钟

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

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

JS3 分钟

设计原则 & 设计模式

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

JS5 分钟

进一步理解Promise对象(Promise)

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

Performance11 分钟

前端性能优化(Performance Optimization)

前端性能优化(performance optimization) 说在最前面 性能是前端开发一个非常重要的组成部分,与应用不同,网页的所有资源初始都需要通过网络传输,因此如何进行更好地进行网络传输对前端性能影响很大,此外还有浏览器渲染部分的优化。而在另一方面,对于用户来说,给网站添加加载或者过渡动画...

test3 分钟

Unit Testing

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

AST4 分钟

AST编译学习

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

JS7 分钟

重拾算法(Re-learning Algorithm)

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

Java10 分钟

JavaEE

JavaEE Lecture 1 结构 Lecture 2 Spring 一个复杂而又简洁的 javabean 工厂,管理 bean 的创建和依赖 很普通又很实用的框架,提取了大量实际开发中通用的设计思想和模式,抽象而成的一个框架 轻量级的、非侵入式(不依赖 Spring API )的应用框架 集成...

React

Preact

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

CSS2 分钟

GSAP学习

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

Java15 分钟

系统集成优化(Integration & optimization)

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

CSS5 分钟

移动端适配(Mobile Terminal Adaptation)

移动端适配(mobile terminal adaptation) 前言 目前移动端的屏幕大小各异,市面上各种尺寸的机型都有,而且有 1 倍屏,2 倍屏,3 倍屏之分,这对前端界面在不同设备下的呈现效果提出挑战,我们希望找到一种完美适配各种机型的方案(元素和字体能够保持一定比例随着用户屏幕尺寸变化)...