QQ联盟群交流群规-1

GITHUB在线地址 http://t.cn/RL2NtqX
看云在线地址 http://t.cn/RUdaGHn

联盟群
这是我们联盟群的组织结构，加入等级参考JS高级前端开发群加群说明。

这本来是我QQ群内部的一份公共约定的日常交流规则，后来得到大伙的一致认可，并用实际行动来捍卫它，使我倍受感动。
后来想：传播使爱更有力量，阅读使内心更为坚强，沉淀使生活更为醇香，分享使人更为谦卑或快乐。因为快乐，所以分享。
知识资源来源于互联网，应该返回给互联网，使看到的每一个人受益，也可以供其它各个行业的群主参考。
规则会不断的修改调整，你不在是一个受益者，更是一个项目参与者内容规则的创造者，再造福别人，欢迎fork之后push。

以下个人网址有的未经征得本人同意，如有不便之处请联系我，或fork之后删除再push，我们的心愿是在技术层面进行交流或学习，同时释放自己的激情或梦想。

---

如何优雅地使用群规

1. 先完整的浏览一遍此群规，了解大纲目录，知道群规有什么内容，以后方便回来查找。
2. 发出一个问题之后，不要暂时的离开电脑，如果没有把握先不要提问。
3. 珍惜每一次提问，感恩每一次反馈，每个人工作还是业余之外抽出的时间有限，充分准备好应有的资源之后再发问，有利于问题能够高效质量地得到解决。尤其是具备解决问题能力的人，通常时间都很宝贵。
4. 先搜索，再思考，最后再提问，很多人把这个顺序搞反了。
   以上部分观点出自此文 如何优雅地使用 Stack Overflow

前言

1. 宗旨：高效，高质量的交流，禁止无意义的闲扯，话题内容尽量保持在前端技术与职业相关范围内。原则上：白天上班时间禁止闲聊，业余时间话题可以稍为宽松。
2. 随着群人数越来越多，为了使群的价值能够保持技术的高质量输送或新鲜度，也为了使新人能够快速地融入这个团队，特编写此约定，希望大伙能够积极遵守或推进，谢谢各位的支持或厚爱。
3. 我们的目的侧重于引导，T人不是最终目的，我们最大的愿望是自此群规出台之后不要有任何一个人因为违反群规而被T出去。
4. 此群规也是引导大于惩罚，我们是前端类相关从业人士，注重用户心理，行为感知或契约精神，阅读完之后继续留在此群着，默认遵守此约定，如果不太习惯，建议退出，以免后期管理引导中出现不必要的冲突或对别人造成伤害，互联网因为开放或自由才有今天的成就，不同意可以退出，但不要进行伤害。另外主要还是引导为辅，自觉为主，氛围还是需要大伙共同参与维护，我们鄙视每一个不尊重时间或浪费青春的人，我们希望在激情岁月里边能够留下成长的痕迹，我们希望这份共同的回忆能够N年后还能念念不忘或值得回忆。今天因为你在此群与各高手交流而感到自豪，明天此群因为曾经有你的存在而感到欣慰，后天因为我们回忆中有你的身影而感到怀念。
5. 人的存在是为了创造价值，群的存在是为了解决问题，你的存在是为了问题快速解决。

一. 如何提问:

1. 请提供能重现问题的url或资源demo文件包。(url：是以www开头的一级域名或二级域名，demo文件是未上线的html静态页面，带图片的请上传至群共享。提供的资源文件，必须是换个环境之后完整的能重现所说的bug，而不是只有html没有关键css,图片等一个单独文件，如果你所属团队对前端代码有特殊的保密要求，请自行找其它解决办法)。

2. 文字描述不清的bug，用截图示意，且要说明两种状态：现状或期望的状态。

3. 没有图片的代码建议发：

   • http://www.jsbin.com
     一款优秀的在线编辑器：JsBin [使用教程]
     优点：不需要登录，即发即预览
     缺点：速度不靠谱
   • http://runjs.cn/
     优点：国内访问速度快，可以上传图片(左下角)
     缺点：需要登录，用户名
   • http://www.jsfiddle.net
     优点：功能强大，历史记录给力，缺点：访问速度慢

4. 有图片的代码发群共享或申请免费的测试空间

   • Sina云

   优点：不需要手工发布，只需三级域名就可以访问，支持语言：php,python,java，
   缺点：需要身份证验证获取免费云豆
   版本控制工具：svn

   • 京东云

   优点：支持：java,php,nodejs,python,ruby
   缺点：需要实名认证200元/人，需要在控制台手动发布才能在线上预览
   版本控制工具：git

   • github

   优点：注册即有，方便
   缺点：只支持静态
   版本控制工具：git

   • coding

   优点：免费，可以为每个项目开启预览，类似于Github Pages功能，但是支持Node.js,PHP,Phthon,Ruby,Scala,Play,Go这些语言。最近刚出的WebIDE可以直接在浏览器中写代码了，强烈推荐！
   缺点：提交新版本后，预览demo需要去后台手动部署（不过也就是点一个按钮的事情）
   版本控制工具：git

参考：

• X-Y 问题
• 向别人求助时有哪些「潜」规则？
• 如何在知乎提一个好问题？
• 如何优雅地向前辈或者高手请教技术问题？
• 提问的艺术-ZZ

二. 禁问:

日常生活废话禁问，主观性的问题禁问，概念性的问题禁问。

• 早上问早，晚上道晚安。聊天起于问早，止于呵呵。
• 有没有人在？
• 谁能帮我解决一个问题？
• 有没有jQuery高手在等？
• 群里有人做过XX的东西吗？等等类似的问题。
• 编辑器哪个工具好用？webstorm还是sublime还是vim？
• 什么是Javascript？什么是Ajax?

建议的问法是：

• 1. 有问题直接问。比如：前端的岗位特点是什么？
• 2. 直接说场景：我在做xx端东西的时候，在window 7平台的IE7版本下遇到了左右不对齐问题，具体如图所示img，代码地址：http://www.jsbin.com/xxxx，在百度中找到的答案，试了之后还是有同样的问题。请有空的同学帮我看看是什么问题？
     如果你的问题暂时没人理，那表示有空的同学都未涉猎，赶紧找其它办法。

三. 禁发:

• 广告，招聘，找工作，找实习，找私活者，接私活，推广(如极客邀请加入)，明星八卦，政治社会话题，禁群内签到，假红包，禁交流VPN相关话题，禁串群一个号加几个群(入门，初级，跳板，中级，高级，非管理只能加一个群)，禁群内语音，禁群内打开视频，分享视频等与前端技术或职业探讨主题无关的内容或行为，禁发超过一屏的长代码，不太习惯自己退，违者踢。
• 禁发无意义的大图片，建议发qq提供的默认的等于行距表情，约束这个目的在于：
  1. 人脑对图片的接受速度明显快于文字，过多的无意义图片会分散讨论的主题。
  2. 不方便回查，或聊天记录中寻找有价值的消息。
  3. 另外这是一个信息爆炸时代，人脑的接收是有上限的，过多的垃圾信息会占用有限的带宽。
• 禁止在群邮件中无意义回复，每次一个人回复是一次消息的广播，每个人都会收到，会产生信息垃圾。
• 禁止在群邮件中回复招聘或其它通知邮件。因为你的每一次回复将会有2000多人同时收到，而这条回复对其它人是没有任何意义的。
• 本群不欢迎纯hr的交流，公司技术人员内推招聘发群邮件，如有违反，直接踢，不另行引导或通知。
• 禁发超过文本行距的大gif。
• 禁止找人做作业要代码，拒绝伸手党。

四. 警告:

• 字体：微软雅黑，10，禁加粗，禁加斜，禁加下划线，字体颜色不建议特别刺眼的颜色。
• 禁止闲聊，或无意义回复。
• 提问之前最好百度，google过，着重培养的是一种能力或方法，不是一个结果。
• 不建议直接索要代码，可以追问技术实现的思路或方法。

五. 资源教程:

1. 综合类

   • 前端知识体系
   • 前端知识结构
   • Web前端开发大系概览
   • Web前端开发大系概览-中文版
   • Web Front-end Stack v2.2
   • En类资源汇总
   • 免费的编程中文书籍索引
   • 前端书籍
   • 前端免费书籍大全
   • 前端知识体系
   • 免费的编程中文书籍索引
   • 智能社 - 精通JavaScript开发
   • 重新介绍 JavaScript（JS 教程）
   • 麻省理工学院公开课：计算机科学及编程导论
   • JavaScript中的this陷阱的最全收集--没有之一
   • JS函数式编程指南
   • JavaScript Promise迷你书（中文版）
   • 腾讯移动Web前端知识库
   • Front-End-Develop-Guide 前端开发指南
   • 前端开发笔记本
   • 大前端工具集 - 聂微东
   • 前端开发者手册
   • 前端开发者手册
   • JavaScript 资源大全中文版
   • Awesomes - 前端资源库

2. 入门类

   • 前端入门教程
   • 瘳雪峰的Javascript教程
   • jQuery基础教程
   • 前端工程师必备的PS技能——切图篇
   • 结合个人经历总结的前端入门方法

3. 效果类

   • 弹出层
   • 焦点图轮播特效

4. 工具类

   • css sprite 雪碧图制作
   • 版本控制入门 – 搬进 Github
   • Grunt-beginner前端自动化工具

5. 慕课专题

   • 张鑫旭 - 慕课系列
   • lyn - 慕课系列
   • 艾伦 - 慕课系列
   • 碧仔 - Hello，移动WEB

6. 周刊类

   • 百度FEX技术周刊
   • 平安科技移动开发二队技术周报
   • 360奇舞周刊