All Articles

How to operate immutable data structures in an intuitive way?

Bang, and it jumped over. What exactly is Go to Definition all about?

Starting from Mixin...

150 lines of code, hand-craft an Immer

Flexible and clean middleware mechanism

According to the firsthand account from the implementer of this feature in Firefox, supplementing some details and application scenarios

Compatible and inclusive module mechanism

Unlike canvas drawing which has convenient transformation APIs, WebGL requires self-implementation

Namespaces originate from the module pattern in JavaScript, another way of organizing code

If Web didn't support dynamic capabilities initially, what kind of dynamic path would the frontend army have forged?

Implement Async function feature in 18 lines of code

EmbeddedBrowser, the first plugin that can truly browse web pages in VS Code

With Hooks, function components will have almost the same expressiveness as Class components, including various lifecycles, State, etc.

How is Hot Reload achieved?

Compared to ES2019, ES2020 is a major update, dynamic import, safe chaining operations, big integer support... all added to the deluxe lunch

Added some small features, made some corrections on syntax/semantics. In short, no major events in this update

Async functions finally joined the luxury lunch in ES2017, infrastructure construction in multi-threading aspects is also gradually improving

Sometimes Write Once, Run Everywhere is just a beautiful vision

Basic syntax sugar of es6, simple and easy to use

Using varying variables can achieve gradient effects, and can also interpolate various data that cannot be obtained

By passing values to the fragment shader through attribute variables, we can dynamically modify the point's color

TypeScript is syntactic sugar for JavaScript!

Yes, this is also a type

js has built-in proxy mechanism,配合 reflection mechanism (although very weak) to be taken with warm water

What happens when require()? How is Node.js internally implemented? What's the use of knowing these?

Why is newtype needed? What's the difference from keywords like data, type, etc.?

Semigroups, monoids and groups, what are these things?

First heard monadic 3 years ago, until curiosity grew into a big tree

TS also provides complete type support for JSX

TypeScript only supports partial JSDoc tags, but type annotation syntax is a superset of JSDoc

Comprehensive understanding of GLSL ES language, including syntax rules, data types, flow control, functions, etc.

From Functor to Applicative

Deep dive into ES6 new features

The core of the Decorator Pattern is "wrapping", providing multiple optional decorator types, wrapping the initial type object with needed decorator types can extend the initial type's functionality, avoiding type explosion. This article details the Decorator Pattern implemented in JS

Actually it's type combination and type discrimination

Texturing is extracting colors from images, then assigning to fragments, of course, actual operation is very troublesome

Besides type composition, another 2 ways to produce new types are type queries and type mapping

Not only are member modifiers, abstract classes and other features fully enabled, but also without adding runtime overhead

The origin of algebraic data types in TS

The extreme conciseness of lambda expressions is very tempting, defining functions is like writing mathematical formulas, languages supporting functional programming should be like this

Buffer can store multiple vertex information, draw at once. Only with buffer can we draw triangles, then construct complex graphics

From type inference mechanism to type compatibility

It's called generics because it can act on a series of types, it's a layer of abstraction above concrete types

How exactly does import import a module?

TypeScript's type checking is not limited to .ts, also supports .js

The significance of declaration merging lies in allowing extension of existing (type) declarations

13 basic types

canvas coordinate system and WebGL coordinate system are different, need to do coordinate conversion

Learn the technical ideas themselves, not just code application, this is programming

There's typed this, and overloading that's not so intuitive