上次登录：@Model.LastLogin
+ +``` + +视图应专注于“如何展示”，通过模板引擎实现数据与表现的分离，确保界面层的纯净和可维护性。 + +## 练习 + +无 diff --git "a/\351\231\210\346\231\272\350\264\244/20250109-\346\250\241\345\236\213.md" "b/\351\231\210\346\231\272\350\264\244/20250109-\346\250\241\345\236\213.md" new file mode 100644 index 0000000000000000000000000000000000000000..b6f04c97986daacf1090fa446dc1447339e2b288 --- /dev/null +++ "b/\351\231\210\346\231\272\350\264\244/20250109-\346\250\241\345\236\213.md" @@ -0,0 +1,48 @@ +# 模型 + +## 笔记 + +**模型是MVC的业务核心**，封装应用数据和业务规则，独立于用户界面。 + +**核心职责：** + +1. **数据管理**：定义数据结构、持久化操作 +2. **业务逻辑**：实现核心计算规则和业务流程 +3. **数据验证**：确保数据完整性和有效性 +4. **状态管理**：维护应用状态变更 + +**设计原则：** + +- 保持“胖模型”，集中存放业务逻辑 +- 独立于控制器和视图，可单独测试 +- 遵循单一职责，避免“上帝对象” +- 提供清晰的API供控制器调用 + +**模型类型：** + +- **领域模型**：封装业务实体和规则 +- **视图模型**：为特定视图优化的数据结构 +- **数据模型**：直接映射数据存储结构 + +**示例（伪代码）：** + +```java +public class UserModel { + public User ValidateLogin(string username, string password) { + // 业务逻辑：验证用户 + var user = db.FindUser(username); + return VerifyPassword(user, password) ? user : null; + } + + public bool UpdateProfile(User user) { + // 业务逻辑：更新验证 + return Validate(user) && db.Update(user); + } +} +``` + +模型应专注于“做什么”，而非“如何展示”，确保业务逻辑的纯粹性和可重用性。 + +## 练习 + +无 diff --git "a/\351\231\210\346\231\272\350\264\244/20251230-\347\273\203\344\271\2409.md" "b/\351\231\210\346\231\272\350\264\244/20251230-\347\273\203\344\271\2409.md" new file mode 100644 index 0000000000000000000000000000000000000000..ee283668d3c6f3ded2c441368b6d90649305ff1f --- /dev/null +++ "b/\351\231\210\346\231\272\350\264\244/20251230-\347\273\203\344\271\2409.md" @@ -0,0 +1,93 @@ +# 练习9 + +## 笔记 + +## 核心数据结构与函数 + +### 6 + +```html + + +``` + +## 数组高阶函数 + +### 7 + +```html + + +``` + +### 8 + +```html + + +``` + +### 9 + +```html + + +``` + +### 10 + +```html + + +``` + +### 11 + +```html + + +``` diff --git "a/\351\231\210\346\231\272\350\264\244/20251231-\347\273\203\344\271\24010.md" "b/\351\231\210\346\231\272\350\264\244/20251231-\347\273\203\344\271\24010.md" new file mode 100644 index 0000000000000000000000000000000000000000..be10ddb2520b39f562a2a03ac292ced34b81e660 --- /dev/null +++ "b/\351\231\210\346\231\272\350\264\244/20251231-\347\273\203\344\271\24010.md" @@ -0,0 +1,71 @@ +# 练习10 + +## 笔记 + +## 数组高阶函数 + +### 12 + +```html +// 定义输入数组 +const arr = [1, 5, 3, -2, 8, -5]; + +// 使用 findIndex 查找第一个负数的索引 +const firstNegativeIndex = arr.findIndex(element => element < 0); + +// 输出结果 +console.log(firstNegativeIndex); // 输出：3 +``` + +### 13 + +```html +// 定义输入数组 +const arr = [1, 3, 5, 7, 8]; + +// 使用 some() 判断是否存在偶数 +const hasEvenNumber = arr.some(element => element % 2 === 0); + +// 输出结果 +console.log(hasEvenNumber); // 输出：true +``` + +### 14 + +```html +// 定义输入数组 +const arr = [1, 2, 3, 4, 5]; + +// 使用 every() 判断所有数字是否都大于 0 +const allGreaterThanZero = arr.every(element => element > 0); + +// 输出结果 +console.log(allGreaterThanZero); // 输出：true +``` + +### 15 + +```html +const arr = [40, 100, 1, 5, 25, 10]; +const sortedArr = [...arr].sort((a, b) => a - b); // 用扩展运算符复制数组 +console.log(arr); // 原数组不变：[40, 100, 1, 5, 25, 10] +console.log(sortedArr); // 排序后：[1, 5, 10, 25, 40, 100] +``` + +### 16 + +```html +// 定义学生对象数组 +const students = [ + {name: "小明", age: 20}, + {name: "小红", age: 18}, + {name: "小刚", age: 22} +]; + +// 按年龄从小到大排序（升序） +const sortedStudents = students.sort((a, b) => a.age - b.age); + +// 输出结果 +console.log(sortedStudents); +// 输出：[{name: "小红", age: 18}, {name: "小明", age: 20}, {name: "小刚", age: 22}] +``` diff --git "a/\351\231\210\346\231\272\350\264\244/20260104-\347\273\203\344\271\24011.md" "b/\351\231\210\346\231\272\350\264\244/20260104-\347\273\203\344\271\24011.md" new file mode 100644 index 0000000000000000000000000000000000000000..4f20f5eaff0f773a215e57b0834809fb1d8f4b95 --- /dev/null +++ "b/\351\231\210\346\231\272\350\264\244/20260104-\347\273\203\344\271\24011.md" @@ -0,0 +1,89 @@ +# 练习11 + +## 笔记 + +## 数组高阶函数 + +### 17 + +```html +// 定义输入数组 +const fruits = ['apple', 'banana', 'orange']; + +// 使用 forEach 遍历，输出索引和元素 +fruits.forEach((element, index) => { + // 按指定格式输出，多个结果拼接为一行（与示例输出格式一致） + process.stdout.write(`索引${index}: ${element} `); +}); +// 换行（优化输出格式） +console.log(); +``` + +### 18 + +```html +// 定义输入的二维数组 +const arr = [[1, 2], [3, 4], [5, 6]]; + +// 使用 reduce 扁平化数组 +const flattenedArr = arr.reduce((acc, current) => { + // acc 是累加器（初始为空数组），current 是当前遍历的子数组 + return acc.concat(current); // 合并累加器和当前子数组 +}, []); // 初始值设为空数组 + +// 输出结果 +console.log(flattenedArr); // 输出：[1, 2, 3, 4, 5, 6] +``` + +### 19 + +```html +// 定义输入数组 +const fruits = ['apple', 'banana', 'apple', 'orange', 'banana', 'apple']; + +// 使用 reduce 统计元素出现次数 +const countObj = fruits.reduce((acc, current) => { + // 判断当前元素是否在累加器中，存在则+1，否则初始化为1 + acc[current] = (acc[current] || 0) + 1; + return acc; // 必须返回累加器，供下一次遍历使用 +}, {}); // 初始值设为空对象 + +// 输出结果 +console.log(countObj); // 输出：{ apple: 3, banana: 2, orange: 1 } +``` + +### 20 + +```html +// 定义输入的商品数组 +const products = [ + {name: "鼠标", price: 29}, + {name: "键盘", price: 89}, + {name: "显示器", price: 899}, + {name: "耳机", price: 199} +]; + +// 链式调用：筛选 → 排序 → 提取名称 +const result = products + .filter(item => item.price > 50) // 筛选价格>50的商品 + .sort((a, b) => a.price - b.price) // 按价格升序排序 + .map(item => item.name); // 只保留商品名称 + +// 输出结果 +console.log(result); // 输出：["键盘", "耳机", "显示器"] +``` + +### 21 + +```html +// 定义输入数组 +const nums = [2, 5, 8, 3, 9]; + +// 组合调用：先乘2（map），再筛选>10的数（filter） +const result = nums + .map(num => num * 2) // 第一步：[4, 10, 16, 6, 18] + .filter(num => num > 10); // 第二步：筛选出>10的数 → [16, 18] + +// 输出结果 +console.log(result); // 输出：[16, 18] +```