qq.md

QQ交流群规

在线地址 http://t.cn/RL2NtqX

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

---

###前言

1. 宗旨：高效，高质量的交流，禁止无意义的闲扯，话题内容尽量保持在技术与职业相关范围内。原则上：白天上班时间禁止闲聊，业余时间话题可以稍为宽松。
2. 随着群人数越来越多，为了使群的价值能够保持技术的高质量输送或新鲜度，也为了使新人能够快速的融入这个团队，特编写此约定，希望大伙能够积极遵守或推进，谢谢各位的支持或厚爱。
3. 此群规是待运行版，公布出之后默认是大伙已经阅读并认可通过，如有违反，可能采取相应的措施。我们的目的侧重于引导，T人不是最终目的，我们最大的愿望是自此群规出台之后不要有任何一个人因为违反群规而被T出去。
4. 此群规也是引导大于惩罚，我们是前端相关从业人士，注重用户感知或行为约定，所以引导为辅，自觉为主。另外氛围还是需要大伙共同参与维护，我们鄙视每一个不尊重时间或浪费青春的人，我们希望在激情岁月里边能够留下成长的痕迹，我们希望这份共同的回忆能够N年后还能念念不忘或值得回忆。今天因为你在此群与各高手交流而感到自豪，明天此群因为曾经有你的存在而感到骄傲，后天因为我们回忆中有你的身影而感到怀念。
5. 人的存在是为了创造价值，群的存在是为了解决问题，你的存在是为了问题快速解决。
6. 如果你暂时没有问题，可直接进入我群的代码比赛环节： https://github.com/jsfront/qa/tree/master/2015/07/03

###一. 如何提问:

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

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

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

   • http://www.jsbin.com http://w3cshare.com/jsbin-editor/ jsbin的用法 优点：不需要登录，即发即预览 缺点：速度不靠谱
   • http://runjs.cn/ 优点：国内访问速度快，可以上传图片(左下角) 缺点：需要登录，用户名
   • http://www.jsfiddle.net 优点：功能强大，历史记录给力，缺点：访问速度慢

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

• Sina云 优点：不需要手工发布，只需三级域名就可以访问，支持语言：php,python,java， 缺点：需要身份证验证获取免费云豆 版本控制工具：svn
• 京东云 优点：不需要身份验证，支持：java,php,nodejs,python,ruby 缺点：需要在控制台手动发布才能在线上预览 版本控制工具：git
• github 优点：注册即有，方便 缺点：只支持静态 版本控制工具：git

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

###二. 禁问:

• 早上问早，晚上道晚安。聊天起于问早，止于呵呵。
• 有没有人在？
• 谁能帮我解决一个问题？
• 有没有jQuery高手在等？
• 群里有人做过XX的东西吗？等等类似的问题。

建议的问法是：

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

###三. 禁发:

• 广告，求职，推广，八卦。
• 尽量不要发无意义的大图片，建议发qq提供的默认的等于行距表情，约束这个目的在于：
  1. 人脑对图片的接受速度明显快于文字，过多的无意义图片会分散讨论的主题。
  2. 不方便回查，或聊天记录中寻找有价值的消息。
  3. 另外这是一个信息爆炸时代，人脑的接收是有上限的，过多的垃圾信息会占用有限的带宽。
• 尽量不要在群邮件中无意义回复，每次一个人回复是一次消息的广播，每个人都会收到，会产生信息垃圾。
• 禁止在群邮件中回复招聘或其它通知邮件。因为你的每一次回复将会有1000多人同时收到，而这条回复对其它人是没有任何意义的。
• 本群不欢迎纯hr的交流，技术人员内推招聘发群邮件，如有违反，直接踢，不另行引导或通知。
• 禁发超过文本行距的大gif。

###四. 警告:

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

###五. 资源教程:

• 前端知识体系
• 前端知识结构
• 免费的编程中文书籍索引
• 前端书籍
• 前端入门教程
• 前端知识体系
• 免费的编程中文书籍索引
• 张鑫旭 - 慕课系列
• 智能社 - 精通JavaScript开发
• lyn - 慕课系列
• css sprite 雪碧图制作
• 瘳雪峰的Javascript教程
• 焦点图轮播特效

###六. API:

####0. 开发中心

• mozilla js参考
• chrome开发中心（chrome的内核已转向blink）
• safari开发中心
• microsoft js参考
• js秘密花园
• js秘密花园

####1. jQuery

• jQuery API 中文文档
• hemin 在线版
• css88 jq api
• css88 jqui api
• devdocs
• jqschool
• 学习jquery
• jquery 源码查找

####2. Ecmascript

• 阮一峰 es6
• 阮一峰 Javascript
• ECMA-262，第 5 版
• es5

####3. Js template

• artTemplate
• tomdjs
• 淘宝模板juicer模板
• Fxtpl v1.0 繁星前端模板引擎
• laytpl

####4. 弹出层

• artDialog 最新版
• artDialog 文档
• google code 下载地址
• 贤心弹出层
• 响应式用户交互组件库

####5. CSS

• CSS3动画手册

####6. Angularjs

• angularjs中文社区
• Angularjs源码学习
• Angularjs源码学习
• angular对bootstrap的封装
• angularjs + nodejs
• 吕大豹 Angularjs
• AngularJS 最佳实践
• Angular的一些扩展指令
• Angular数据绑定原理
• 一些扩展Angular UI组件
• Ember和AngularJS的性能测试
• 带你走近AngularJS - 基本功能介绍
• Angularjs开发指南
• Angularjs学习
• 不要带着jQuery的思维去学习AngularJS
• angularjs 学习笔记
• angularjs 开发指南
• angularjs 英文资料
• angular bootstrap
• angular jq mobile
• angular ui
• 整合jQuery Mobile+AngularJS经验谈
• 有jQuery背景，该如何用AngularJS编程思想

####7. 移动端API

• 99移动端知识集合
• 司徒正美移动知识集合
• 移动端前端开发知识库
• zepto 1.0 中文手册
• zepto 1.0 中文手册
• zepto 1.1.2
• zepto 中文注释
• jqmobile 手册
• 移动浏览器开发集合
• js移动调试
• 移动开发大杂烩

####8. 图表类

• Highcharts 中文API
• Highcharts 英文API
• ECharts 百度的图表软件
• 高德地图

####9. Requriejs

• Javascript模块化编程（一）：模块的写法
• Javascript模块化编程（二）：AMD规范
• Javascript模块化编程（三）：require.js的用法
• RequireJS入门（一）
• RequireJS入门（二）
• RequireJS进阶（三）
• requrie源码学习
• requrie 入门指南
• requrieJS 学习笔记
• requriejs 其一
• require backbone结合

####10. Seajs

• seajs
• seajs 中文手册

####11. Less,sass

• less
• sass
• sass中国

####11. 其它

• 验证api
• underscore 中文手册
• underscore源码分析
• underscrejs en api
• ext4api
• backbone 中文手册
• qwrap手册
• 缓动函数
• svg 中文参考
• svg mdn参考
• 腾讯css3动画制作工具

####12. D3

• Tutorials
• lofter
• iteye
• ruanyifeng

####13. 兼容性

• esma 兼容列表
• caniuse
• csscreator
• microsoft

####14. UI相关

• bootcss
• MetroUICSS
• semantic
• Buttons
• kitecss
• pintuer
• amazeui
• worldhello
• linuxtoy
• gitmagic
• rogerdudler
• gitref
• book
• gogojimmy

####15. HTTP

• HTTP API 设计指南

####16. Markdown

• Markdown 语法说明 (简体中文版)
• markdown入门参考
• gitbook
• mdeditor
• mditor 一款轻量级的markdown编辑器

####17.

###七. 开发规范

• 前端编码规范之js
• 前端编码规范之js
• 最流行的PHP 代码规范
• 最流行的PHP 代码规范
• AMD与CMD规范的区别
• AMD与CMD规范的区别
• KISSY 源码规范
• bt编码规范
• 规范加强版
• 前端代码规范 及 最佳实践
• 百度前端规范
• 百度前端规范
• 百度前端规范
• 【敏捷开发】Android团队开发规范

###八. 其它收集

####1. Javascript

####2. Html5

• HTML5 有哪些让你惊艳的 demo？

####3. CSS

####4. jQuery

####5. Ext, Easyui, J-ui

####6. Chrome, Firebug, Filddle 调试

• Fiddler调式使用知多少(一)深入研究

####6. Chrome, Firebug, Filddle 调试

###九. Nodejs

• nodejs 篇幅比较巨大
• 篇幅比较少
• node express 入门教程
• nodejs定时任务
• 一个nodejs博客
• 【NodeJS 学习笔记04】新闻发布系统
• 过年7天乐，学nodejs 也快乐
• 七天学会NodeJS
• Nodejs学习笔记（二）--- 事件模块
• nodejs入门
• angularjs nodejs
• 从零开始nodejs系列文章
• 理解nodejs
• nodejs事件轮询
• node入门
• nodejs cms

###十. 性能优化

• Javascript高性能动画与页面渲染
• 移动H5前端性能优化指南

###十一. 前端架构

###十. 个人作品

####1. 推荐作品

• fgm

####2. 群员作品

• mdialog - [合肥-M.J]

###十一. 简历模板

• 不错的个人简历

###十二. 面试题

• 2014最新面试题

###十三. iconfont

• 中文字体

###十四. JS功能效果收集 ####1. 综合效果搜索平台

• 效果网

####2. 轮播图

• sochange

####3. 文件上传

• 百度上传组件

###十五. 前端导航网站

• 界面清爽的前端导航
• 前端导航