# Web前端-学习笔记

**Repository Path**: suni1024/web-front-end---learning-notes

## Basic Information

- **Project Name**: Web前端-学习笔记
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-25
- **Last Updated**: 2025-11-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web Front-End Learning Notes

This repository contains a collection of learning notes and examples for web front-end development. It covers various topics including HTML5, CSS3, JavaScript (Promise), PHP, and AJAX. Each folder contains practical examples and demonstrations to help learners understand and practice web development concepts.

---

## 📁 Folder Structure Overview

- **01-H5C3/canvas**: HTML5 Canvas examples.
- **02-Promise**: JavaScript Promise examples.
- **03-PHP**: PHP examples covering basic to intermediate concepts like form handling, file upload, and headers.
- **04-AJAX**: AJAX and jQuery-based asynchronous request examples, including file uploads.

---

## 🚀 Getting Started

You can clone the repository to your local machine using the following command:

```bash
git clone https://gitee.com/suni1024/web-front-end---learning-notes
```

Depending on the folder you're interested in, you may need a local server environment (like XAMPP or WAMP) to run PHP files, or a simple browser to view HTML and JavaScript examples.

---

## 📚 Usage

### HTML & JavaScript Examples
Open `.html` files directly in your browser to see HTML5, Canvas, and JavaScript (Promise) examples in action.

### PHP Examples
1. Set up a local server (e.g., XAMPP).
2. Place the `03-PHP` folder inside your server's root directory (e.g., `htdocs`).
3. Start Apache and access the files via `http://localhost/03-PHP`.

### AJAX Examples
These rely on server-side scripts (PHP), so make sure to run them on a local server. Open the `.html` files in your browser and test the AJAX functionality.

---

## 🧪 Notable Files

- `03-PHP/04.php`: Contains a PHP function `doublekill()` for demonstration.
- `03-phpStuday/formsave.php`: Processes form data using the `post()` function.
- `04-AJAX/fileupload`: Contains a file upload example using jQuery plugins.

---

## 🤝 Contributing

If you'd like to contribute or improve the examples, feel free to fork the repository and submit a pull request.

---

## 📄 License

Please check the repository for any specific license information.

---

Happy coding! 🎨💻