文章背景：腾讯平台上的qq群数以千万百万计，但99%的在吹水扯蛋，从早上的问好开始，到晚上的晚安，无一不浪费青春之时间，看之痛心，无力改变，只好自己建了一个，希望能以此来改变群内交流的氛围或环境。
以下是我群的一些约定分享一下，给其它行业同仁一点借鉴，以此也侧面推动行业阶梯式的进步，让入门级初中级找到一个适合的学习群。
以下为具体内容：
群号：159758989
人的存在是为了创建价值，群的存在是为了解决问题，你的存在是为了问题快速解决。 为了使你的问题得到快速的解决，请抽空阅读以下约定：
如果你暂时没有问题，可直接进入解决问题环节：
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://devdocs.io/
在线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 mobilehttps://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
坚壳&小数提供
周五晚上：６.00-12.00 为交流：职业困惑，产品方案，运营策略，创业历程，励志分享 等内容。抓紧时间，错过这点就没档了。
前端开发qq群：159758989 ，禁止闲聊，非喜勿进~！
