前端學習資料整理

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