2014年10月 上 前端资源分享

[hacke2]

技术类

http://blog.jobbole.com/51586/
自动化任务运行器 Grunt 迅速上手

http://www.cnblogs.com/jsoo/archive/2011/08/03/2126035.html
动态加载javascript和css

http://blogread.cn/it/article/6487?f=wb
IoC/DIP其实是一种管理思想

https://github.com/hacke2/technode-tutorial
socket.io and angular.js教学文章

http://cssha.com/open-window-in-chrome/
如何绕过chrome的弹窗拦截机制

http://blogread.cn/it/article/6478?f=wb
Js事件监听封装（支持匿名函数）

http://www.cnblogs.com/hustskyking/p/principle-of-javascript-template.html
JavaScript模板引擎原理，几行代码的事儿

http://www.cnblogs.com/zaohe/archive/2013/04/02/2996441.html
JS模板实现

http://www.html5cn.org/article-6043-1.html
20行Javascript代码写出页面模板引擎

http://www.cnblogs.com/hustskyking/p/javascript-semantization.html
如何让你的JavaScript代码更加语义化

http://www.cnblogs.com/hustskyking/p/javascript-asynchronous-programming.html
JavaScript异步编程原理

http://blog.jobbole.com/77748/
大型网站系统架构的演化

http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html
作为Web开发人员，我为什么喜欢Google Chrome浏览器

http://blog.jobbole.com/73031/
用 Express 和 AbsurdJS 做 Node.js 应用

http://www.docin.com/p-640431287.html
认识process.nextTick()函数

http://blog.csdn.net/sagomilk/article/details/20800543
1分钟写完爬虫 拿亚马逊商品数据

http://cnodejs.org/topic/512d8172df9e9fcc58333c73
Express+Nodejs 下的登录拦截实现

http://www.cnblogs.com/fullhouse/archive/2011/07/18/2109938.html
NodeJS框架Express的模板视图机制

http://www.cnblogs.com/sysu-blackbear/p/3463475.html
Git常用命令

xufei/blog#3
从HTML Components的衰落看Web Components的危机

http://msdn.microsoft.com/en-us/library/ms531079(v=vs.85).aspx
Introduction to DHTML Behaviors

http://www.cnblogs.com/sky000/archive/2010/10/14/1851262.html
onmouseetner和onmuseleave

http://www.w3cfuns.com/article-1306-1.html
想学习超流行的响应式设计？来看看这篇教程

http://www.cnblogs.com/samwu/archive/2013/06/06/3121649.html
Zepto 使用中的一些注意点(转)

http://www.cnblogs.com/vagerent/archive/2010/02/05/1664450.html
利用Jquery实现http长连接(LongPoll)

http://www.ibm.com/developerworks/cn/web/wa-lo-comet/
Comet：基于 HTTP 长连接的“服务器推”技术

http://www.html5cn.org/article-6043-1.html
20行Javascript代码写出页面模板引擎

http://www.codeceo.com/article/tcp-transform.html
TCP连接——爱的传声筒

http://www.cnblogs.com/jsoo/archive/2011/08/03/2126035.html
动态加载javascript和css

http://weixiaolu.iteye.com/blog/1479656
Java NIO原理 图文分析及代码实现

http://bbs.html5cn.org/thread-80950-1-1.html
解决setInterval计时器不准的问题

http://www.codeceo.com/article/tcp-diffcult.html
TCP协议要点和难点全解

http://blog.jobbole.com/52857/
AngularJS 中的一些坑

http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html
jQuery的deferred对象详解

http://www.cnblogs.com/snandy/archive/2012/12/19/2812935.html
读jQuery之二十（Deferred对象）

http://blogread.cn/it/article/6506?f=wb
javascript函数的throttle和debounce

http://www.cnblogs.com/gaochundong/p/string_matching.html
字符串匹配算法

http://www.cnblogs.com/zhuifeng/p/4008058.html
URL详解

http://isux.tencent.com/ps-photoshop-cc-fd.html
Photoshop CC 与前端那些事

http://blog.jobbole.com/53487/
JavaScript 跨域总结与解决办法

http://blog.jobbole.com/53736/
为什么我要用 Node.js? 案例逐一介绍

https://developer.mozilla.org/en/docs/Rich-Text_Editing_in_Mozilla#userconsent#
Rich-Text Editing in Mozilla

http://blog.jobbole.com/55067/
编写更好的CSS代码

http://www.cnblogs.com/fengzekun/p/3940918.html
javascript parseJSON

http://www.ymk8.com/Item/Show.asp?m=1&d=1381
各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试

http://www.jackyrao.com/archives/383
非CMD模块的javascript文件兼容封装方案

http://www.ruanyifeng.com/blog/2014/10/event-loop.html
JavaScript 运行机制详解：再谈Event Loop

http://www.codeceo.com/article/javascript-no-block.html
JavaScript无阻塞加载性能优化方案

http://bbs.html5cn.org/thread-80718-1-1.html
JavaScript与有限状态机

http://www.w3cplus.com/css3/introduction-into-css3-grid-layout.html
CSS3网格布局介绍——网格的运行

http://www.iefans.net/ie-css-bug-table/
打败ie的葵花宝典

http://www.cnblogs.com/jsoo/archive/2011/08/03/2126035.html
动态加载javascript和css

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
js运算符规则

https://app.yinxiang.com/shard/s8/sh/b72fe246-a89d-434b-85f0-a36420849b84/59bad790bdcf6b0a66b8b93d5eacbead
【朴灵评注】JavaScript 运行机制详解：再谈Event Loop

http://fe.meituan.com/webp.html
美团在webp方面的实践

http://blog.jobbole.com/77956/
函数式JavaScript（4）：函数柯里化

http://developer.51cto.com/art/201008/218335.htm
常见浏览器兼容性问题与解决方案

http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html
深入理解JavaScript系列

http://www.codeceo.com/article/javascript-bibao.html
Javascript闭包深入解析及实现方法

http://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array-in-javascript#userconsent#
数组乱序

http://www.cnblogs.com/zhuifeng/p/4008058.html
URL详解
小知识点解析

http://segmentfault.com/blog/laopopo/1190000000708417
使用Slip.js快速创建整屏滑动的手机网页

http://www.ruanyifeng.com/blog/2011/05/how_to_judge_the_existence_of_a_global_object_in_javascript.html
如何判断Javascript对象是否存在

http://www.cnblogs.com/editor/p/4007862.html
Javascript 俄罗斯方块 游戏代码解释!

http://www.cnblogs.com/bigbrother1984/p/4010492.html
Sizzle选择器引擎介绍

http://www.zhihu.com/question/25842198
JS中的this 在不同的地方指向不一样，在哪些地方需要注意？

http://segmentfault.com/blog/scriptjava/1190000000692744
JavaScript拆分字符串时产生空字符的原因

http://www.cnblogs.com/Hcjer/p/4016041.html
创建你的第一个JavaScript库

http://bbs.html5cn.org/thread-80950-1-1.html
解决setInterval计时器不准的问题

https://github.com/evilcos/papers
历届 Papers

作品类

http://runjs.cn/detail/gbbzutwk#userconsent#
纯CSS3实现图片切换

http://www.phpthinking.com/thanks/love.htm
有人向给女朋友惊喜或者给女神表白吗？改改JS就可以了

http://www.cnblogs.com/sky000/archive/2012/02/23/2364536.html
又一个滑动效果

http://www.zhinengshe.com/works/3546/index.html
利用after和before制作提示框

资源类

http://blog.jobbole.com/77232/
一些帮助Web前端开发的Sublime Text包

https://github.com/hacke2/ResumeSample
程序员简历模板系列

http://www.gbtags.com/gb/share/3577.htm
超棒的HTML5/CSS3单页面响应式模板（支持Bootstrap

http://bbs.html5cn.org/thread-79794-1-1.html
15款最好的 jQuery Modal（模态窗口）插件

http://damoqiongqiu.iteye.com/blog/2010720
node-webkit：开发桌面+WEB混合型应用的神器

http://www.css88.com/doc/underscore/#compact
underscore API

http://www.admin10000.com/document/3811.html#userconsent#
那些用JavaScript写的操作系统

http://www.spritecow.com/#userconsent#
spritecow

http://www.ituring.com.cn/article/775
Markdown语法

http://www.html5cn.org/article-6078-1.html
一个轻量级CSS3动画库：JX.Animate

http://tool.chinaz.com/js.aspx
JS混淆加密压缩

http://ecd.tencent.com/css3/tools.html
http://jeremyckahn.github.io/stylie/
css3动画在线制作器

http://webdesign.tutsplus.com/tutorials/how-to-create-css-animations-visually-with-stylie--cms-22161
相关介绍

http://www.colorzilla.com/gradient-editor/
css3渐变在线制作器

http://tool.css-js.com/#userconsent#
CSS, JavaScript 压缩, 美化, 加密, 解密

http://synergy-project.org/?hl=zh
Synergy 鼠标和键盘共享软件

http://gmu.baidu.com/demo/
百度移动框架

http://alloyteam.github.io/Spirit/
腾讯移动框架

http://www.html5cn.org/article-6278-1.html
为 Node.js 开发者准备的8本免费在线电子书

http://www.w3cplus.com/solution/css3content/css3content.html
http://www.zhangxinxu.com/wordpress/2010/04/css-content%E5%86%85%E5%AE%B9%E7%94%9F%E6%88%90%E6%8A%80%E6%9C%AF%E4%BB%A5%E5%8F%8A%E5%BA%94%E7%94%A8/
css3 content 生成内容

http://www.zhihu.com/question/22022905
css content 如何自定义生成图标？

http://blog.jobbole.com/49320/
十步图解CSS的position

知乎类

http://news.cnblogs.com/n/505390/
移动互联网创业者的三大误区

http://www.zhihu.com/question/22290503
如何评价煎蛋这样的网站？
创业中如何寻找一个创意亮点，或用户需求点。
http://pcottle.github.io/learnGitBranching
游戏学git

http://www.zhihu.com/question/25335819
如何找到跟对的老板，跟对企业？

http://www.zhihu.com/question/19867883
怎样正确做 Web 应用的压力测试？

http://www.zhihu.com/question/20003204
大型公司开发软件的流程是怎样的？

http://www.zhihu.com/question/25026687/answer/30486027
什么样的老师是好老师？应该怎么样做一个好老师？

http://www.zhihu.com/question/22426434/answer/21433867
还要多少年, 前端开发才能像客户端开发那样轻松？

http://www.zhihu.com/question/20398616
人为什么要很努力地工作？

http://www.zhihu.com/question/22614212
为什么现在很多年轻人愿意到北上广深打拼，即使过得异常艰苦，远离亲人，仍然义无反顾

http://www.zhihu.com/question/25112568
冒泡排序为什么会被看做经典，写入所有C语言的教科书？

http://www.zhihu.com/question/25433595
如何跟外国人解释为何中国人不用 Facebook？

http://www.zhihu.com/question/25500292
女生适合IT行业吗or跨专业考研？

http://www.zhihu.com/question/22951927
本科生如何系统地学习前端开发

http://www.zhihu.com/question/25836091
拿到口头的offer，一般公司会变卦吗？

http://www.zhihu.com/question/25842198
JS中的this 在不同的地方指向不一样，在哪些地方需要注意？

http://www.zhihu.com/question/20260762
有哪些 JS 调试技巧？

http://www.zhihu.com/question/25749900
都说学习 Photoshop 要学习其中的原理，那么 Photoshop 工具的原理在哪学习？

http://www.zhihu.com/question/25583089
设计师这样的工作，可以做一辈子吗？

http://www.zhihu.com/question/19813278
中国变成一个拼爹拼关系的社会了吗？

http://www.zhihu.com/question/19588629
一名合格的前端工程师的知识结构是怎样的？

http://segmentfault.com/blog/colin4124/1190000000373243
[译] 如何恰当地学习 JavaScript

http://www.zhihu.com/question/25583350
百度腾讯offer比较(腾讯游戏VS百度基础架构)？

http://segmentfault.com/q/1010000000628530
请问这些javascript表达式的结果是？为什么？

http://segmentfault.com/a/1190000000338382
前端开发知识结构

http://segmentfault.com/q/1010000000382769
github上有什么好的项目能够帮助新人理解javascript吗?

http://www.cnblogs.com/vamei/archive/2012/11/17/2774208.html
为什么要写技术博

http://blogread.cn/it/article/6493?f=wb
如何设计一个优秀的API

http://get.jobdeer.com/1612.get
程序员如何正确的评估自己的薪资

http://www.zhihu.com/question/23659600
如何看待神马搜索?

http://www.zhihu.com/question/19563138
最好的产品经理社区或者讨论圈有哪几个？

文章类

http://www.watchmen.cn/portal.php?mod=view&aid=273
普通开发者 如何拿到国内IT巨头的Offer

http://blogread.cn/it/article/6461?f=wb
腾讯敏捷开发及快速迭代

http://blog.dandyweng.com/2013/07/how-my-website-was-created/#userconsent#
我的个人网站是怎么做出来的

http://www.itmian4.com/
IT面试网

http://barretlee.github.io/learning-in-front-end/#userconsent#
前端学习的那些往事

http://blogread.cn/it/article/6485?f=wb
一些做产品的项目经验：立项、流程、文档

http://blogread.cn/it/article/6496?f=wb
中间件和稳定性平台

http://www.cnblogs.com/leefreeman/p/3998757.html
大型网站的灵魂——性能

http://www.cnblogs.com/levenyes/p/4003681.html
人生苦短，我用python——当我在玩python的时候我玩些什么

http://segmentfault.com/blog/devlevelup/1190000000702013
国庆荐书：技术人必读的人文书

http://www.itbbu.com/762.html
腾讯走上王者之位，你以为靠的只是抄袭？

http://blog.jobbole.com/45296/
老码农教你学英语

http://www.codeceo.com/article/10-common-mistakes-programmer-interview.html
程序员准备面试时常犯的10个错误

http://www.imooc.com/wenda/detail/209520
前端开发人员必备的5款开发工具

http://www.jacopretorius.net/2013/07/angularjs-pain-points.html
AngularJS Pain Points

http://segmentfault.com/blog/justjavac/1190000000329966
[福利] 免费的编程中文书籍索引 (不定期更新)

https://github.com/search?utf8=%E2%9C%93&q=awesome
git好资源

http://news.html5tricks.com/10-years-for-technology.html
一名程序员十年技术之路的思考与感悟

AngularJS
http://blog.jobbole.com/77833/
Web 开发在 2015 年及未来的发展趋势

http://www.cnblogs.com/Darren_code/archive/2011/06/29/javascript-learn.html
说说我的web前端之路,分享些前端的好书

http://www.codeceo.com/article/node-js-web-framework.html
如何选择Node.js Web开发框架？

http://www.codeceo.com/article/10-common-mistakes-programmer-interview.html
程序员准备面试时常犯的10个错误

https://ruby-china.org/topics/21831
《Linux 命令行》中文版 PDF 上线了

http://codepen.io/patterns/
Design Patterns

http://www.cnblogs.com/shenyisyn/
沈大侠的 失业的程序员，马上就要第二版了，有兴趣的关注一下。

http://www.cnblogs.com/wangfupeng1988/p/4001284.html
【深入理解javascript原型和闭包系列 】 历时半月完稿，求推荐

http://www.kuqin.com/shuoit/20140503/339604.html
「阿里校友」—从阿里巴巴走出的创业牛人们

http://www.zhihu.com/question/20289254
http://www.cnblogs.com/hustskyking/p/history-api-in-html5.html
http://www.welefen.com/pjax-for-ajax-and-pushstate.html
pjax：ajax和pushState结合的js库

http://item.jd.com/11055746.html
精益创业

http://item.jd.com/11355294.html
创新者的窘境

http://www.forbeschina.com/news/news.php?id=36967
周鸿祎推荐：十大商业经典图书

http://news.cnblogs.com/n/505279/
创业教父箴言：创业之前

http://news.cnblogs.com/n/505550/
当老板不是创业的好理由

http://www.cnblogs.com/mehale/p/4015519.html
从事IT业一个8年老兵转行前的自我总结1——初爻

[Ghohankawk]

很不错的总结

[shenmijifu]

有没有讲解JSF的