ssssyoki

Dart 语言是一门面向对象、类定义、单继承的语言，支持接口(interfaces)、混入(mixins)、抽象类(abstract classes)、具体化泛型(reified generics)。

对于轻中量级的 Flutter 项目，基于项目实际的业务架构进行目录结构设计，可以提升代码的可读性。

在编写 React Hook 代码时，useCallback和useMemo时常令人感到困惑。尽管我们知道他们的功能都是做缓存并优化性能，但是又会担心因为使用方法不正确导致负优化。本文将阐述useCallback和useMemo在开发中常见的使用方式和误区，并结合源码剖析原因，…

看到 AOP，那么一定会联想到 OOP，也就是面向对象编程。AOP 和 OOP 是在不同业务场景下的两种设计思想，本文将尽量用生动有趣的语言介绍 AOP 在前端领域的应用以及 AOP 和 OOP 之间的区别。在这之前，我们先了解两者的基本概念。 对于面向对象编程的严格概念，每个…

解法有很多种，最经典的当属递归解法，围绕此解法的核心思想正是大名鼎鼎的斐波那契数列。（递归解法虽然计算量很大，但算法优化相关内容不本是文讨论范围）。 简单来说，就是有这样一个数列，它的每一项都是前两项之和。那么从零开始的数列是这样的： 这似乎与我们印象中的什么n-1和n-2的解…

距离第一篇《React源码解析(一)》已经过去将近4个月的时间，由于是我第一次进行源码解析相关的写作，思路和文笔还不够成熟。一百多天以来，我基于读者反馈反思这几篇文章中的不足，同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说，需要改进的几点…

我们经常使用svg或canvas来实现动态图形的绘制，但绘制过程相对较繁琐。对于直观漂亮的进度条，社区也有提供成熟的方案例如highcharts/ECharts等等，但基于配置的开发方式终究无法实现100%的自定义绘制。本文将带你使用D3.js从零一步一步实现动态进度条，并分享…

D3.js作为著名的数据可视化框架，在自定义图表领域是无可争议的No.1。使用频率最高的api当属d3.select，因此它被称为"svg界的jquery"(目前已经支持canvas)。jquery中有this,那么D3.js中当然也有this。比如如下代码： 上述代码是一个简…

在前面三篇文章中，我们阐述了react组件的构成与生命周期，setState的机制。这次我们来谈谈React的事件处理。 我们通常监听真实DOM。举🌰来说，我们想监听按钮的点击事件，那么我们在按钮DOM上绑定事件和对应的回调函数即可。 遗憾的是若页面复杂且事件处理频率高，那么…