rou/front-end-example

Files

charlie 877acb5a8f feat: Add JavaScript core exercises and solutions

- Implemented exercises for array high-order methods, memory and execution, switch statements, and final review.
- Added starter and answer files for each exercise to facilitate learning.
- Created a runner HTML file to execute JavaScript code and display console outputs.
- Updated README files to include exercise objectives, tasks, and usage instructions.

2026-03-13 11:09:19 +08:00

1.6 KiB

Raw Blame History

Front-End Study Workspace

这个工作区按知识点分目录，便于你后续继续加入 CSS、JavaScript、DOM、TypeScript 等内容。

目录规则

01-html-structure：HTML 结构
02-css-layout：预留给 CSS
03-javascript-core：预留给 JavaScript
04-dom-events-async：预留给 DOM + 事件 + 异步
05-typescript：预留给 TypeScript

当前可学内容

现在已经为你整理好 01-html-structure，里面包含：

讲义
分阶段练习
starter.html 起始代码
answer.html 参考答案

现在也已经整理好 02-css-layout，里面包含：

CSS 讲义
分阶段案例
starter.html / starter.css 起始代码
answer.html / answer.css 参考答案

现在也已经整理好 03-javascript-core，里面包含：

JavaScript 核心讲义
分阶段练习
starter.js 起始代码
answer.js 参考答案

前三部分现在都已经补充到“核心主线 + 常见细分知识点”。

使用方式

先阅读 [01-html-structure/README.md](/Volumes/Macintosh HD 1/home/front-end-example/01-html-structure/README.md)
再阅读 [02-css-layout/README.md](/Volumes/Macintosh HD 1/home/front-end-example/02-css-layout/README.md)
再阅读 [03-javascript-core/README.md](/Volumes/Macintosh HD 1/home/front-end-example/03-javascript-core/README.md)
按顺序完成每个练习目录
先写 starter.html、starter.css 或 starter.js
写完后再对照答案文件

如果你后面要继续学其他知识点，我可以按同样结构继续给你补 04-dom-events-async、05-typescript 等目录。