前端開發學習-網址記錄

最近在複習JavaScript知識時遇到之前就不懂的閉包、上下文，雖然比之前理解深了一點，但仍是懵，想緩一下。。就去看了其餘。。把Git、Grunt、Gulp、jQuery、jQuery UI、React給入門了（React的入門略困難。。）

本來想記錄一下Grunt/Gulp的安裝和命令配置的，發現SF及網上有太多文章了，之後有空簡短寫一下就能夠了。

而後最近又入坑FreeCodeCamp。。原來慕課網的編程練習就是模仿他的啊。。

本篇文章主題是記錄網址，由於本身太貪，一天下來打開了不少以爲有用的網頁，但又沒時間看，以下圖

因此決定把一些記事本里記錄的網址發上來。。。否則實在是眼花繚亂

在線測試代碼

老牌：https://jsfiddle.net/

在線JS代碼調試工具是一個老牌的支持javascript、css、html代碼可視化在線調試工具，支持多種應用多種主流框架，用起來很是方便，並且還能夠將調試好的結果以很是簡潔的頁面直接嵌入在其餘網頁裏。
對於網頁設計師來講須要寫演示用的JavaScript實例代碼的時候，就徹底能夠在jsFiddle裏面直接完成編寫後調試，再將結果直接嵌入Blog正文裏便可了，真的是很方便的選擇。
除了能夠調試代碼外，還能夠方便的發佈到社區，論壇或者社交媒體上與朋友們分享或者提問。整合了不少的不一樣的類庫供你們選擇。
相似的工具還有jsbin.com，也很是不錯。

新秀：http://codepen.io/

CodePen.io網站前端設計開發平臺是一個針對網站前端代碼設計的開發工具，提供多種效果的網站前端代碼設計工具，豐富的案例特效，用戶能夠demo的基礎上開發本身的前端設計。

Codepen教學：http://www.zhangxinxu.com/wor...

代碼格式化

其實用sublime text3插件也能夠的，HTML-CSS-JS Prettify

在線代碼格式化：http://tool.oschina.net/codef...

特效庫

CSS3+Html5在線測試以及實用教程酷站分享：http://www.25xt.com/html5css3...

前端知識體系

兩個都不一樣，都很龐大。。不是一會兒能看完
一、https://segmentfault.com/a/11...

二、http://blog.csdn.net/qq_34348...

綜合

使用 freeCodeCamp 編程 是一番怎樣的體驗？https://www.zhihu.com/questio...
學習筆記：freeCodeCamp網站前端開發基礎算法題http://ce.sysu.edu.cn/hope/It...
如何優雅地使用 Stack Overflow？https://www.zhihu.com/questio...
如何優雅地使用Sublime Text？http://www.html5cn.org/articl...
零度博客：http://www.lingdublog.cc/cate/1
碼農網：http://www.codeceo.com/
伯樂在線：http://web.jobbole.com/
什麼是頁面渲染：http://www.zhihu.com/question...

國外：
http://career.guru99.com/top-...
https://www.toptal.com/javasc...

先更到這，還有太多網址，先歸類一下再補充。澄清一下，不是推薦網址！只是我沒來得及看得網址彙總而已

-------------2016.11.9更新------------------

補充幾個感受挺全面的地址
css,js的學習分享：http://www.cnblogs.com/jikey/...
（特色：同一個知識點把相關的文章都歸類了，例如閉包這一個知識點就有10篇，可能你會以爲，這麼多不必啊。。基本大同小異，但像我這種接受知識相對慢的人來講，多一篇文章，就是多一個讓我更快理解知識點本質的機會）

原生js製做的各類實例：http://www.fgm.cc/learn/
（特色：發現網上其實有不少這種的了，可是以爲這個對新手或者對JS理解不夠的能夠用來練手，有少許中文註釋，我的感受還不錯，而後當時複製時把做者原話(?)也複製了，因此順便貼在下面吧）

寫一堆做品，好比如下這樣，而後寫的當中，你會遇到問題，這時候不要着急，遇到問題，解決問題，就是成長的過程。而後享受這個過程，這些解決問題的經驗，未來是你面試的資本，是工做中賴以生存的根本。也是促使你向更高技術攀登的動力，正由於css,js如此好玩，因此咱們一直不能中止追逐他的步伐。而後我我的感受，css,js是學不完的，技術隨着需求的不斷變化而不斷迭代，最主要仍是基礎打好，以不變以萬變。

Web前端開發規範文檔你須要知道的事：http://itindex.net/detail/396...
Web前端：11個讓你代碼整潔的原則：http://itindex.net/detail/386...

-------------2016.11.26更新------------------

因爲上上週要考證，上週又病了好幾天，沒時間更新，FCC和github都沒空弄。。唉
明天要旅遊，此次要更多些~

前端調試

Fiddler介紹：http://www.aliued.cn/2010/04/...
Fiddler實例：http://www.aliued.cn/2010/04/...
（就是用於前端調試。。曾在學習Ajax時用來測試客戶端向服務器請求數據的具體狀況，簡化版:http://www.cnblogs.com/shijin...）

一些博客

時間定格1：http://www.cnblogs.com/NetSos...
時間定格2：http://www.html5jscss.com/
（特色：文章涉及的知識很廣很雜亂。。某些技術總結不錯的，但只適合像雜誌同樣隨便看下就好）
（缺點：很舊很舊，前者大部分文章已是2010年，後者大多數停在2014年）

月光博客：http://www.williamlong.info/
（若是以爲前面那個博客有點過期，最多隻適合新手瀏覽一下，那這個博客你應該不會這麼說了，要是真的很熱愛互聯網方面知識，月光博客真的很不錯，也是當雜誌看，不過資訊很新鮮，基本天天更一篇）

良心資源庫

知識庫：http://lib.csdn.net/（這個涉及面很廣，內容不少，有空多逛逛）
伯樂在線：http://hao.jobbole.com/（這個也是內容不少=.=有空多逛逛）

-------------2017.10.13更新------------------

https://devdocs.io/
無心中找到的一個挺好的開發文檔集合的網站，能夠在線查詢多種編程語言及框架的API。感受很是好用，不過我這個是英文版，要中文版的童鞋本身私下找找吧，好像能夠選擇離線查看的。

https://developer.mozilla.org...
在freecodecamp刷題時官方提供的語法地址來自這裏，第一次知道這個網站，感受挺好，我我的以爲是升了幾級的w3school哈哈哈

————WEB前端學習，代碼讀百遍其義必見。