Cheat Sheets
frontend
Cheat sheets filed under frontend.
AngularJS cheat sheet
A systematic guide to the AngularJS framework, covering core concepts such as directives, data binding, and dependency injection, helping developers quickly master the essentials of Angular development.
Open cheat sheet →Web Animation Libraries Cheat Sheet
A selection of mainstream Web animation libraries cheat sheet, including GSAP, Anime.js, Three.js, and other commonly used animation framework's core APIs and usage examples to help you quickly achieve smooth and elegant web motion effects.
Open cheat sheet →Ant Design CSS Style Override Guide
A detailed Ant Design style override guide, introducing component style customization methods, Less variable configuration, and CSS priority handling to help developers create personalized React application interfaces.
Open cheat sheet →Chrome DevTools Usage Tips
A complete guide to Chrome DevTools, covering debugging tips for core panels like Elements, Console, and Network. An essential reference to boost your frontend development and debugging efficiency.
Open cheat sheet →CSS Style Cheat Sheet
Core CSS (Cascading Style Sheets) quick reference manual, including common selectors, box model properties, typography, positioning, backgrounds, and layout properties.
Open cheat sheet →CSS Flexbox Cheat Sheet
Core CSS Flexbox (Elastic Box) layout quick reference manual, including detailed descriptions of container properties (alignment, wrapping, direction) and item properties (scaling, ordering, alignment).
Open cheat sheet →CSS Flexbox Layout Cheat Sheet
A comprehensive CSS Flexbox layout guide, covering container properties, item properties, and common layout examples to help developers master modern web layout technology.
Open cheat sheet →CSS Grid Layout Cheat Sheet
A detailed CSS Grid layout guide, covering core properties for grid containers and grid items, along with practical layout examples to help you master the powerful 2D layout system.
Open cheat sheet →HTML Cheat Sheet
A systematic HTML tag reference manual, covering document structure, form controls, multimedia, and other core tags, helping developers master the basics of web development.
Open cheat sheet →JavaScript Array Methods Cheat Sheet
A complete guide to JavaScript array methods, covering all common operations from ES5/ES6+, including practical code examples to help you master best practices for array processing.
Open cheat sheet →React Hooks Usage Guide
A simple and deep React Hooks guide detailing the usage and practical techniques of core Hooks like useState and useEffect to help you build more elegant React function components.
Open cheat sheet →