chenlan114514

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#15

2026-09-25 00:28:59 +08:00

Day_13

会用 对象.键 取值
会 JSON 字符串和对象的互相转换
能说出对象和 JSON 字符串的区别

let person = {
  name: "张三",
  age: 18,
  hobbies: ["代码", "篮球"]
};

conso…

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#13

2026-09-23 17:06:48 +08:00

Day_12

会用 push 加元素
会用 forEach / map / filter
能说出 map 和 forEach 的区别（map 返回新数组）

let nums=[1,2,3];
nums.push(4);
console.log(nums);

[1,2,3,4,5].forEach…

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#12

2026-09-22 21:55:47 +08:00

Day_11

会用参数和 return
能调用自己写的函数
能说出 return 和 console.log 的区别

function add(a, b) {
  return a + b;
}
console.log(add(3, 5));

function isAdult(age)…

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#11

2026-09-21 16:52:01 +08:00

Day_10

for 循环打印 1~5
能筛出偶数
while 循环能倒数

// 任务1：for 打印 1 到 5
for (let i = 1; i <= 5; i++) {
  console.log(i);
}

console.log("---");

// 任务2：for…

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#10

2026-09-20 19:49:02 +08:00

Day_9

能写出 if/else 判断成年
能写出多分支分数评级
知道 === 和 = 的区别（一个是比较，一个是赋值）

let age = 18;

if (age >= 18) {
  console.log("成年");
} else {
 …

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#9

2026-09-19 23:08:30 +08:00

Day_8

能说出 "1" + "2" 为什么是 "12" 而不是 3
会用 Number() 把字符串转数字
理解 % 取余

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#8

2026-09-18 14:59:17 +08:00

Day_7

能在控制台输出字符串、数字、布尔值
会用 typeof 查看类型
能说出 let 和 const 的区别（const 不能重新赋值）

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#7

2026-09-17 18:22:24 +08:00

Day_6

1. 导航栏是怎么两端对齐的？

导航栏父容器用了 display: flex，让 Logo 和菜单排成一行。

关键属性是 justify-content: space-between，它把第一个子元素（Logo）推到最左边，最后一个子元素（菜单…

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#6

2026-09-16 23:44:08 +08:00

Day_5

3 个方块能排成一行并均匀分布
能做出水平垂直居中
能说出 justify-content 和 align-items 分别管什么

flex.html:

<!doctype html>
<html lang="zh">
  <head>
   …

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#5

2026-09-15 21:12:45 +08:00

Day_4

能说清楚 padding / border / margin 各自作用
能算出盒子总宽度 250
圆角效果正常

box.html

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF…

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#4

2026-09-14 23:51:53 +08:00

Day_3

外部样式表生效（改 style.css 页面就变）
标签/类/id 三种选择器都用到了
能说出 .类名 和 #id 的区别

style.css:

body {
  background-color: #f0f0f0;
 …

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#3

2026-09-13 21:24:21 +08:00

Day_2

表单能显示并填写
radio 能单选
用了 input / select / button

<!doctype html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>报名表单</title>
 …

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#2

2026-09-12 23:33:53 +08:00

Day_1

页面能正常打开，中文不乱码
h1/p/a/img/div/span 都用到了
能说出 <head> 和 <body> 分别放什么

<!doctype html>
<html lang="zh">
  <head>
    <meta charset="UTF-8"…

chenlan114514 commented on issue ITStudio_OUC/DailyChallenge_WebDepartment#1

2026-09-11 18:30:08 +08:00

DAY_0

VS Code 安装成功，四个插件装好
node --version 能输出版本号
终端能运行命令
能按 F12 打开开发者工具

chenlan114514 created repository chenlan114514/DailyChallenge_WebDepartment

2026-09-11 00:35:54 +08:00