前端学习资料整理

一、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

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

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

 三、W3CFUNS

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

四、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


··········

 五、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

六、前端人的俱乐部

     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