2015-4-6 · JS前端開發群月報

# 4-6月份前端資源分享 ##1. Javascript - [精度丟失問題](http://segmentfault.com/a/1190000000324193) - [精度庫](http://mathjs.org/) - [游戲](http://games.layabox.com/1/) - [專訪《Javascript設計模式與開發實踐》作者曾探：愛編程愛生活](http://www.csdn.net/article/2015-06-12/2824939-JavaScript) - [前端工程優化1](https://github.com/fouber/blog/issues/3) - [js排序動畫](http://www.webhek.com/misc/comparison-sort) - [JSONP挖掘與高級利用](http://drops.wooyun.org/papers/6630) - [使用ES6進行開發的思考](http://efe.baidu.com/blog/es6-develop-overview/?qq-pf-to=pcqq.group) - [異步編程之Generator（1）——領略魅力](http://www.html-js.com/article/Asynchronous-programming-Generator-1--a-taste-of-charm%203014) - [比較齊全的前端開發目錄](https://github.com/dypsilon/frontend-dev-bookmarks) - [RESTful API URI 設計的一些總結](http://www.cnblogs.com/xishuai/p/restful-webapi-uri-design.html) - [關于簡單的碰撞檢測](http://www.cnblogs.com/hongru/archive/2012/03/31/2427590.html) - [ES6新特性概覽](http://www.cnblogs.com/Wayou/p/es6_new_features.html) - [js 日歷處理](http://momentjs.com/) - [怎么更好的理解虛擬DOM?](http://www.zhihu.com/question/29504639) - [Javascript in one pic](https://github.com/coodict/javascript-in-one-pic/blob/master/README-zh.md) - [曲線](http://cubic-bezier.com/) - [譯為什么原型繼承很重要](http://segmentfault.com/a/1190000002596600) - [公式編輯器](http://fex.baidu.com/kityformula/list.html) - [JavaScript 中，定義函數時用 var foo = function () {} 和 function foo() 有什么區別 ](http://www.zhihu.com/question/19878052) - [學習ES6新特性](http://www.cnblogs.com/ziyunfei/) - [讀懂 es6](https://github.com/lenville/understandinges6) - [讀懂 es6](https://leanpub.com/understandinges6) - [去哪兒網前端架構師司徒正美：如何挑選適合的前端框架？](http://www.csdn.net/article/2015-05-11/2824656-fontend-Frameworks) - [js 新書推薦博客](http://www.salttiger.com/) - [javascript 模式](http://shichuan.github.io/javascript-patterns/) - [前端要給力之：紅綠燈大戰中的火星生命-Promise ](http://blog.csdn.net/aimingoo/article/details/45014325) - [【譯】有趣的JavaScript原生數組函數](http://www.ido321.com/1568.html) - [去除 JavaScript 代碼的怪味](http://jinlong.github.io/2015/05/21/eliminate-javascript-code-smells/) - [github上有什么好玩又有挑戰的前端項目](http://www.zhihu.com/question/30470886) - [你不知道的js](https://github.com/getify/You-Dont-Know-JS) - [拖動插件](http://skidding.github.io/dragdealer/) - [漢字拼音轉換工具](https://github.com/hotoo/pinyin) - [(翻譯)異步編程之Promise(1)：初見魅力](http://yikaj.gitcafe.io/2015/04/30/%EF%BC%88%E7%BF%BB%E8%AF%91%EF%BC%89%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B%E4%B9%8BPromise%EF%BC%881%EF%BC%89%EF%BC%9A%E5%88%9D%E8%A7%81%E9%AD%85%E5%8A%9B/) - [使用Object.observer實現簡單的雙向綁定 ](http://zhuanlan.zhihu.com/FrontendMagazine/20047033) - [為什么MVC不是一種設計模式](http://damoqiongqiu.iteye.com/blog/1949256) - [跨平臺開發時代的 (再次) 到來？](http://onevcat.com/2015/03/cross-platform/) - [WebGl 中文網 ](http://www.hewebgl.com) - [setTimeout 0](http://www.cnblogs.com/fullhouse/archive/2012/10/10/2718542.html) - [setTimeout 0](http://segmentfault.com/a/1190000002633108) - [setTimeout 0](http://segmentfault.com/q/1010000002590298) - [javascript 話題精選](http://www.zhihu.com/topic/19552521/top-answers) - [知乎上，前端開發領域有哪些值得推薦的問答 ](http://www.zhihu.com/question/20246142) - [MVVM大比拼之avalon.js源碼精析 ](http://www.cnblogs.com/sskyy/p/3679572.html) - [代碼規范大全](http://alloyteam.github.io/code-guide/) - [推薦個基于組件(Application)的js框架](http://t3js.org/) - [圖片裁剪](http://fengyuanchen.github.io/cropper/) - [js題目](http://yibuyisheng.github.io/2015/02/13/web.html) - [\[\] == !\[\]; ](http://www.zhihu.com/question/29615998) - [純JS實現俄羅斯方塊，打造屬于你的游戲帝國](http://www.cnblogs.com/toutou/p/4460509.html) - [骨骼動畫庫](http://alloyteam.github.io/) - [骨骼動畫庫](http://alloyteam.github.io/AlloyStick/) - [關于 Javascript 學習，有哪些好的博客或者網站推薦 ](http://www.zhihu.com/question/19651401) - []() - []() ##2. 移動Javascript開發 - [移動web手冊](http://www.seejs.com/wp-content/uploads/2015/06/MobileWebManual.png) - [微信支付的那些坑](http://www.liball.me/wxpay-is-shit/) - [微信支付的那些坑](http://www.cnblogs.com/true_to_me/p/3565039.html) - [微信一個開發者](http://maxzhang.github.io) - [徹底解決tap“點透”，提升移動端點擊響應速度](https://github.com/ftlabs/fastclick) - [徹底解決tap“點透”，提升移動端點擊響應速度](http://www.cnblogs.com/yexiaochai/p/3442220.html) - [百度canvas庫](http://ecomfe.github.io/zrender/index.html) - [localStorage](http://www.cnblogs.com/LoveOrHate/p/4409781.html) - [聊聊移動端跨平臺開發的各種技術](http://fex.baidu.com/blog/2015/05/cross-mobile/) - [移動前端開發大雜燴 ](https://github.com/hoosin/mobile-web-favorites) - [html5游戲引擎](http://www.zhihu.com/question/20079322) - [html5游戲引擎](http://coolshell.cn/articles/3516.html) - [html5游戲引擎](http://blog.csdn.net/zhaoxy_thu/article/details/11867123) - [移動開發的那些事——1：序曲 ](http://lucida.me/blog/on-mobile-developing-1/) - [移動Web初級入門 ](http://www.cnblogs.com/hacke2/p/4090079.html) - [zepto 分模塊](http://github.e-sites.nl/zeptobuilder/) - [移動端webapp個人年度總結里邊有個reset.css ](http://www.cnblogs.com/windtony/p/4195343.html) - [百度多個效果的輪換](https://github.com/BE-FE/iSlider) - [移動端開發概覽【webview和touch事件】](http://www.cnblogs.com/skylar/p/mobile-webview-touch.html) - [HTML5實戰與剖析之剪貼板事件 ](http://blog.csdn.net/lee_magnum/article/details/17761441) - [移動設備、手機瀏覽器Javascript滑動事件代碼](http://blog.csdn.net/zht666/article/details/8621332) - [移動UI庫](http://frozenui.github.io/case.html) - [移動UI庫](http://dcloudio.github.io/mui/) - [手持設備點擊響應速度，鼠標事件與touch事件的那些事 ](http://www.cnblogs.com/yexiaochai/p/3377900.html) - [touch.js](https://github.com/RubyLouvre/avalon.oniui/blob/master/touch/avalon.touch.js) - [touch.js](http://quojs.tapquo.com/) - [touch.js](http://touch.code.baidu.com/) - [淺談移動前端的最佳實踐](http://www.cnblogs.com/yexiaochai/p/4219523.html) - [微信公眾平臺開發入門教程](http://www.cnblogs.com/txw1958/p/wechat-tutorial.html) - [移動端前端開發調試](http://yujiangshui.com/multidevice-frontend-debug/) - [觸摸移動端js](https://github.com/saw/touch-interfaces) - [觸摸輪換](http://touchslider.com/) - [觸摸輪換](http://www.idangero.us/swiper/) - [輪換](http://www.photoswipe.com/ ) - [PhotoSwipe源碼解讀系列(二)](http://blog.csdn.net/renfufei/article/details/17412101) - [weinre調試](http://www.cnblogs.com/lhb25/p/debug-mobile-site-and-app-with-weinre.html) - [weinre調試](http://www.cnblogs.com/lvdabao/p/3436620.html) - [手機搖一搖](http://blog.csdn.net/u011551941/article/details/45192125) - [html5 動畫庫](http://www.html5cn.org/article-4679-1.html) - [html5 動畫庫](http://www.jq22.com/jquery-info895) - [html5 動畫庫](http://www.jser.com/project/kineticjs) - [移動端開發日記](http://tmt.io/) - [玩轉HTML5移動頁面（動效篇）](http://isux.tencent.com/play-with-html5-animate.html) - [全屏滾動效果H5FullscreenPage.js ](http://www.alloyteam.com/2015/04/quan-ping-gun-dong-xiao-guo-h5fullscreenpage-js/) - [移動前端開發和 Web 前端開發的區別是什么？](http://www.zhihu.com/question/20269059) - [微信瀏覽器問題匯總](http://www.zhihu.com/question/30465777) - []() ##3. CSS3 - [css3 旋轉菜單](http://demo.jq22.com/FumikaSystemLogin-150625231201/) - [css3 旋轉菜單](https://github.com/codrops/SwatchBook) - [css3 旋轉菜單](https://github.com/stanlemon/jGrowl) - [rem 不同的計算](http://isux.tencent.com/web-app-rem.html) - [css 動畫庫](http://labs.bigroomstudios.com/libraries/animo-js) - [css 動畫庫](https://visionmedia.github.io/move.js/) - [css 動畫庫](http://segmentfault.com/a/1190000000443523) - [css 動畫庫](http://beiyuu.com/css3-animation/) - [頁面切換](http://www.qiqiboy.com/) - [半圓菜單](http://tympanus.net/Tutorials/CircularNavigation/) - []() - []() ##4. Html5 - [地理位置 Geolocation](http://www.zhangxinxu.com/wordpress/2011/06/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AEgeolocation-api-%E7%AE%80%E4%BB%8B/) - [HTML5 有哪些讓你驚艷的 demo？](http://www.zhihu.com/question/24398907) - [3d js](https://github.com/easyhappy/html5_3d) - [騰訊html5](http://cube.qq.com/) - [angularjs移動端開發遇到的問題](http://www.cnblogs.com/Benoly/p/4269746.html) - [玩轉HTML5移動頁面（動效篇）](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=204711617&idx=1&sn=165957d9f2773264d3cb1e32a4dfd271&scene=5#rd) - [移動瀏覽器調試](http://www.zhihu.com/question/20322475) - [互聯網智能代碼機器人](http://codetank.alloyteam.com/) - [HTML5 通訊錄Contact API簡介](http://www.html5star.com/article-211-1.html) - [常用meta整理](http://segmentfault.com/a/1190000002407912) - [viewport](http://www.cnblogs.com/2050/p/3877280.html) - []() - []() ##5. 創業 | 職業｜項目管理 - [好的前端主管是如何帶隊的 ](http://www.zhihu.com/question/30093712) - [去大公司實習還是去創業公司實習好？](http://www.zhihu.com/question/19620055/answer/12435148) - [關于職業規劃](http://wohe.me/2015/06/08/%E5%85%B3%E4%BA%8E%E8%81%8C%E4%B8%9A%E8%A7%84%E5%88%92/) - [公司請你來干嘛？](http://mp.weixin.qq.com/s?__biz=MjM5NjcyNDE0MA==&mid=205339389&idx=7&sn=5c87dd08f9af81b62ffc066c26993dcf&scene=5#rd) - [一個有情懷技術群的管理思考](http://mp.weixin.qq.com/s?__biz=MzA5MTE0MDUxMA==&mid=205560727&idx=1&sn=a38fc38652f6a27bb436c737aa0d25f9) - [工作兩三年后，你悟出什么職場道理？](http://www.zhihu.com/question/30147821) - [創業項目被騰訊復制了，怎么辦 ](http://www.zhihu.com/question/19607233) - []() ##6. Angular - []() ##7. React - [國內有哪些公司在使用 React.js ](http://www.zhihu.com/question/26387853) - [react-native 與 react-web 的融合 ](https://github.com/tmallfe/tmallfe.github.io/issues/20) - [React：引領未來的用戶界面開發框架](http://product.china-pub.com/4699062) - []() - []() - []() ##8. 看書學習 - [26 歲開始學編程晚了嗎？ ](http://www.zhihu.com/question/19562626) - [會計轉行從事IT，如何在一年時間內全職學習？](http://www.zhihu.com/question/21427478/answer/18227060) - [如何優雅地使用 Stack Overflow？](http://www.zhihu.com/question/20824615) - [寫給初學前端工程師的一封信](http://www.w3ctech.com/topic/983) - [分享一下你的程序員學習之路，還有現在對于編程的感想 ](http://www.zhihu.com/question/27679150) - [程序員必讀書單1](http://lucida.me/blog/developer-reading-list/) - [近半年的讀書總結](http://www.cnblogs.com/wangqiguo/p/4457932.html) - []() - []() ##9. Git - [把代碼搬到github吧。](http://www.cnblogs.com/wjszxli/p/4504854.html) - [使用git和github進行協同開發流程 ](http://livoras.com/post/28) ##10. 其它 - [可以通過什么途徑了解前端研發的最新資訊？ ](http://www.zhihu.com/question/29940477) - [前端開發的地位相較于幾年前提高了不少，為什么市場上優秀的前端這么少 ](http://www.zhihu.com/question/29875948) - [有哪些程序員/黑客喜歡看的電影？](http://www.zhihu.com/question/31322492) - [小團隊協作，好的工具](http://www.zhihu.com/question/19565116) - [一拍一產品的背后](http://www.slideshare.net/kejun/react-48512723) - [騰訊的張小龍是一個怎樣的人](http://www.zhihu.com/question/19924411) - [顯著提升程序員身心健康和工作效率的裝備有哪些](http://www.zhihu.com/question/23165812) - []() ##11. IDE，編輯器 - [Facebook 宣布 Nuclide：基于 Atom 的開源集成開發環境](http://nuclide.io/) - [Facebook 宣布 Nuclide：基于 Atom 的開源集成開發環境](http://www.oschina.net/news/60968/facebook-opensource-nuclide) - [作為「WEB前端」工程師，你的開發環境是什么樣的？](http://www.zhihu.com/question/28363179) - [npm spm bower這三個包管理器，哪個比較好用 ](http://www.zhihu.com/question/24414899) - []() - []() ##12. 前端及架構工程化等 - [前端架構](http://saito.im/note/The-Architecture-of-F2E/) - [技術架構](http://www.zhihu.com/topic/19612641) - [大公司或專業團隊目前流行的前端工具有什么？](http://www.zhihu.com/question/28638304) - [面向未來的前端模塊化開發與包管理](http://div.io/topic/950) - [我們真的缺前端工程師嗎？](http://icodeit.org/2015/06/do-we-really-short-for-front-end-developer/) - []() - []() - []() ##13. jQuery - [深入理解jquery插件的開發](http://blog.jobbole.com/30550/) - []() ##14. 工作 | 協同 - [免費在線作圖、實時協作](https://www.processon.com/) ##15. 面試相關 - [一個高中生歷時3年近60次100多個小時的面試后終進阿里](http://chuansong.me/n/835088) - [怎么面試架構師](http://news.cnblogs.com/n/523119/) - [一個多月來的面試總結(阿里, 網易, 騰訊)](http://blog.csdn.net/hitwhylz/article/details/45271585) - []() - []() ##16. sass - [sass中國](http://www.sass.hk/) - []() ##17.