项目心得

184 阅读2分钟

你学会了什么?

1 学会了看接口文档并调用里面的数据.

2 学会了用localstory和url在页面间传值

3 还学会了用git在本地仓库保存版本.

4 还学会了3中方法(闭包 let 对象中加index属性)解决变量污染问题

5 还学到了简单的正则表达式编写

你的进步有哪些?

1 项目经验提高很多

2 解决bug的速度明显提升

3 实现一个效果时,思路比以前更加清晰

你哪里不会?

1 this指向不熟练,只会一些简单的,稍微复杂点会出错

2 模块化封装不会.

项目中有哪些业务?是如何实现的?

1 点击商品跳转到详情页面,关键就是用location.href做页面间传值,把货物id传到详情页面的url上.

2 登录后导航栏和退出后导航栏的变化,由于登录后会向localstory里添加token,所以可以用它判断是否登录,如果登录就显示登录后的html,没有登录就显示退出登录后的html,退出登录时,删除localstory里添的token.

3 登录页面,注册页面,用正则表达式判断账号密码是否合法,并提示相关信息,注册成功后跳转到登录页面,登录成功后把token存储到localstory上

技术亮点并详细说明

1 懒加载 先判断图片是否要出现了,当图片距离顶部的距离<=浏览器的可视高度加上滚动高度时,图片就要出现,这时把真实的图片的src附上值.

2 触底loading加载下一页,首先判断是否触底,触底时,page++,显示gif,2s后判断是否请求到下一页数据,请求到就gif消失.没请求到就提示请求失败.

3 楼层滚动 判断子元素距离顶部的距离是否<=浏览器的可见高度加页面的滚动高度,如果为true,则对应的楼层导航栏高亮,