javascript - 你们经常研究哪些网站的前端代码?
PHPz
PHPz 2017-04-10 13:10:36
0
7
646

读这些网站的源码,如果压缩可以忽略的情况下!

PHPz
PHPz

学习是最好的投资!

reply all(7)
数据分析师

javascript - Which website front-end codes do you often study? -PHP Chinese website Q&A-javascript - Which websites’ front-end codes do you often study? -PHP Chinese website Q&A

Let’s take a look and learn.

阿神

看到好的效果我都会去看看源码,比如QQ空间的长图滚动效果。如果针对特定功能,我习惯看豆瓣和知乎的。
因为网站很好,而且发展时间不算太长,冗余代码可能不算太多。虽然被混淆过,但是还是可以阅读的,看耐心和功力了。
格式化用chrome的dev tool就可以办到,底部"pretty print"按钮就可以搞定。

比如变量名虽然被缩略成单字母,但是可以看前后文,它获取了什么值、做了什么事情,就可以推测一下这个变量的含义。
刚开始读这样的代码会很痛苦,但是学习本身就不是简单的事情,多读一下就会找到技巧的,这样才能更好的进步。

Peter_Zhu

负责任的网站前端都是经过压缩和合并的,没法阅读。

可以考虑阅读各种知名前端库的代码,和相应的示例代码,比如最近比较火的 bootstrap 之类的。

Peter_Zhu

1.最简单的一点,看到“帅气”的网站,通过浏览器的审查(查看源码)等功能,研究一下一些好的东西。我甚至会把一些网站页面全部搬到本地收藏

2.时不时的看看国内优秀的代码库,这里面一般都会更新一些优秀的前端代码。

3.Github.com 上也有不少的优秀开源项目,可以研究和参考。

4.推荐bootstrap等框架,个人感觉都不错

5.昨天一个朋友给我推荐了 pure css,还没有去看过,据说不错,比bootstrap轻便,也可以去看看哈。

6.cnblogs、CNSD上面也有很多这相关的内容,建议可以阅读一下

7.另外推荐 前端乱炖、前端观察等网站,都有不错的内容。

伊谢尔伦

我到是喜欢看国内几个大的网站,看一些地方人家是怎么写的,为什么这么写,这么写换成我这样写的的好与坏各是什么,哈哈,也是不错的学习方式。

巴扎黑

YUI、bootstrap、还有各种js库。

推荐几个专门用途的js库: http://bartaz.github.io/impress.js/#/bored

http://alloyteam.github.io/AlloyPhoto/docs.html#mutiThread

http://www.cnblogs.com/dennisit/archive/2013/04/20/3032837.html

阿神

腾讯有好几个前端团队很不错的,可以去看下博客,网站方面腾讯游戏做的最炫了

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template