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常用命令

https://github.com/xufei/blog/issues/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的