/-

这个repo包含了自己学习前端相关知识时,根据一些教程、资料写的小项目

前端练手小项目

1. 根据萧井陌前端教程编写的三个小项目

Project Name: 基于客户端的Todo List link

Description:

  1. TodoList经常作为前端的第一个练手项目,我也学习了一下。
  2. 为什么叫做基于客户端的呢,因为项目没有使用服务器,使用了js中的localstorage存储TodoList中 存储的每个todo内容是什么,是否完成等信息。所以这个项目只是本地使用,没有联网。

TODO:

  1. 等把后端搭建起来,做成一个能够提供功能的网站。
  2. 后端功能有了之后,要根据RESTful API接口使用AJAX编写前端代码
  3. 把页面做的漂亮点,用户使用逻辑考虑更加周全合理点,把这个完全分离出去作为一个独立的repo。

Project Name: 京东首页淡入淡出轮播图 link

Description: 很多网站都有这种轮播效果图

TODO:

  1. 目前存在bug,双击next按钮会出现bug
  2. 添加定时器,对图片进行轮播

Project Name: 弹窗效果 link 没链接,等学习学习bootstrap样式规范,做个漂亮点的出来:joy:

Description:

  1. 这个功能可以添加进Todo List,也可以独立的作为一个插件使用,所以在设计上要作为插件设计。
  2. 假设如下场景,你点击了某个todo的删除按钮,这个有个弹窗弹出,提醒其确认删除还是取消本次操作。 一般用户进行重要且不可恢复的操作的时候会需要一次确认操作。如果功能做的更加完善点,那弹窗出来后 应该默认是取消。
  3. 应该有个选择框,选择框旁边显示 以后不再提醒。(一般大家都是这样做弹窗效果的:joy:)

2. 根据慕课网2048私人订制教程编写的2048小游戏 link

Description: 略,自己找个游戏玩玩就知道了:joy:

TODO:

  1. 部署到服务器上