1.了解基础
Web 开发三大核心技术：
HTML 超文本标记语言 搭建网页结构（骨架） ‘HTML与HTM本质上是一样的’
CSS 层叠样式表 美化网页样式（外观）
JavaScript 脚本语言 实现网页交互（动态）
2.首先在豆包中输入‘输出一个静态网页，能实时显示系统时间，格式包含：年月日时分秒，用Javascript实现时间实时’生成为：
<script>// 获取显示时间的DOM元素const timeElement = document.getElementById('current-time');// 格式化时间的函数：补零操作（确保个位数显示为两位数，如 9 → 09）function formatNumber(num) {return num < 10 ? `0${num}` : num;}// 更新时间的核心函数function updateTime() {// 获取当前系统时间const now = new Date();// 提取年月日时分秒，并格式化const year = now.getFullYear(); // 年（4位数）const month = formatNumber(now.getMonth() + 1); // 月（月份从0开始，需+1）const day = formatNumber(now.getDate()); // 日const hour = formatNumber(now.getHours()); // 时const minute = formatNumber(now.getMinutes()); // 分const second = formatNumber(now.getSeconds()); // 秒// 拼接成指定格式的时间字符串const timeStr = `${year}年${month}月${day}日 ${hour}:${minute}:${second}`;// 将时间显示到页面上timeElement.textContent = timeStr;}// 1. 页面加载时立即执行一次，避免初始空白updateTime();// 2. 设置定时器，每1000毫秒（1秒）更新一次时间，实现实时效果setInterval(updateTime, 1000);
</script>
然后在css中新建一个css文件命名为style，把中的内容剪切过去，并在showTime中删除该部分
在js中新建一个js文件命名为js，把中的内容剪切过去，并在showTime中删除该部分
最后该文件的‘瘦身’就完成了！
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>