读这些网站的源码,如果压缩可以忽略的情况下!
学习是最好的投资!
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"按钮就可以搞定。 比如变量名虽然被缩略成单字母,但是可以看前后文,它获取了什么值、做了什么事情,就可以推测一下这个变量的含义。 刚开始读这样的代码会很痛苦,但是学习本身就不是简单的事情,多读一下就会找到技巧的,这样才能更好的进步。
负责任的网站前端都是经过压缩和合并的,没法阅读。
可以考虑阅读各种知名前端库的代码,和相应的示例代码,比如最近比较火的 bootstrap 之类的。
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
腾讯有好几个前端团队很不错的,可以去看下博客,网站方面腾讯游戏做的最炫了
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"按钮就可以搞定。
比如变量名虽然被缩略成单字母,但是可以看前后文,它获取了什么值、做了什么事情,就可以推测一下这个变量的含义。
刚开始读这样的代码会很痛苦,但是学习本身就不是简单的事情,多读一下就会找到技巧的,这样才能更好的进步。
负责任的网站前端都是经过压缩和合并的,没法阅读。
可以考虑阅读各种知名前端库的代码,和相应的示例代码,比如最近比较火的 bootstrap 之类的。
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
腾讯有好几个前端团队很不错的,可以去看下博客,网站方面腾讯游戏做的最炫了