今天要写的是一份纯心得分享,前段时间做了一个项目,利用所学的JavaScript实现商城的效果。其中包含了商城里包含了四个页面,首页,播放页,登录页和注册页。
登录页和注册页
这两个页面在布局上比较简单,内容比较少,在技术上主要是正则验证,这是一个比较开源的技术,在各个网站上都可以搜索到需要的正则验证式。甚至是直接拿来套用就可以了。
首页
首页部分是一个布局多,需要实现的效果也多的页面,其中包含了无缝轮播图,选项卡等部分。
无缝轮播一定要记得在最后一张图片的位置写上第一张图,因为要跳转到下一张图,为了使图片衔接更自然,所以要写轮播图+1的图。然后就是利用ajax获取后台数据,使用定时器用move函数获取轮播图的位置。
选项卡部分是利用ajax技术从后台获取数据,进行构建布局,将构建好的布局放到页面中。
播放页
视频播放区和选项卡部分,播放区要实现白天模式和夜晚模式的切换,两套布局添加点击事件进行切换。
选项卡部分还是要利用ajax技术从后台拿数据。
总结下来,选项卡是用的最多的部分,主要是要利用ajax技术从后台拿数据进行调用。