# 前端学习笔记 ## HTML ### 基本结构 ```html 页面标题

标题

段落内容

``` ## CSS ### 样式定义 ```css .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px; } .button { background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; } ``` ## JavaScript ### 基础语法 ```javascript // 变量 let name = "JavaScript"; const age = 25; // 函数 function greet(name) { return `Hello, ${name}!`; } // 箭头函数 const greet = (name) => `Hello, ${name}!`; // 异步函数 async function fetchData() { const response = await fetch('/api/data'); const data = await response.json(); return data; } ``` ## 框架和库 ### React ```jsx import React, { useState } from 'react'; function App() { const [count, setCount] = useState(0); return (

计数: {count}

); } ``` ### Vue ```vue ``` ## 学习资源 - [MDN Web 文档](https://developer.mozilla.org/) - [React 官方文档](https://react.dev/) - [Vue 官方文档](https://cn.vuejs.org/)