Winter Web Training Camp 1.0

[wwqin]

✨首先欢迎大家加入我们SCS开发者团队，在这里你可以获得：

• 学长学姐们的倾囊相授
• 真实产品的练手机会
• 基础能力的学习和提升
• 思维模式和认知的升级

但是在正式进入开发之前需要你们提前掌握一些相应的开发技术，为此我们准备了一些题目和一些练手的项目，希望大家都能完成！
PS:遇到困难先自行解决,无法解决及时在群内讨论。

[wwqin]

2019-12-2

类名操作

完成几个 DOM 元素类名操作的工具方法：

• addClass(dom, name)：给 dom 元素添加类名 name
• removeClass(dom, name)：把 dom 元素的类名 name 删除
• hasClass(dom, name)：判断 dom 元素是否有类名 name

const addClass = (dom, name) => /* TODO */
const removeClass = (dom, name) => /* TODO */
const hasClass = (dom, name) => /* TODO */

[wwqin]

2019-12-3

后端数据处理

从某数据库接口得到如下值：

{
  rows: [
    ["Lisa", 16, "Female", "2000-12-01"],
    ["Bob", 22, "Male", "1996-01-21"]
  ],
  metaData: [
    { name: "name", note: '' },
    { name: "age", note: '' },
    { name: "gender", note: '' },
    { name: "birthday", note: '' }
  ]
}

rows是数据，metaData 是对数据的说明。现写一个函数 parseData，将上面的对象转化为期望的数组：

[
  { name: "Lisa", age: 16, gender: "Female", birthday: "2000-12-01" },
  { name: "Bob", age: 22, gender: "Male", birthday: "1996-01-21" },
]

---

const parseData = (data) => /* TODO */

[wwqin]

2019-12-5

TodoList

---

前面大家已经学会操作dom和更改数据格式了，下面就来一个微型项目来练练手吧，链接里是学姐做的todolist可以参考。下面是todolist的需求。
需求：

1. todolist（代办事项），可以添加/删除/修改待办事项
2. 每一项内容为：时间、地点、事件
3. 垂直居中显示并可以适应移动端

加分项：

1. 如果超过时间自动消失
2. 根据优先级有不同的颜色和排序(优先级>时间)，优先级分为三类需要显示出来
3. 能够持续存在，网页刷新后内容维持不变(数据存储）

💣截止日期：2019-12-15