学习内容

人的存在是为了创建价值，群的存在是为了解决问题，你的存在是为了问题快速解决。 为了使你的问题得到快速的解决，请抽空阅读以下约定：

如果你暂时没有问题，可直接进入解决问题环节：

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

坚壳&小数提供