web前端开发分享-css,js提高篇

点击有惊喜

.

一. css基础知识掌握之后(个人的标准是:弄清块元素与内联元素的区别,弄清float的应用场景,弄清position[pə'zɪʃən] 下五个属性static['stætɪk],relative['rɛlətɪvli] ,absolute['æbsəlut] ,fixed[fɪkst],inherit[ɪn'hɛrɪt] 的区别与联系以及他们的应用场景,英文单词确定要能准确发音,方便与面试官探讨时准备的传达你要表达的意思),剩下需要更多的练习以应对不同的设计的布局要求,然后遇到问题解决问题,成长就是需要一个这样跌宕起伏的过程。由于互联网资源很丰富,反而让初学者迷失了方向,下面推荐几款比较经典并且有特点的专题页面,可以进行分析,学习,模仿:

1. 新闻类型页面: 

a. http://news.qq.com/  新闻综合页面

b. http://news.qq.com/society_index.shtml  新闻列表页面

c. http://news.qq.com/a/20131210/000409.htm  新闻详细页面

d. http://coral.qq.com/1004281511  评论页面

2. 图片类型页面:

a. http://news.qq.com/photo.shtml  图片综合页面

b. http://news.qq.com/l/photon/ztlf/list2013089143749.htm  图片列表

c. http://news.qq.com/a/20131211/003572.htm 图片详细  

这个插件是用jquery写的,有兴趣的同学学习一下其源码

3. 股票类型页面

a. http://finance.qq.com/hk/  股票综合页面

b. http://finance.qq.com/hk/mjls/news.htm  股票中专家列表

4. 商城类:

a. http://www.tmall.com 天猫首页

web前端开发分享-css,js提高篇_第1张图片

http://brand.tmall.com/?spm=3.7095809.20000004.1.uVcdqb 品牌街

http://miao.tmall.com/?spm=3.7095809.20000004.2.uVcdqb 喵鲜生

http://vip.tmall.com/vip/index.htm?spm=3.7095809.20000004.3.uVcdqb 积分聚乐部

http://3c.tmall.com/?spm=3.7095809.20000004.4.uVcdqb 电器城

http://shoufa.tmall.com/?spm=3.7095809.20000004.5.uVcdqb 新首发

http://chaoshi.tmall.com/?spm=3.7095809.20000004.6.uVcdqb 天猫超市

http://www.tmall.com/yao?spm=3.7095809.20000004.7.uVcdqb 医药馆

b. http://www.jd.com 京东

web前端开发分享-css,js提高篇_第2张图片

http://channel.jd.com/fashion.html 品牌街 

http://channel.jd.com/newarrivals.html 新品

http://channel.jd.com/topshops.html 热销榜

http://sale.jd.com/act/VgmuCbZvEzp.html 潮流资讯

c.  http://www.51buy.com 易迅

d. http://www.dangdang.com 当当

f.  http://www.z.cn 亚马逊

类似的页面还有很多就不一一列举:

http://www.hao123.com

web前端开发分享-css,js提高篇_第3张图片  

http://gouwu.hao123.com/sc/

web前端开发分享-css,js提高篇_第4张图片

二. js还有很多很多东西要学习了解。js是基于原型的OOP语言,想进一步了解纯的OOP思想,推荐了解一下JAVA。JAVA他本身除了是一个纯OOP语言之外,还有很多后台开发的东西可以一拼了解。然后关于构造函数,原型,实例等等之间的联系需要搞的明白一点。 

      一、构造器(constructor) 

    1、constructor始终指向创建当前对象的构造(初始化)函数。 

    http://www.cnblogs.com/jikey/archive/2011/05/13/2045005.html     

    2、每个函数都有一个默认的属性prototype,而这个prototype的constructor默认指向这个函数

    From: http://blog.csdn.net/kittyjie/article/details/4380918

    其实在JS中构造器就是函数,函数就是构造器,对象实例就是通过var obj=new 函数();这种形式新建出来的实例。区别这些,在说prototype和constructor。从上面的英文中可以看出,prototype是个对象,里面定义了一个constructor,那么我们可以推论出,constructor是对象实例的属性!而不是函数(构造器)的属性。反过来,prototype是函数(构造器)的属性,而不是实例的属性!

    我要强调一点就是__proto__是实例和Person.prototype之间的关系,而constructor是实例和Person之间的关系

    http://blog.csdn.net/a569171010/article/details/7467514

    他们的关系:

    instance -> __proto__ -> person.prototype -> constructor <- person.prototype -> function Person(){} -> Object() -> window 


点击有惊喜

web前端开发分享-css,js提高篇_第5张图片

你可能感兴趣的:(web前端开发分享-css,js提高篇)