前端学习资料整理

1、js相关

阮一峰 JavaScript 标准参考教程（alpha） 

网址： http://javascript.ruanyifeng.com/#

阮一峰 ECMAScript 6入门 

网址：http://es6.ruanyifeng.com/

汤姆大叔的博客 深入理解JavaScript系列

网址 http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

 2、web前端开发技术分享网站

http://www.zhangjiaojiao.cn/
2 http://www.w3schools.com/

 3、W3CFUNS

网址 http://www.w3cfuns.com/

4、HTML5 吧

整理了一些js等前端相关知识，很值得一看。

网址  http://www.html5jq.com/index.html

css 填坑常用代码分享：整理了各种css难题解决方法
http://www.html5jq.com/fe/html5_yidongweb/20150608/148.html

JavaScript 开发的45个经典技巧：整理了js常用技巧
http://www.html5jq.com/fe/javascript_jQuery/20150330/117.html


··········

 5、gitHub开源项目

• 官网：https://github.com/

• git用法介绍：http://marklodato.github.io/visual-git-guide/index-en.html?no-svg

• 如何创建github：http://www.oschina.net/news/38470/how-to-build-a-github

• 如何高效利用github：http://www.yangzhiping.com/tech/github.html

6、前端人的俱乐部

     http://f2er.club/

优化网页加载速度

1.JS、CSS、HTML做gzip压缩（不要对图片进行Gzip压缩）

2.删除js、css、html文件的注释，回车符，以及无效字节

3.javascript放置网页底部，避免阻塞下载

4.CSS放到header中，避免白屏

5.合并JS和CSS；压缩JS和CSS；

6.优化缓存：对没有变化的css、js，图片等网页元素，直接利用客户端的浏览器缓存读取来有效减少http请求数。

6.通过增加expires header（给文件加上关于过期时间的header报文）可以告诉浏览器，那些网页元素可以缓存和缓存多长时间。

7.采用CSS sprites（CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中）技术来实现。

8.把脚本和图片放在不同的服务器和域名，做成并行下载。

9.利用H5的缓存技术 

字符串去空格

String.prototype.trim=function(){
    return this.replace(/(^s*)|(s*$)/g, "");
}

10.前端开发面试题

https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers

11.开发者和程序员需要关注的42个播客

http://blog.oneapm.com/apm-tech/771.html