前端开发资源汇总分享(一)

js

http://blog.jobbole.com/29454/

常用javascript设计模式

http://coderlmn.github.io/code-standards/#userconsent#

前端代码规范 及 最佳实践

http://www.w3cfuns.com/thread-5591957-1-1.html

人人网javascript面试题

http://blog.51yuekan.com/2014/10/08/2014-08-02-javascript-module-define/

Javascript模块化开发－轻巧自制

https://github.com/hacke2/thin/tree/master/docs

从零开始写JavaScript框架

http://coolshell.cn/articles/9666.html

浏览器渲染原理

http://coolshell.cn/articles/9749.html#jtss-tsina

JS加载原理

http://bbs.html5cn.org/thread-84774-1-1.html

HTML5 中 40 个最重要的技术点

http://www.thinkjs.org/test/websocket

thinkjs 15行实现聊天系统

http://shangchun.net/promise-insight.html#userconsent#

剖析 Promise 之基础篇

xufei/blog#5

构件单页WEB应用

http://nodejs.cn/api

nodejs api

http://segmentfault.com/blog/colin4124/1190000000373243

如何恰当地学习 JavaScript

https://github.com/Lucifier129/Lucifier129.github.io/blob/master/lab/build-your-own-jquery-library.md#userconsent#

如何写一个你自己的jQuery库？

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_graphics_with_canvas#userconsent#

使用canvas绘图

http://blog.sina.com.cn/s/blog_53d3c24a0100mpnv.html#userconsent#

|运算符的技巧

http://rapheal.sinaapp.com/2014/11/06/javascript-error-monitor/#userconsent#

前端代码异常监控

http://www.w3cfuns.com/thread-5597323-1-1.html

用AOP改善JavaScript代码

https://github.com/alsotang/node-lessons

Node.js包学包会

http://www.codeceo.com/article/node-js-upload-large-file.html

Node.js上传1G文件

http://cloudbbs.org/forum.php?mod=viewthread&tid=28773&page=1&extra=#pid180304

JavaScript之web通信

http://zhuxinyong.com/2014/11/03/%E4%BD%BF%E7%94%A8Express4%E5%92%8CNode%E6%90%AD%E5%BB%BARESTful-API/

使用Express4和Node搭建RESTful API

http://www.cnblogs.com/fengyuqing/p/backbone_events_api_usage.html

Backbone事件模块及其用法

http://bbs.html5cn.org/thread-83317-1-1.html

HTML5画布(CANVAS)速查简表

http://www.gbtags.com/gb/site/sunnyboy2013.htm

图解闭包

css

http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html

css3 box-sizing属性

http://www.webhek.com/misc/mastering-nth-child/#userconsent#

精通:nth-child

http://www.cnblogs.com/dolphinX/p/3508869.html

浮动与BFC

http://ued.ctrip.com/blog/wp-content/webkitcss/quicksearch.html

webkit css 速查

http://www.cnblogs.com/ranran/archive/2014/11/03/4071088.html

CSS 和 JS 动画哪个更快

http://www.html5tricks.com/15-cool-html5-css3-animation.html

15个无比华丽的HTML5/CSS3动画应用

http://rauchg.com/2014/7-principles-of-rich-web-applications/

开发富WEBAPP的7个原则

http://www.daqianduan.com/4721.html

CSS创建三角形

http://ued.ctrip.com/webkitcss/

新版Webkit各属性的介绍，

http://enjoycss.com/

enjoycss

http://css3lib.alloyteam.com/

css3lib

http://www.cnblogs.com/yexiaochai/p/4074624.html

CSS3布局

http://www.iloushi.cn/ued/playground/background/

多层背景交换

http://www.cnblogs.com/lilyimage/p/3682810.html

flex全揭秘

http://blog.bingo929.com/transform-translate3d-translatez-transition-gpu-hardware-acceleration.html

使用CSS3开启GPU硬件加速提升网站动画渲染性能

http://blog.bingo929.com/html5-and-css3-tools-list.html

HTML5和CSS3工具资源汇总

移动

http://lyric.im/best-practice-for-web-app-development/

WEBAPP最佳实践

http://juntao.me/?p=42

Web移动端页面快速实现滑动效果

https://developer.apple.com/library/safari/navigation/

safari 开发者文档

http://mobile.51cto.com/web-388485.htm

Web App开发入门

http://isux.tencent.com/responsive-web-design.html

响应式网页设计

http://www.cnblogs.com/vajoy/p/3903591.html

跨终端响应式页面设计入门

http://www.lukew.com/ff/entry.asp?1927

大屏幕手机按键设计的几种思考

http://www.cnblogs.com/aaronjs/p/3147470.html

web app开发利器 - iscroll4 解决方案

http://pixelhandler.com/posts/develop-a-restful-api-using-nodejs-with-express-and-mongoose

使用express和mongoose在Node.js上开发restfun api

http://www.w3cmark.com/2014/99.html

移动端面试

https://www.zybuluo.com/hacke2/note/45079

移动的一些名词

http://www.html-js.com/article/2400

关于webapp中的文字单位的一些捣腾

http://www.html-js.com/article/2403

iSlider 移动端 Webapp 滑动的最优解决方案

http://www.nowamagic.net/csszone/css_IeFilterTransparencyShadowsEtc.php#userconsent#

IE滤镜实现透明度/阴影/渐变等特效

http://www.html-js.com/article/Like-the-winter-flexible-design-and-implementation-of-the-mobile-phone-Taobao-cold

手机淘宝的flexible设计与实现

作品

http://aui.github.io/popupjs/doc/selectbox.html

select修饰器

http://www.seejs.com/demos/examples/opa/#userconsent#

无痕哥滑动

http://jsbin.com/jonuyuzu/2/edit

无痕哥 购物车 动画

http://www.seejs.com/demos/examples/moon/#userconsent#

无痕哥白发魔女传

http://www.ituring.com.cn/article/25069

前端开发技术的发展

http://www.codefans.net/jscss/code/3808.shtml

JQ视觉差异

​

http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/#userconsent#

JQ懒加载

http://www.adanghome.com/js_demo/45/

http://www.lightapp.cn/auto/index/3462?channel=1&code=00f807513935e39fd4fd5afac71f03b0&weixin.qq.com=&from=timeline&isappinstalled=0#wechat_webview_type=1&from=timeline&isappinstalled=0

移动滑动

http://demo.kalcaddle.com/index.php?editor

WEB桌面

http://demo.itivy.com/jdigiclock/index.html

模拟HTC手机时间和天气

https://github.com/romashamin/Size-Marks-PS

Size-Marks-PS

http://www.yyyweb.com/demo/animated-buttons/index.html

CSS3按钮

https://www.manymo.com/emulators

移动端模拟

https://github.com/ccampbell/mousetrap

对键盘操作的一些封装

http://barretlee.github.io/SuperMarker/index_cn.html

小胡子哥的切图神器

http://www.gbtags.com/gb/gblaitu.htm#0-tsina-1-81620-397232819ff9a47a7b7e80a40613cfe1

图片生成工具

http://www.cnblogs.com/lhb25/p/jquery-face-detection-plugin.html

JQ人脸识别

http://www.cnblogs.com/flylee90/p/4086102.html

CSS3写轮眼

http://www.html5tricks.com/10-cool-html5-new-animation.html

10款优秀的HTML5作品

http://btgoogle.com/SchoolTest.html

投简历时学校选择器

http://www.oschina.net/news/56993/30-newest-free-ui-kits-for-november-2014

11 月份 30 个最新的免费 UI 工具包​

​

知乎

http://www.zhihu.com/question/26165631

对于同样的浮点数运算为何 Java 与 C 的结果不相同？

http://www.zhihu.com/question/21523362

js就是操作DOM用的么？

http://www.zhihu.com/question/23657255

如何快速判断 DOM 元素位于 viewport 以外?

http://www.zhihu.com/question/20175038

为什么使用原生 JS 删除、替换 DOM 节点总是要用到父节点？

http://www.zhihu.com/question/26157282

新手关于如何看编程经典书的一些疑惑？

http://www.zhihu.com/question/20691294

为什么「box-sizing:border-box」没有被广泛采用

http://www.zhihu.com/question/24997992

面试阶段如何与 HR 沟通薪酬？

http://www.zhihu.com/question/20194937

中国公司在 GitHub 上有哪些比较出彩的开源项目？

http://www.zhihu.com/question/22989105

「只差程序员」为什么会招黑？

http://www.zhihu.com/question/25680951

怎么进入BAT的研发部门?

http://www.zhihu.com/question/26157282

新手关于如何看编程经典书的一些疑惑？

http://www.zhihu.com/collection/38766289

前端收藏栏

http://www.zhihu.com/question/26295825

作为一个前端工程师，是往node方面转，还是往HTML5方面转？

http://www.zhihu.com/question/26521450

前端切图之前你是如何分析设计图的？

综合

http://www.cnblogs.com/twobin/p/4071132.html

这个小伙总结的基本都覆盖了的

http://developer.51cto.com/art/201404/435435.htm

如何在github上为开源做贡献

http://www.cnbeta.com/articles/341603.htm

Google已为Chrome带来全新的书签管理器

http://www.cnblogs.com/hustskyking/p/life-in-alibaba.html

我在阿里这仨月

http://www.cnblogs.com/huang0925/p/4069921.html

程序员健身

http://news.html5tricks.com/something-about-internet-companies-and-software-engineering.html

互联网公司和软件工程那些事

http://www.codeceo.com/article/10-job-questions-i-ask.html

10个我最喜欢问程序员的面试问题

http://www.codeceo.com/article/7-feature-programmer-have.html

优秀程序员的精神

http://www.cnblogs.com/astwish/articles/3548844.html

如何在github上fork一个项目来贡献代码以及同步原作者的修改

http://blog.csdn.net/wirelessqa/article/details/20153689

Git入门指南十一:Git branch 分支与合并分支

http://hi.barretlee.com/2014/04/30/switch-branch-in-git/

git切换到远程分支

https://www.zybuluo.com/mdeditor

在线 Markdown 编辑阅读器

http://cdn.code.baidu.com/

百度静态资源库

jayli/jayli.github.com#16

航旅无线前端团队必备技能

http://news.cnblogs.com/n/172861/

揭秘Amazon反应速度超快的下拉菜单

http://www.cnblogs.com/editor/p/4080517.html

吐槽贴：百度地图 api 封装 的实用功能；

http://krpano.com/

制作全景图

http://2014.jsconf.cn/slides/herman-taobaoweb

淘宝前后端分离

http://www.codeceo.com/article/5-sort-algorithm.html

5种排序算法性能比较总结​

系列

模块化规范

https://github.com/cmdjs/specification/blob/master/draft/module.md

seajs/seajs#242

cmd

https://github.com/amdjs/amdjs-api/wiki/AMD

https://github.com/amdjs/amdjs-api/wiki/AMD-(%E4%B8%AD%E6%96%87%E7%89%88)

amd

seajs/seajs#588

前端模块化开发那点历史

http://www.zhihu.com/question/20351507

AMD 和 CMD 的区别有哪些？

seajs/seajs#547

前端模块化的价值

http://lifesinger.wordpress.com/2011/05/17/the-difference-between-seajs-and-requirejs/

SeaJS 和 RequireJS 的异同

seajs/seajs#971

如何改造现有文件为 CMD 模块

define的定义

seajs/seajs#242

cmd define 模块定义

http://www.ruanyifeng.com/blog/2012/11/require_js.html

amd define 模块定义

seajs/seajs#242

CMD 模块定义规范

导航站分享

http://whycss.com/

http://sentsin.com/daohang/

http://www.cnfeinfo.com

http://123.jser.us/

http://www.css88.com/nav/

前端性能优化

http://www.gbtags.com/gb/share/3771.htm

http://www.gbtags.com/gb/share/3775.htm

http://www.gbtags.com/gb/share/3782.htm

淘宝装修工具

http://www.001daima.com/index.php?get=active&getmod=editor

http://www.esio.cn

http://www.soasoa.cn/index.html

http://www.dianmishu.com/

http://www.animer.cn/editor.html

处理移动Web应用Scroll效果JS库集合

https://github.com/ftlabs/ftscroller

https://github.com/zynga/scroller

https://github.com/davidaurelio/TouchScroll

http://cubiq.org/iscroll

浏览器原理

http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/

浏览器的工作原理

http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/

http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.group

http://www.smallni.com/css-performance-from-the-browsers-rendering/

浏览器的工作原理：新式网络浏览器幕后揭秘

http://coolshell.cn/articles/9666.html

浏览器的渲染原理简介

http://blog.vtmer.com/2013/05/high-performance-javascript-1/

js 并行加载与顺序执行

http://fex.baidu.com/blog/2014/05/what-happen/

从输入 URL 到页面加载完成的过程中都发生了什么事情？

http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.group

浏览器的工作原理：新式网络浏览器幕后揭秘

http://hikejun.com/blog/2012/02/02/js%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB

js css的顺序

http://coolshell.cn/articles/9749.html

js的装载与执行

http://renyongjie668.blog.163.com/blog/static/1600531201097062789/

浏览器加载和渲染html的顺序

ES兼容性查询

http://kangax.github.io/compat-table/es5/

这是5的

http://kangax.github.io/compat-table/es6/

这是6的

http://kangax.github.io/compat-table/es7/

这是7的。

简历

http://learnshare.github.io/about/index.html

不错的个人简历

http://hcy2367.github.io/resume/

简历

http://ncuey.sinaapp.com/CrispElite/

张伦

https://github.com/hacke2/ResumeSample

简历

http://blog.dandyweng.com/2013/07/how-my-website-was-created/

翁天信

http://www.webhek.com/misc/interactive-resume/

动画方式的简历

http://www.linqing07.com/resume.html

组件丰富简历