2020前端组计划

未分类

前端

JavaScript篇

• Mission
  
  1. 在一段文本前设置一堆按钮（+输入框），（在输入框中输入内容）点击每个按钮可以修改下面那段文本的不同的属性值，包括加粗和还原、倾斜和还原、下划线和还原、字号、字体、字颜色、背景色、左对齐和右对齐和居中、字符间距、行高、大小写、出现消失等，有“和”字的只能设一个按钮。
  2. 设置四个板块，高度宽度均与窗口高度宽度相同，里面的内容初始为隐藏，滚动鼠标滚轮，当某板块顶部距窗口顶部小于一定值时，该板块内容逐渐展示出来，最后一个板块为板块底部距窗口底部小于一定值时，板块内容逐渐显示出来。板块内均为一行文本，文本总宽度为窗口宽度70%，水平垂直均居中。
  3. 预设一段文本（字母+汉字），点击第一个按钮删除文本内所有汉字，点击第二个按钮将文本内所有的‘a’替换为‘啊’，点击第三个按钮复制文本并将文本内字母改为大写，并创建新标签存放新文本显示原文本下方（同一母标签内），点击第四个按钮删除原文本标签。
  4. 编写一个函数，自变量用到this，设置一段文本，下面四个按钮均调用该函数，点击每个按钮即用该按钮的class值+value值替换该文本内容。

jQuery篇

• 学习慕课网上jQuery基础知识，jQuery基础篇（一）——样式篇及jQuery基础篇（二）——DOM篇，不必过于深入，对每个用法有一定的了解即可，后面如果用到能想起来用那个即可。

• Misson
  将上面js写的代码复制一份，用jQuery简化部分代码，例如document.getElementsByClassName('class')简化为xxxxxx（不告诉你自己去学[滑稽]）。

CSS篇

• Mission
  设计一个页面，页面内有1234四个数字，打开页面后逐个显示，1234每个数字出现间隔2s，分别从窗口的左、上、右、下移动着由消失到显现，同时每个数字均持续旋转，再加个喜欢的背景音乐。如果能套个雪花背景模板那就更好了[滑稽]

后端

• 学习Flask框架，哔哩哔哩的黑马程序员-6节课入门Flask框架web开发视频，

• Mission
  
  1. 设计一个注册页面，实现前端向后端发送内容及后端向前端发送内容，以及注册页面输入框的检查
  2. 注册页面输入框内容检查（前后端均设计一个，前端用js写，后端用Python写），并返回相关信息
  3. 进行基本的数据库操作，包括增删改、关系应用、查询等等
  4. 进行后端与数据库的连接，能够做到获取数据库需要的内容
  5. 设计一个登录页面，登录后跳转入新页面，根据不同的用户名获得不同的个人信息，在新页面展示，包含用户名等至少4项用户个人的信息，至少设置3个用户