分享自学前端时候做的第一个商城首页

http://img.ex666.cn/gid88/cover.jpg

因为当时换电脑,被Windows的 mstsc 给坑了一遍,导致大部分图片资源都已经损坏,无奈只好手动找一些类似的图片,中间左右滑动的图片就做个一个灰色背景+文字提示的图片,还好当时录制了一个视频,观看视频还是能回顾一下当时的页面风格。

http://img.ex666.cn/gid88/2.png

对于一个专业的前端开发人员,看到这个效果肯定并不会特别满意,的确,这是我做的第一个前端页面,当时也是因为对HTML方面的兴趣,加上一些引导,于是就开始做这个页面了。

在这之前,HTML的的基础已经基本没有问题了,只是一直没有行动,制作了几个页面小部分的细节,整体上的页面还没有做过。

对于Javascript也是一知半解,基本没有接触过。正好这个页面在制作导航栏自动固定的时候,想到可以用Js的For循环添加元素使页面产生滚动条,正好开始慢慢入门学习Js。

直到现在写Js的过程已经不会再考虑写法,而是考虑效率、兼容以及可拓展性等问题了。也就也就一年多的时间,真正诠释了Js从入门到精通的过程,写的很多Js效果及代码因为时间问题都没有搬到博客上来,不过日后在做项目的空闲之余搬一些还看得上眼的代码放上来。

下面是视频演示(如无法观看可到优酷视频观看,地址: http://v.youku.com/v_show/id_XMjM3NDExODgxMg==.html ):

大概花了3天左右的时间,当时Js毫无基础,因为布局整个页面,相对于局部Demo还是有很多地方可以学到东西的,现在布局京东淘宝等复杂的首页已经是信手拈来了,但算是这种程度,每次仍然能够学习到很多东西。

点击查看演示
源码打包下载