Hexo 博客性能优化1. 减少静态资源体积1234567891011121314# _config.yml 配置优化minify: html: enable: true css: enable: true exclude: - '*.min.css' js: enable: true exclude: - '*.min.js' image: enable: true
2. 图片优化策略12345678# 使用图片懒加载lazyload: enable: true field: site# 配置图片 CDNcdn: image: https://your-cdn-domain.com/
3. 代码压缩与合并安装相关插件：
1npm install hexo-filter-optimize --save
配置 hexo-filter-optimize：
12345678910111213141516171819# _config.ymlfilter_optimize: e ...
什么是 React Hooks?React Hooks 是 React 16.8 引入的新特性，它让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
基础 Hooks1. useStateuseState 是最常用的 Hook，它允许你在函数组件中添加 state。
1234567891011121314import React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ...
TypeScript 简介TypeScript 是 JavaScript 的超集，为 JavaScript 添加了静态类型定义。它让大型项目更容易维护，减少了运行时错误。
基本配置1. 初始化 TypeScript 项目12345# 安装 TypeScriptnpm install -g typescript# 初始化 tsconfig.jsontsc --init
2. 推荐的 tsconfig.json 配置123456789101112131415161718192021222324{ "compilerOptions": { "target": "ES2020", "lib": ["DOM", "DOM.Iterable", "ES2020"], "module": "ESNext", "skipLibCheck": true, ...