Archive - 2018
2018 — 161 articles
Dec (13)
- 2018 Year-End Summary: Growth and Reflection of a Frontend Engineer
- 2018 Year-End Review: A Year of Building Engineering Infrastructure
- 2018 Frontend Toolchain Summary
- 2019 Frontend Technology Predictions
- IndexedDB: Advanced Frontend Local Storage
- Vue CLI 3 Plugin Development
- Frontend Performance Optimization: JavaScript Execution
- JavaScript Proxy and Reflect: Metaprogramming
- Frontend CI/CD Pipeline Design and Practice
- JavaScript Error Handling Best Practices
- Common Nginx Configurations for Frontend Deployment
- Introduction to AST: Abstract Syntax Trees
- Vue Virtual DOM and the Diff Algorithm
Nov (12)
- Angular CDK Drag-and-Drop Sorting and Virtual Scrolling in Practice
- Frontend Engineering in Review: What I Learned in 2018
- Content Security Policy: A Powerful Defense Against XSS
- Vue Router Navigation Guards in Practice
- A Complete TypeScript Practice Guide for Vue Projects
- Vue render Functions and JSX
- TypeScript Advanced Types: Conditional Types and Mapped Types
- Getting Started with GraphQL: From REST to GraphQL
- JavaScript Memory Management and Garbage Collection
- Vue 2.6 Released: v-slot New Syntax and Other Improvements
- Frontend First-Screen Performance Optimization in Practice
- Introduction to Vue Unit Testing: Jest + Vue Test Utils
Oct (15)
- React Hooks Make Their Debut: React Conf 2018 Impressions
- Axios Interceptor Encapsulation in Practice
- Webpack Common Code Extraction and SplitChunks
- Monorepo in Practice: Managing Multi-package Projects with Lerna
- TypeScript Enums and Namespaces
- Vue Global Filters and Mixins
- TypeScript Advanced Types: Conditional Types and Mapped Types
- Micro-frontend Introduction: When a Project Grows Too Big for One Person
- Node.js in Frontend Engineering
- JavaScript Iterators and Generators
- JavaScript Design Patterns: Observer vs Pub/Sub
- Webpack Tree Shaking: Principles and Practice
- Angular 7新機能速報
- Angular 7 New Features at a Glance
- CSS Animation Performance: transform and opacity
Sep (14)
- Frontend Performance Monitoring in Practice
- Lodash: Practical Methods You Should Know
- Cross-Origin Request Solutions
- WeChat Mini Program Development: Differences from Web
- Vue Plugin Development in Practice
- Building a Simple Virtual DOM from Scratch
- Frontend Mock Data Solutions Compared
- CSS BEM Naming Convention
- React Hooks Preview: First Look at useState and useEffect
- RESTful API Design Guidelines
- TypeScript: interface vs type
- Deep Dive into Browser Event Mechanisms
- Vue Component Design Principles
- Angular Material Intro: Building Enterprise-Grade UI
Aug (13)
- Frontend Image Optimization: WebP, Lazy Loading, and CDN
- JavaScript Symbol: Practical Use Cases
- Webpack HMR: How Hot Module Replacement Works
- Introduction to TypeScript Generics
- Git Hooks and Code Quality Automation
- Containerizing Frontend Projects with Docker
- React 16.6: First Look at lazy/Suspense
- JavaScript Design Patterns: Observer, Strategy, Proxy
- Vue CLI 3 GA: In-Depth Usage Guide
- JavaScript Prototype Chain Illustrated
- Vue Form Validation Best Practices
- Debugging JavaScript Memory Leaks
- Babel 7 Released: Upgrade Guide and New Features
Jul (14)
- How HTTPS Works and What Frontend Developers Need to Know
- Browser Rendering Performance: Repaint and Reflow
- Angular and RxJS: Reactive Programming in Component Communication
- Code Readability: Variable Naming and Function Design
- Getting Started with WebSocket Real-time Communication
- Vue Mixin Usage and Pitfalls
- Frontend Engineering: Multi-Environment Configuration Management
- Advanced JavaScript Regular Expressions
- Automating Workflows with npm Scripts
- Deep Dive into Vue Server-Side Rendering (SSR)
- CSRF Attack and Defense Practices
- Deep Dive into the JavaScript Event Loop
- CSS position and Stacking Context
- Beyond Debounce and Throttle: Functional Programming in Frontend
Jun (13)
- Vue Router Lazy Loading and Performance Optimization
- H1 2018: Building the Engineering System and Deep-Diving into Vue
- Git rebase vs merge: How to Choose
- Frontend Performance Metrics: What Are FCP, TTI, and FID?
- Vue Transitions and Animations in Practice
- Vuex Modular Practice: State Management in Large Projects
- JavaScript Regular Expressions in Practice
- The Complete CSS Flexbox Layout Guide
- Frontend Deployment: nginx Configuration and Caching Strategy
- Webpack splitChunks Code Splitting in Practice
- Vue CLI 3 Beta: First Impressions
- Reading Vue 2 Source Code: The Reactivity System
- ES2018 Key New Features at a Glance
May (13)
- First Steps to Building a Vue Component Library from Scratch
- Frontend Performance Optimization: Tree Shaking in Depth
- Responsive Design in Practice: Starting Mobile-First
- JavaScript Inheritance Patterns
- Frontend Code Review Guide
- Vue Event Bus: Component Communication
- Webpack Multi-Environment Variable Configuration
- Several Ways to Flatten JavaScript Arrays
- A Deep Dive into JavaScript Closures
- Vue Async Components and Dynamic Components
- CSS Selector Specificity
- Webpack 4 Performance Optimization: Build Speed
- Vue Deep Watch and Array Watching
Apr (13)
- Solving the Mobile 1px Border Problem Once and For All
- The Difference Between Webpack Loaders and Plugins
- HTTP Caching: Strong Cache vs Negotiated Cache
- Promise Chaining and Error Handling
- ECharts in Admin Dashboard Systems: Practical Experience
- CSS Grid Layout in Practice
- Debounce and Throttle: Principles, Implementations, and Use Cases
- Practical Guide: Complete Vue 2 Permission Control
- Advanced Vue Slot Usage
- Deep Dive into the Node.js Event Loop
- ES6 Map and Set
- Mobile Adaptation: From rem to vw/vh
- Getting Started with Jest Unit Testing
Mar (15)
- JavaScript Object-Oriented Programming: Prototype Chains and Class Design
- Angular 5 Component Architecture: Smart/Dumb Component Design Pattern
- Frontend Engineering: Git Workflow Standards
- Sass/SCSS Engineering Practice
- Vue Custom Directives
- Frontend Routing Principles: Hash Mode vs History Mode
- JavaScript Deep Clone: Approaches and Tradeoffs
- ES6 Destructuring Assignment in Practice
- Vue 2 + Element UI Admin Dashboard Quick Start
- webpack-bundle-analyzer: Bundle Analysis in Practice
- Frontend Security: XSS Defense Guide
- Axios Best Practices: Interceptors and Unified Error Handling
- Vue computed and watch: When to Use Each
- TypeScript Basics: Why You Should Start Learning It Now
- Browser Storage Comparison: Cookie, localStorage, and IndexedDB
Feb (13)
- CSS Custom Properties (Variables) Practical Guide
- CSS Custom Properties (Variables): A Practical Guide
- Promise Chains and Error Handling Done Right
- Frontend Error Monitoring: From window.onerror to Sentry
- Webpack DllPlugin: Speed Up Development Builds
- Vue keep-alive Route Caching
- JavaScript this Binding Explained
- The Real Impact of HTTP/2 on Frontend Resource Loading
- Six Ways to Communicate Between Vue Components
- Nuxt.js Server-Side Rendering Introduction: Why SSR
- Vue Lifecycle Hooks In Depth
- Webpack 4 Official Release: Zero Config Experience and Upgrade Guide
- Vue Router Navigation Guards: A Complete Guide
Jan (13)
- ESLint + Prettier Engineering Standards in Practice
- Babel 7 Migration Guide
- React 16 Fiber Architecture: Why They Rewrote the Rendering Engine
- Frontend Module Evolution: From CommonJS to ES Module
- npm vs yarn: The 2018 Choice
- Vuex State Management in Practice: When to Use It and How to Organize It
- PWA Introduction: Core Concepts of Service Workers
- ES2017 async/await Best Practices
- Frontend Performance: Understanding the Critical Rendering Path
- React 16 Error Boundaries: Goodbye White Screen Crashes
- CSS Grid Layout Guide: From Flexbox to Grid Thinking
- Webpack 3 Code Splitting and Lazy Loading in Practice
- Vue 2.5 New Features: TypeScript Support and Error Handling Improvements