js

http://www.zhihu.com/question/19655374?
前端程序員，如何能成長成為一個工程師級別的開發(fā)者？ http://www.cnblogs.com/sharpxiajun/p/4072396.html 探真無阻塞加載javascript腳本技術(shù)，我們會發(fā)現(xiàn)很多意想不到的秘密 http://keenwon.com/851.html js 判斷 ie11 http://blog.sina.com.cn/s/blog_53d3c24a0100mpnv.html 變態(tài)的位運算 https://github.com/airen/front-end-automation-bookmark 大漠創(chuàng)建學(xué)習(xí)標簽 http://segmentfault.com/q/1010000000707386 你寫過的最屌的代碼是什么? http://facebook.github.io/react/index.html facebook一個框架，小，靈活易于集成啊 http://codepen.io/ckor/pen/lBnxh/ 關(guān)于view?ports?單位?的使用?vw,?vh,?vmin,?vmax https://github.com/liyaodong/geekparkdemo 西安東東demo 1.每次滾動一頁的單頁效果插件?https://github.com/alvarotrigo/pagePiling.js/?
2.同1，但是比1更輕量?https://github.com/lukesnowden/FSVS?
3.跨瀏覽器的圖片模糊插件?https://github.com/mikefowler/crossfade.js?其實用css也可以做到但不能跨瀏覽器?
4.在滾動的同時有動畫效果，使用css實現(xiàn)動畫效果?https://github.com/nckprsn/scrollme?
5.輕量級橫向滾動插件?http://www.pixxelfactory.net/jInvertScroll/?
6.Google、Youtube使用的為Ajax、Pjax效果添加的進度條?https://github.com/rstacruz/nprogress?
7.可以循環(huán)的單頁滾動插件?http://www.thepetedesign.com/demos/onepage_scroll_demo.html http://krpano.com/ 全景演示 http://www.zhushou.la/res/360quanjing/zhizuo360quanjing.html 360度全景 http://html5online.com.cn/articles/2013012201.html webkitAnimationEnd事件與webkitTransitionEnd事件 http://www.idangero.us/framework7/ Framework7 jQuery.touchSlider http://kangax.github.io/compat-table/es5/ http://kangax.github.io/compat-table/es6/ http://kangax.github.io/compat-table/es7/ http://www.cnblogs.com/luojianqun/p/4087247.html 消除類游戲(js版) https://www.mozilla.org/en-US/firefox/developer/ firefox開發(fā)版 https://github.com/wangfupeng1988/wangEditor wangEditor 基于bootstrap的富文本編輯器 http://www.iecss.com/ http://www.iecss.com/firefox-3.6.3.css http://www.iecss.com/webkit-r61376.css http://www.iecss.com/opera-10.51.css 查了下box-sizing在各個留下的UserAgent Style Sheet中的表現(xiàn) 查到這么幾個文件，沒事的可以瞅瞅 貌似直接頁面上搜索"box-sizing"然后找對應(yīng)的元素， http://www.helloweba.com/view-blog-215.html 大轉(zhuǎn)盤 http://developer.51cto.com/art/201204/331265.htm 解析谷歌同樣但不同結(jié)果的代碼
http://www.imooc.com/learn/221 D2前端技術(shù)論壇——2014綻放 css http://www.cnblogs.com/flylee90/p/4086102.html css3 寫輪眼 《透過D2官網(wǎng)小覷前端工程化》，水文一篇，博友們見諒：?
http://t.cn/R7ibrzt?補充個 Gif。 https://github.com/yisibl/blog/issues/6 default http://www.zhihu.com/question/24997992 面試階段如何與 HR 溝通薪酬？ http://www.cnblogs.com/mahongbiao/p/4068938.html 好書推薦 http://blog.sdbarker.com/git-credential-caching-on-windows/ git記住密碼工具 http://www.cnblogs.com/huang0925/p/4069921.html 程序員健身6個月總結(jié) http://www.nowcoder.com 牛客網(wǎng)-面試 http://www.cnblogs.com/twobin/p/4071132.html?
夢想還是要有的，萬一實現(xiàn)了呢（校招季） http://www.zhihu.com/question/26468969?
如何進入bat這類著名互聯(lián)網(wǎng)公司？ https://remote.modern.ie/subscribe 微軟測試ie http://www.zhihu.com/question/26440561 有哪些值得每天一看的網(wǎng)站？ http://www.zhihu.com/question/25708912 什么樣的IT公司不加班？ http://www.ituring.com.cn/book/ebook?sort=updated 圖靈社區(qū) http://item.jd.com/11231175.html HTML5 Canvas核心技術(shù)：圖形、動畫與游戲開發(fā)? http://pan.baidu.com/s/1nt6zxvN#path=%252Fjavascript%25E8%25A7%2586%25E9%25A2%2591 視頻教程 http://www.zhihu.com/question/26591815?
如何評價微軟11月13日宣布.Net核心運行庫開源并跨平臺運行？?
http://www.zhihu.com/question/26593051?
如何看待微軟宣布.NET徹底開源和跨平臺？ https://github.com/dotnet/corefx dotnet 開源
以下是霸天貢獻：

js

http://blog.jobbole.com/29454/
常用javascript設(shè)計模式

http://coderlmn.github.io/code-standards/#userconsent#
前端代碼規(guī)范 及 最佳實踐

http://www.w3cfuns.com/thread-5591957-1-1.html
人人網(wǎng)javascript面試題

http://blog.51yuekan.com/2014/10/08/2014-08-02-javascript-module-define/
Javascript模塊化開發(fā)－輕巧自制

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 個最重要的技術(shù)點

http://www.thinkjs.org/test/websocket
thinkjs 15行實現(xiàn)聊天系統(tǒng)

http://shangchun.net/promise-insight.html#userconsent#
剖析 Promise 之基礎(chǔ)篇

xufei/blog#5
構(gòu)件單頁WEB應(yīng)用

http://nodejs.cn/api
nodejs api

http://segmentfault.com/blog/colin4124/1190000000373243
如何恰當?shù)貙W(xué)習(xí) 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#
前端代碼異常監(jiān)控

http://www.w3cfuns.com/thread-5597323-1-1.html
用AOP改善JavaScript代碼

https://github.com/alsotang/node-lessons
Node.js包學(xué)包會

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動畫應(yīng)用

http://rauchg.com/2014/7-principles-of-rich-web-applications/
開發(fā)富WEBAPP的7個原則

http://www.daqianduan.com/4721.html
CSS創(chuàng)建三角形

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硬件加速提升網(wǎng)站動畫渲染性能

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移動端頁面快速實現(xiàn)滑動效果

https://developer.apple.com/library/safari/navigation/
safari 開發(fā)者文檔

http://mobile.51cto.com/web-388485.htm
Web App開發(fā)入門

http://isux.tencent.com/responsive-web-design.html
響應(yīng)式網(wǎng)頁設(shè)計

http://www.cnblogs.com/vajoy/p/3903591.html
跨終端響應(yīng)式頁面設(shè)計入門

http://www.lukew.com/ff/entry.asp?1927
大屏幕手機按鍵設(shè)計的幾種思考

http://www.cnblogs.com/aaronjs/p/3147470.html
web app開發(fā)利器 - iscroll4 解決方案

http://pixelhandler.com/posts/develop-a-restful-api-using-nodejs-with-express-and-mongoose
使用express和mongoose在Node.js上開發(fā)restfun api

http://www.w3cmark.com/2014/99.html
移動端面試

https://www.zybuluo.com/hacke2/note/45079
移動的一些名詞

http://www.html-js.com/article/2400
關(guān)于webapp中的文字單位的一些搗騰

http://www.html-js.com/article/2403
iSlider 移動端 Webapp 滑動的最優(yōu)解決方案

http://www.nowamagic.net/csszone/css_IeFilterTransparencyShadowsEtc.php#userconsent#
IE濾鏡實現(xiàn)透明度/陰影/漸變等特效

http://www.html-js.com/article/Like-the-winter-flexible-design-and-implementation-of-the-mobile-phone-Taobao-cold
手機淘寶的flexible設(shè)計與實現(xiàn)

作品

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#
無痕哥白發(fā)魔女傳

http://www.ituring.com.cn/article/25069
前端開發(fā)技術(shù)的發(fā)展

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款優(yōu)秀的HTML5作品

http://btgoogle.com/SchoolTest.html
投簡歷時學(xué)校選擇器

http://www.oschina.net/news/56993/30-newest-free-ui-kits-for-november-2014
11 月份 30 個最新的免費 UI 工具包?
?

知乎

http://www.zhihu.com/question/26165631
對于同樣的浮點數(shù)運算為何 Java 與 C 的結(jié)果不相同？

http://www.zhihu.com/question/21523362
js就是操作DOM用的么？

http://www.zhihu.com/question/23657255
如何快速判斷 DOM 元素位于 viewport 以外?

http://www.zhihu.com/question/20175038
為什么使用原生 JS 刪除、替換 DOM 節(jié)點總是要用到父節(jié)點？

http://www.zhihu.com/question/26157282
新手關(guān)于如何看編程經(jīng)典書的一些疑惑？

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的研發(fā)部門?

http://www.zhihu.com/question/26157282
新手關(guān)于如何看編程經(jīng)典書的一些疑惑？

http://www.zhihu.com/collection/38766289
前端收藏欄

http://www.zhihu.com/question/26295825
作為一個前端工程師，是往node方面轉(zhuǎn)，還是往HTML5方面轉(zhuǎn)？

http://www.zhihu.com/question/26521450
前端切圖之前你是如何分析設(shè)計圖的？

綜合

http://www.cnblogs.com/twobin/p/4071132.html
這個小伙總結(jié)的基本都覆蓋了的

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
互聯(lián)網(wǎng)公司和軟件工程那些事

http://www.codeceo.com/article/10-job-questions-i-ask.html
10個我最喜歡問程序員的面試問題

http://www.codeceo.com/article/7-feature-programmer-have.html
優(yōu)秀程序員的精神

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/
百度靜態(tài)資源庫

jayli/jayli.github.com#16
航旅無線前端團隊必備技能

http://news.cnblogs.com/n/172861/
揭秘Amazon反應(yīng)速度超快的下拉菜單

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種排序算法性能比較總結(jié)?

系列

模塊化規(guī)范

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
前端模塊化開發(fā)那點歷史
http://www.zhihu.com/question/20351507
AMD 和 CMD 的區(qū)別有哪些？
seajs/seajs#547
前端模塊化的價值
http://lifesinger.wordpress.com/2011/05/17/the-difference-between-seajs-and-requirejs/
SeaJS 和 RequireJS 的異同
seajs/seajs#971
如何改造現(xiàn)有文件為 CMD 模塊
define的定義
seajs/seajs#242
cmd define 模塊定義
http://www.ruanyifeng.com/blog/2012/11/require_js.html
amd define 模塊定義
seajs/seajs#242
CMD 模塊定義規(guī)范

導(dǎo)航站分享

http://whycss.com/
http://sentsin.com/daohang/
http://www.cnfeinfo.com
http://123.jser.us/
http://www.css88.com/nav/

前端性能優(yōu)化

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應(yīng)用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/
瀏覽器的工作原理：新式網(wǎng)絡(luò)瀏覽器幕后揭秘
http://coolshell.cn/articles/9666.html?
瀏覽器的渲染原理簡介?
http://blog.vtmer.com/2013/05/high-performance-javascript-1/?
js 并行加載與順序執(zhí)行?
http://fex.baidu.com/blog/2014/05/what-happen/?
從輸入 URL 到頁面加載完成的過程中都發(fā)生了什么事情？?
http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.group?
瀏覽器的工作原理：新式網(wǎng)絡(luò)瀏覽器幕后揭秘?
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的裝載與執(zhí)行?
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
組件豐富簡歷

轉(zhuǎn)載于:https://www.cnblogs.com/CrazyAnts/p/4096845.html

總結(jié)

以上是生活随笔為你收集整理的前端资源分享的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。