项目总结
1:你学会了什么
- 学会了写项目的大致流程,知道了写之前要做什么,有了大概的方向,不会像以前一样觉得很难,不知道该怎么写。
- 知道了怎么把静态的数据转变为动态的数据,更加深了解了服务器与后台之间的交互,减少了写静态页面的时间,学会了ajax的简单封装。
- 知道了处理变量污染的问题,学会使用let和闭包来处理这种问题。
- 学会了用户登陆时的验证,根据存储的token来判断用户是否已经登陆成功。
- 学会了不仅可以通过存储进行页面间传值,也学会了通过url进行页面传值。
2:你的进步有哪些
-
把以前所学的单个知识点都串联起来了,以前写的都是单独的知识点;写项目的时候把不会的又复习了一遍,针对各种出现的问题都进行了查找和修改,出现问题时能够知道该怎么修改。
-
对ajax能够比以前更加熟练的运用,以前只是会用,但还是会写很多的代码,现在学会了封装之后,代码减少了很多,得到了优化。
-
把轮播图的动画函数写了几遍,知道了每一步的实现原理,也知道了轮播图的工作原理。
3:你哪里不会
-
使用面向对象进行封装的组件,进行功能函数的封装的时候,逻辑有点不懂,没能够理解和掌握住。
-
防抖和节流,不是了解的很清楚。
4:总结项目中有那些业务,你是符合实现的
- tab栏的切换,切换的时候变成当前对应的tab:点击的时候通过url或者是本地存储传值,得到当前点击的是哪一个,在进行判断,当相等的时候就让对应的tab显示颜色。
- 首页显示的轮播图:通过封装简单的动画函数,使得轮播图left值改变,从而使轮播图开始无缝轮播;当点击上一张和下一张时,点击到最后一页的时候,快速的停止动画,并跳到对应的那一张,让人看不出来跳过的痕迹;点击圆点跳转对应图片,和点击右键来回切换运行的时候,出现匹配的问题,让点击圆点的索引等于点击下一张的索引,就能解决这个问题。
- 用户登陆的权限验证:当用户登陆的时候,把token值存储到本地之中,如果本地存储之中没有token,则提示用户进行注册,如果有,就判断输入的账号和密码的是否一样,成功则登陆成功。
5:总结你写的项目中有那些技术亮点并详细说明
- 首页轮播图
传入图片后,根据图片的数量使用代码动态的创建图片下方的圆点,不用手动添加,方便后期的修改。使用自动轮播时,也不用把下一张点击的全部复制进来,使用变量名.click()就可以运行。快速点击的时候,使用节流阀控制着点击,避免点击过快,反应不过来。
timer = setInterval(function () {
next.click();
}, 2000);