學習內容

人的存在是爲了建立價值，羣的存在是爲了解決問題，你的存在是爲了問題快速解決。 爲了使你的問題獲得快速的解決，請抽空閱讀如下約定：

若是你暫時沒有問題，可直接進入解決問題環節：

https://gist.github.com/jikeytang

一. 如何提問:

1. 請提供能重現問題的url或資源demo文件包。(url：是以www開頭的一級域名或二級域名，demo文件是未上線的html靜態頁面，帶圖片的請上傳至羣共享。提供的資源文件，必須是換個環境以後完整的能重現所說的bug，而不是隻有html沒有關鍵css,圖片等一個單獨文件，若是你所屬團隊對前端代碼有特殊的保密要求，請自行找其它解決辦法。)

2. 文字描述不清的bug，用截圖示意，且要說明兩種狀態：現狀或指望的狀態。

3. 沒有圖片的代碼發

http://www.jsbin.com

http://w3cshare.com/jsbin-editor/ jsbin的用法

優勢：國內訪問稍快，發表簡單，缺點：功能簡單

http://www.jsfiddle.net

優勢：功能強大，歷史記錄給力，缺點：訪問速度慢

有圖片的代碼發羣共享或申請免費的測試空間：

http://sae.sina.com.cn/

http://jae.jd.com/

推薦使用intellij idea / phpstorm / webstorm來管理 svn/git 代碼的提交與更新。

Intellij idea羣： 244908708   羣公告: http://t.cn/8kZZ1Uy

 

參考：

http://coolshell.cn/articles/10804.html

X-Y 問題

http://www.zhihu.com/question/21218381

向別人求助時有哪些「潛」規則？

http://www.zhihu.com/question/19555761

 如何在知乎提一個好問題？

http://www.zhihu.com/question/25464141

如何優雅地向前輩或者高手請教技術問題？

 

二. 禁 問：

有沒有人在？

誰能給我解決一個問題？

個人XXXX位置不對了怎麼解決？

羣裏有人作過XX的東西嗎？等等相似的問題。

建議的問法是：

1. 有問題直接問。好比：前端的崗位特色是什麼？

2. 直接說場景：我在作xx端東西的時候，在window 7平臺的IE7版本下遇到了左右不對齊問題，具體如圖所示[img]，代碼地址：http://www.jsbin.com/xxxx，在百度中找到的答案，試了以後仍是有一樣的問題。請有空的同窗幫我看看是什麼問題？

若是你的問題暫時沒人理，那表示有空的同窗都未涉獵，趕忙找其它辦法。

 

 

三. 禁 發：

早上問好，打招呼。

廣告，求職(羣郵件僅發一次)，推廣，八卦，

超過行距的自定義表情，約束這個的目的在於：

1. 回查記錄的時候不要由於過多的無心義的內容而頻繁點擊翻頁鍵。
2. 或者有經典的教程資源內容時，方便白天不上網的同窗一次性複製記錄。
因此建議：不要發超過行距的表情，或自定義qq表情， 

3. 禁止在工做時間內利用qq提供的@別人的功能，建議進行手動@[ 暱稱 ]，這樣就不會進行特別提醒，也利於問題的一對一交流。

4. 禁止在羣郵件中回覆招聘或其它通知郵件。由於你的每一次回覆將會有1000多人同時收到，而這條回覆對其它人是沒有任何意義的。

 

四. 警告：

字體在10-12之間，

禁止閒聊，無心義回覆。

問問題以前最好本身百度google查過，思考過，都不能解決的再問。

禁止把羣當手冊用。

問題在羣裏問，不建議單M，不要指代問題只讓某人回答，

有些基礎不要徹底不會，不要打算直接要簡單代碼。不要作 伸手黨。

不要想着問題提出就立馬有人回答。

 

五. 羣約定 : 

最近經歷了一我的數的增加期或交流的蜜月期，爲了使此羣航向不發生偏離，也爲了使開放，互助，雙贏的互聯網精神走得更遠，在重複一下之前的約定：

1. 此羣原則是：高效，高質量的交流，禁止無心義的閒扯，話題內容儘可能保持在技術與職業相關範圍內。

2. 爲了使此羣的聊天記錄能有效的回溯可查，禁止發與內容無關的或超過文本行距的圖片，建議qq默認表情。

3. 有問題代碼不建議截圖（直接發jsbin.com，有圖片的bug直接發羣共享），如明顯強調代碼片斷，建議直接發文本代碼。爲了保護眼睛少受刺激，聊天字體顏色禁用紅，紫，等飽和度比較高的顏色，另外字體不建議強調加粗，加粗以後發出來的代碼片斷很佔空間，閱讀體驗很不友好。建議默認設置，微軟雅黑，10號-12號字大小。另外，再強調我羣有從事10年及以上的it資深人士，這些人的工做強度是很飽和的，難度是很大，在工做以外參與分享與探討，儘量的提供友好的交流體驗。搞前端玩的就是體驗，建議注重細節。

4. 爲了保持高效有力的交流原則，此羣不建議問早，提問時問：有人在嗎？有人用過xx嗎？

有問題建議直接提問，提問以前請組織好文字，換角度看看你的問題是否被別人能容易看懂。

 提倡主動學習，本身動手的學習方法及生活風格，有問題先百度，百度以後有問題，在提問。 

 從長遠的角度通常培養的是一種學習，生活的能力，不是一個答案。答案會隨着時代與客觀因素的變化而變化，方法與能力是永恆不變的。 

 so，保持清醒的頭腦，沒有方向時要駐足思考，沒有目標時要擡頭尋路。慶幸的時，咱們一直在路上。 

最後謙和，尊重，互助，感恩是此羣的四大交流基礎。 

技術以外完整的人格與良好的人性修養是職業發展的墊腳石。

 

六. 資源：

http://www.cnblogs.com/jikey/p/3613082.html

前端入門教程

http://pan.baidu.com/share/home?uk=4127504068&view=share
http://pan.baidu.com/share/home?uk=1413169451&view=share

前端入門視頻

http://pan.baidu.com/share/home?uk=4127504068

前端入門資料

http://www.cnblogs.com/sb19871023/p/3894452.html

前端知識體系

 

七. API手冊：

1. API集合

http://t.cn/Rv38Wg7

百度網盤離線衆多chm

http://api.jq-school.com/

在線api大全

 

2. Ecmascript 5

http://es5.github.io/

es5 en

http://www.ibm.com/developerworks/cn/web/wa-ecma262/index.html

http://yanhaijing.com/es5/

ECMA-262，第 5 版

http://javascript.ruanyifeng.com/

http://es6.ruanyifeng.com/

ECMAScript 6入門

 

3. 各開發中心

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

mozilla js參考

https://developer.apple.com/library/safari/navigation

safari開發中心

http://developer.chrome.com/extensions/api_index.html

chrome開發中心（chrome的內核已轉向blink）

http://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx

microsoft js參考

http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html

js祕密花園

 

4. jQuery

          http://learn.jquery.com/

          學習jquery

http://hemin.cn/jq/

Hemin在線版jquery 1.11.0手冊，適合mac用戶

http://jquery.bootcss.com/

jquery 中文api

http://www.css88.com/jqapi-1.9/on/

css88 jq api

 

5. js template

https://github.com/aui/artTemplate

artTemplate -> tmodjs

https://github.com/aui/tmodjs/blob/master/README.md

tomdjs

http://juicer.name/docs/docs_zh_cn.html

淘寶模板juicer模板

http://koen301.github.io/fxtpl/

Fxtpl v1.0 繁星前端模板引擎

http://sentsin.com/layui/laytpl/

laytpl

6. 彈出

https://github.com/aui/artDialog

artDialog 最新版

http://aui.github.io/artDialog/doc/index.html

artDialog 文檔

http://www.planeart.cn/demo/artDialog/

artDialog 4.x

https://code.google.com/p/artdialog/downloads/list

google code 下載地址

 

7. 其它

http://niceue.com/validator/demo/index.php

驗證api

http://www.css88.com/doc/underscore/

underscore 中文手冊

http://underscorejs.org/

underscrejs en api

http://extjs-doc-cn.github.io/ext4api/

ext4api

http://www.csser.com/tools/backbone/backbone.js.html

backbone 中文手冊

http://seajs.org/

http://cyj.me/why-seajs/zh/

seajs 中文手冊

http://www.vipaq.com/rtfm/JavaScript/RequireJs/zh-cn/2.1.9/api.html

requriejs 中文api 2.1.9

http://makingmobile.org/docs/tools/requirejs-api-zh/

requriejs 中文api 2.1.6

http://devdocs.io/

英文版各類API

http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm

qwrap手冊

http://easings.net/zh-cn

緩動函數

http://www.w3school.com.cn/svg/svg_reference.asp

svg 中文參考

https://developer.mozilla.org/en-US/docs/Web/SVG

svg mdn參考

 

8. nodejs

https://github.com/mailzwj/node.js

Node.js 資源彙總 - 無痕

        https://github.com/alsotang/node-lessons

        教程

 

9. 兼容性

        http://caniuse.com/#index 

         http://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85).aspx 

        http://csscreator.com/properties

 

10. UI:

  http://v3.bootcss.com/

 http://www.w3cplus.com/MetroUICSS/

http://semantic-ui.com/

http://alexwolfe.github.io/Buttons/

http://hiloki.github.io/kitecss/

http://www.pintuer.com/

http://amazeui.org/

http://www.worldhello.net/gotgithub/index.html 
http://igit.linuxtoy.org/contents.html 
http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn/ 

http://rogerdudler.github.io/git-guide/index.zh.html 
http://gitref.justjavac.com/ 
http://git-scm.com/book/zh 
http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic/

 

 

八：移動端api

          

http://demos.jquerymobile.com/1.4.3/

jquery mobile

https://github.com/jtyjty99999/mobileTech

99移動端知識集合

https://github.com/RubyLouvre/mobileTech

司徒正美移動知識集合

http://www.html-5.cn/Manual/Zepto/

http://mweb.baidu.com/zeptoapi/

zepto 1.0 中文手冊

http://www.css88.com/doc/zeptojs_api/

zepto 1.1.2

http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html

zepto 中文註釋

http://app-framework-software.intel.com/api.php

jqmobile 手冊

https://github.com/maxzhang/maxzhang.github.com/issues

移動瀏覽器開發集合

http://thx.github.io/mobile/debugging-in-mobile/

js移動調試

https://github.com/hoosin/mobile-web-favorites

移動開發大雜燴

 

九：圖表地圖類：

1. 圖表

http://www.hcharts.cn/api/index.php

Highcharts 中文API

http://api.highcharts.com/highcharts

Highcharts 英文API

http://echarts.baidu.com/ 

ECharts 百度的圖表軟件

 

2. 地圖

http://lbs.amap.com/api/

高德地圖

 

十 : 我的網站：

https://github.com/jikeytang/front-end-collect

前端收集

http://jsfiddle.net/user/jikeytang/fiddles/

代碼片斷收藏

https://github.com/jikeytang/sublime-text

sublime-text

 

十一：羣基金：

目的：首先這不是一個契約，這是一個感恩的回報，也是一種指望。捐款只是爲感謝以往你在羣裏的問題獲得快速解決或者在羣裏學到很多東西，不是說我捐款未來的問題就必定獲得解決，指望個人問題能很快獲得解決。

咱們理解你遇到問題時的焦急與無奈，但同時咱們也尊重各位管理或熱心朋友回答問題的辛苦與堅持。

這筆基金將用來給羣管理髮「工資」，工資的形式多是一本書，或幾本書。是一年一發，仍是半年一發仍是不發，具體視狀況而定。

這樣作的目的只有一個：你的感恩有門，咱們的勞動獲得尊重，承認或羣存在的價值被確定。

方式：手機直接掃描如下二維碼捐贈，pc端支付寶帳號：puag@163.com

捐款後請在羣內私聊打個招呼，以便信息覈對，爲了透明，捐款後羣暱稱與數目會被公開。

好比：我是來自 [ js-前端開發羣 ] - 豪情，很是感謝羣內同窗對我耐心無私的幫助，爲表示感謝，捐款20元 (金額不限)，略表心意~！

請仔細欣賞這張大圖，是否是有股正氣隱隱的撲面而來，吸引着你繼續不停的向前，奔跑，努力，奮鬥。 

入羣后捐贈

 

十三：做品展現

         1. 推薦做品

http://www.fgm.cc/learn/

http://htmlcssjs.duapp.com/

當耐特demo集合

http://www.gafish.net/learn/

js學習 網站新域名

http://www.laoshu133.com/Lab/

米空格 js做品

http://koen301.github.io/

myFocus

http://jssdk.sinaapp.com/

jssdk flash開發組件　抽獎轉盤

http://panxuepeng.github.io/seajslib/

SeaJS組件庫

http://yanhaijing.com/myProject/

顏海鏡做品

http://jo2.org/category/myworks/

腳兒網做品

http://www.cnitblog.com/yemoo/category/3107.html

javascript我的做品

http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790

妙味的雷東昇遊戲做品

http://bbs.csdn.net/topics/380227212

javascript做品集

https://github.com/TooBug/works

雲五筆，灰度產生生成工具

http://koen301.github.io/

項目主頁

http://zaole.net/

個性的做品主頁

http://www.gafish.net/learn/

gafish做品

http://static.tingall.com/v2/player/

播放器

http://jinzhe.net/

婆婆系列

http://ucren.com/blog/demos

ucren js demos 集

http://www.zhinengshe.com/works_list.html

blue做品集

http://demos.shizuwu.cn/

實例陳列架

http://zoye.sinaapp.com/demo

zoye demo

http://lab.wangyuanwai.com/

王員外

http://pingfan1990.sinaapp.com

平凡

http://www.lovewebgames.com/

jyg 遊戲案例 

 

2. 羣員做品

http://demo.webjyh.com/

mdialog - [合肥-M.J]

http://sandbox.runjs.cn/show/do6zlrrk 

輪播圖 - [上海－冷靜]

http://www.replace5.com/

http://jsbin.com/rofod/1/edit

[廣州—堅殼]

http://www.sogreatwell.com/

css3動畫 [深圳-shop]

http://www.seejs.com/%E7%80%91%E5%B8%83%E6%B5%81

[成都 - 無痕]

http://www.pengyaou.com

[成都－球球]

http://demo.f2eer.com

[北京-小末]

http://hacke2.github.io/works

[球霸天]

http://www.cnblogs.com/mcat/

[北京-小數] 

http://ushare.pw/wp/front-end/css/84/

[北京－X-Ray]

http://www.oc35.com/uc_interview.html

[廣州 - 刑天] - 中獎轉盤

http://qianliwei.com/QFocus/index.html

[寧波-undefined] - 輪播圖

http://thx.github.io/magix/

[ptf] Magix 工具

十四. nodejs

http://liuqing.pw/

nodejs 篇幅比較巨大

http://rainweb.cn/article/category/Nodejs

篇幅比較少

http://rainweb.cn/article/category/Nodejs

nodejs

http://nqdeng.github.io/7-days-nodejs

大示例是一個靜態文件合併服務器

http://www.w3cfuns.com/article-5598538-1-1.html

node express 入門教程

http://my.oschina.net/u/568264/blog/193773

nodejs定時任務

http://60sky.com/

一個nodejs博客

http://www.cnblogs.com/yexiaochai/p/3536547.html

【NodeJS 學習筆記04】新聞發佈系統

http://www.cnblogs.com/qqloving/p/3541099.html

過年7天樂，學nodejs 也快樂

https://github.com/nqdeng/7-days-nodejs

七天學會NodeJS

http://www.cnblogs.com/zhongweiv/p/nodejs_events.html

Nodejs學習筆記（二）--- 事件模塊

https://github.com/zensh/jsgen

angularjs nodejs

http://www.cnblogs.com/liusuqi/p/3735491.html

nodejs入門

https://github.com/koajs/koa

http://koajs.cn/

http://koa.rednode.cn/

https://github.com/turingou/koa-guide

koa框架

http://blog.fens.me/series-nodejs/

從零開始nodejs系列文章

 

1.理解nodejs；

http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb

2.nodejs事件輪詢；

http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop/

http://www.nodebeginner.org/index-zh-cn.html

node入門

http://www.w3cfuns.com/tools.php?mod=booknodejs

nodejs參考手冊

3. nodejs cms

http://ourjs.com/detail/53e1f281c5910a9806000001

 

十五：Angularjs

1. 源碼學習 :

http://www.cnblogs.com/xuwenmin888/p/3739096.html

Angularjs源碼學習

http://www.ifeenan.com/?c=AngularJS

Angularjs源碼學習

 

2. 資料網址 :

http://yeomanjs.org/

http://wkylin.github.io/assets/GruntJsPpt/gruntJs.html

http://angularjs.org

 

http://angular-ui.github.io/bootstrap/

angular對bootstrap的封裝

http://cnodejs.org/topic/51404e0f069911196d2e3923

angularjs + nodejs

http://www.cnblogs.com/lvdabao/tag/AngularJs/

呂大豹 Angularjs

http://angularjs.cn/

angularjs中文社區

2013年AngularJS資料大全

http://www.iteye.com/news/28651-AngularJS-Google-resource

有jQuery背景的開發者如何創建起AngularJS的思惟模式？

http://www.infoq.com/cn/news/2013/11/how-to-think-angularjs

http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background

使用AngularJS構建大型Web應用

http://www.infoq.com/cn/news/2013/02/angular-web-app

AngularJS 最佳實踐

http://www.lovelucy.info/angularjs-best-practices.html

Angular的一些擴展指令

https://gist.github.com/btm1

擴展了set-attr, set-if(替代ng-if但不作watch), set-repeat(單向數據綁定替代ng-repeat但不作watch以提升性能)

Angular長列表性能調優

http://tech.small-improvements.com/2013/09/10/angularjs-performance-with-large-lists/

調優:Optimizing AngularJS: 1200ms to 35ms

http://blog.scalyr.com/2013/10/31/angularjs-1200ms-to-35ms/

單向綁定指令

https://github.com/Pasvaz/bindonce

Angular數據綁定原理

http://stackoverflow.com/questions/9682092/databinding-in-angularjs

https://github.com/angular-ui/

一些擴展Angular UI組件

http://voidcanvas.com/emberjs-vs-angularjs-performance-testing/

Ember和AngularJS的性能測試

http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html

帶你走近AngularJS - 基本功能介紹

http://www.zhihu.com/question/21151483

AngularJS 有沒有缺點？MVVM 框架中有比它更好的嗎

http://angular.duapp.com/docs/guide

Angularjs開發指南

http://www.cnblogs.com/amosli/p/3710648.html

Angularjs學習

http://www.rainweb.cn/article/angularjs-jquery.html

不要帶着jQuery的思惟去學習AngularJS

http://wangjiatao.diandian.com/?tag=angularjs

angularjs 學習筆記

http://www.angularjs.cn/T008

angularjs 開發指南

https://github.com/jmcunningham/AngularJS-Learning

ajgularjs 英文資料

http://angular-ui.github.io/bootstrap/

angular bootstrap

https://github.com/opitzconsulting/jquery-mobile-angular-adapter

angular jq mobile

http://mgcrea.github.io/angular-strap/

angular ui

http://www.tuicool.com/articles/7ZZVr2

整合jQuery Mobile+AngularJS經驗談

http://zhuanlan.zhihu.com/thefrontendperiodicals/19805365

構建本身的AngularJS，第一部分：Scope和Digest

http://blog.jobbole.com/46589/ 

有jQuery背景，該如何用AngularJS編程思想

http://angularjs.cn/T006

http://www.hacke2.cn/oschina-angularjs/

開源中國的 AngularJS 優秀文章彙總

http://zouyesheng.com/angular.html 
http://www.sunzhongwei.com/angularjs.html 
http://www.lovelucy.info/angularjs-best-practices.html 
http://www.ituring.com.cn/minibook/303 
https://github.com/teamcat/AngularLearing

堅殼&小數提供