Accessibility
Screen Reader Only
Screen Reader Only
Semantic HTML
Height Alignment Pattern
CLI
Animation Property
Animated Dots
- v-enter-from.
- 与 Object 同源.
Await Features
Dataset
Password Attack
Babel Node
CSS Background
Gradient Border
如果将一个函数任意地将其放在 useEffect Deps List 中
- 区分 Smart Component (know the state) 和 Dump Component (stateless)
Security Principles
- Decimal: 123n.
Window
Custom Bootstrap Theme
Border Radius
Box Sizing
Browser caches
Rollup
- Returns a memoized callback.
CSS Working Group
Class Prototype
Click Jacking Attack
Map
Current Color
Two Column Pattern
Union Type
Command Injection Attack
Renderer and HostConfig Protocol
React Element 实际上是纯对象,
Computed Properties
- SFC with Script Setup.
Sleep Function
Cluster
Concurrent Features
useDeferredValue
Async Component
- Basic conditional types
Details
Context API
- Create custom XXXContextProvider:
Switch Case Statement
Concepts
Vue Constructor
React Virtual DOM
CRA CLI
- Hash algorithm.
CSRF Attack
CSS Basics
Layout Components
CSS Object Model
When it comes to test heavy visual features,
Async Data
Date
Inspector CLI
Monkey Patch
- Attaching to a class:
DoS Attack
CSS Framework Key Points
- 建议只要有可能, 就不要在模式中放置圆括号.
Web Deployment
Reconciler:
Control Flow Directives
Directory Traversal Attack
Table
DOM Width and Height
- DOM Level 0.
- event.preventDefault().
- 局部变量缓存 DOM 元素.
Will Change
Memory Leak
useEffect
Getting Started
嵌套
Number Enum
Error
ESLint Flat Config
Interval
Middleware Function
Error Boundary
React Fiber
File Upload Attack
File
Dark Mode Effect
filter:
Flex Box Width
Float Element
Form Design Pattern:
Form:
State Form
- 函数是对象.
Function Interface
- Predictable: pure and immutable.
Generator Definition
Generic Function
Better REST
Grid Layout
Property Hacks
meta data list in
React Hooks allow you to use state and other React features in functional components.
Getting Started
Malicious Redirect Attack
- Responsive images with srcset (LCP):
Information Leakage Attack
Object Clone
Link
Cursor
Interface Function
- Reuse stateful logic between components
Store Constructor
Type System
- XLIFF:
Iteration Protocol
Primitive Types
Variables Lifecycle
Jest Installation
Callbacks Queue
Keep Alive
Utilities
Section
Reactive
<LibraryGallery content="
ComponentDidMount
Lifecycle
Template Literal Types
Builtin Mapped Types
Calculation Function
Figure
Media Query
- Returns a memoized value.
Pros:
Redux middleware were designed to enable writing side effects logic:
Node.js App Structure
Reactive System
CRUST Principles
- CommonJS 模块在执行阶段同步加载子模块文件,
Module types search:
Typeof Types
Float Navigation
JSON
Internet
Fetch
- /etc/nginx/sites-available: sites config
Runtime
NPM Mirrors
- Binary: 0b10/0B10.
Object Injection Attack
Loose Comparison
Parent component options:
HOC
Code Performance
React Performance Mental Model
- Normal React performance tips: React.memo, useMemo, useCallback etc.
Diagnosing Performance Issues
前端性能监控分为两种方式,
PNPM Installation
Static Position
- boolean.
TC39
Process Properties
Callback style asynchronous programming:
Prompt injection series.
Object Constructor
OOP Features
Modify default object behavior with Proxy and Reflect:
Progressive Web Apps:
Server State Management
Core Concepts
Minimal Reconciler
Redis Commands
- Use useState whenever manage a JS primitive (e.g. string, boolean, integer).
- Core - 核心概念、Store 创建与配置、State 管理(持久化、归一化)
ref:
Refs 用于返回对元素的引用.
RegExp Flags
Reconciler construct Fiber tree:
Script Loading
Media Query
URL Params
Nested Route
Basic Routes
Sandbox:
Variable
Work loop in scheduler focus on Task Scheduling,
These notes cover web security from principles to practical vulnerabilities,
CSS Selectors
Rendering Patterns
Give React a chunk of code that it runs exclusively on the server,
useOptimistic
Session Hijacking Protection
Pseudo Element Shape
CSS shapes:
SQL Injection Attack
- Read rendered props/state.
SetState
Simple Store
String Primitive Features
CSS Property Order
ESLint
Naming Style
Shared CSS Styles
Supply Chain Threats
SVG Size
- A Symbol is a unique and immutable primitive value
- Events delegation:
Compilation Workflow
Assertions
- Jest and Enzyme snapshots testing.
Methodology
Testing Pyramid
PostCSS
React Redux Binding Library
Micro Frontends
TypeScript Installation
Vite
Action
transform:
Transition Property
Member Access Modifiers
Type Inference
Call Signature
- React TypeScript CheatSheet
Getting Started
CSS Text
Update and Update Queue:
Strict Mode
useImperativeHandle
Null Types
CSS Data Types
Variable Hoisting
VNode Type:
These notes cover both Vue 2 (Options API) and Vue 3 (Composition API), including internal implementation details.
Vuex Types
Security Headers
Keyframe Effect API
Cookie
Canvas Basic Usage
Static Assets
Web Gamepad
Render Blocking Resources
Oscillator
Payment API:
- Cookie for session state.
Web Performance API
Webpack Workflow
XML Attack
XSS Attack
Yarn Berry:
从防御的角度来讲, 内部风险是外部风险的超集: