## 3月份前端資源分享 #### 1. Javascript 175453545 - [使用judge.js做信息判斷](https://segmentfault.com/a/1190000004493157) - [javascript----事件概述](https://segmentfault.com/a/1190000004430888) - [下一代前端打包工具與tree-shaking](https://ouvens.github.io/frontend-build/2016/01/20/next-generation-js-module-bunlder.html) - [阿里研發的互動游戲引擎Hilo](http://hiloteam.github.io/) - [javascript 從定義到執行，你不知道的那些事](http://web.jobbole.com/85192/) - [github上值得關注的前端項目](https://github.com/RubyLouvre/newland/issues/6) - [單頁應用開發權威指南 - 寸志](http://island205.github.io/Single-Page-App-Break/index.html) - [前端數據驅動的價值](http://tangguangyao.github.io/2016/01/30/%E5%89%8D%E7%AB%AF%E6%95%B0%E6%8D%AE%E9%A9%B1%E5%8A%A8%E7%9A%84%E4%BB%B7%E5%80%BC/) - [前端數據驅動的陷阱](http://tangguangyao.github.io/2016/02/17/%E5%89%8D%E7%AB%AF%E6%95%B0%E6%8D%AE%E9%A9%B1%E5%8A%A8%E7%9A%84%E9%99%B7%E9%98%B1/) - [支持蘋果3d touch的庫](http://pressurejs.com/) - [js和ios通信](https://github.com/marcuswestin/WebViewJavascriptBridge) - [js即使修改ios](https://github.com/bang590/JSPatch) - [Javascript操作DOM常用API總結](http://luopq.com/2015/11/30/javascript-dom/) - [前端工程師也需要zsh](http://mp.weixin.qq.com/s?__biz=MzAwNzgxMjYzMA==&mid=401433562&idx=1&sn=1ca074b0629463f37a777a2b96aa98af#rd) - [2016 年前端開發領域有什么趨勢值得關注？](https://www.zhihu.com/question/38248538) - [[前端亂燉] 2015年最受歡迎的20篇](http://zhuanlan.zhihu.com/yutou/20595886) - [前端外刊評論](http://qianduan.guru/) - [后端程序員的 JavaScript 之旅 - 回調地獄終結者](http://lishaopeng.com/2016/03/06/js-cbhell/) - [2016前端流行框架趨勢](http://www.clock.co.uk/blog/javascript-frameworks-in-2016) - [Growth: 深入淺出全棧工程師](http://growth.phodal.com/) - [專訪｜前端布道師@張克軍](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402273083&idx=1&sn=590b94fe4976d3f428463d690e4385cb&scene=0#wechat_redirect) - [技術分享：幾種常見的JavaScript混淆和反混淆工具分析實戰](http://www.freebuf.com/articles/web/97945.html) - [讓圖片加載這件事兒變得更美好](http://gold.xitu.io/entry/56dfce84f3609a005536a53a) - [GitHub 上有什么好玩又有挑戰的前端項目？](https://www.zhihu.com/question/30470886) - [奇舞周刊](http://www.75team.com/weekly/issue149.html) - [2016年前端前景如何？](https://www.zhihu.com/question/39886006) - [大白話講解Promise（一）](http://www.cnblogs.com/lvdabao/p/es6-promise-1.html) - [Promise與異步](http://ouvens.github.io/frontend-javascript/2016/03/04/promise-and-asyncjs.html) - [給你的JS代碼添加單元測試](http://mp.weixin.qq.com/s?__biz=MzAwNzgxMjYzMA==&mid=401492405&idx=1&sn=8ce0650fce920516ee885ff7a11545da#rd) - [支付寶同學開發-Macaca是一套自動化測試解決方案](http://mp.weixin.qq.com/s?__biz=MzAwNzgxMjYzMA==&mid=401492405&idx=1&sn=8ce0650fce920516ee885ff7a11545da#rd) - [2016年的前端技術棧展望](http://www.ido321.com/1669.html) - [月影 - 前端動畫原理與實現](http://matrix.h5jun.com/slide/show?id=117#/) - [原生實現jQuery方法](https://plainjs.com/javascript/) - [參加FEDAY 2016是一種怎樣的感受？](https://www.zhihu.com/question/41526829) - [熱炒的前端什么時候能冷靜下來？](https://www.zhihu.com/question/39659771) - [可伸縮的同構Javascript代碼](http://efe.baidu.com/blog/isomorphic/) - [用 jdists 處理零碎代碼依賴](http://div.io/topic/1643?page=1) - [由NPM引發的關于left-pad的那些事兒](http://blog.h5jun.com/post/left-pad.html) - [淺談Web緩存](http://www.alloyteam.com/2016/03/discussion-on-web-caching/) - [一個前端的自我修養 - winter](http://taobaofed.org/blog/2016/03/23/the-growth-of-front-end/) - [數據類型轉換 - 阮一峰](http://javascript.ruanyifeng.com/grammar/conversion.html) #### 2. 移動Javascript開發 群號：148257606 - [如何快速開發多端應用?](https://www.zhihu.com/question/39875075) - [requestAnimationFrame最佳實踐?](http://www.ghugo.com/requestanimationframe-best-practice/) - [【移動適配】移動Web怎么做屏幕適配（一）](https://segmentfault.com/a/1190000004524243) #### 3. Html5 - [【55期】Canvas 最佳實踐（性能篇）](http://mp.weixin.qq.com/s?__biz=MzA5Njc3Njk5NA==&mid=402644145&idx=1&sn=741469b392290140257accce2e4a2aca#rd&location=35) - [Html5工具哪些是免費的啊，哪家效果好一點？](https://www.zhihu.com/question/37427684) - [HTML5骨骼動畫Demo](http://www.html5cn.org/article-9311-1.html) - [HTML5視頻的那些事兒](http://yanhaijing.com/html/2016/03/12/html5-video/) - [一個Geek范的H5頁面制作工具](http://zhuanlan.zhihu.com/wonderful/20675594) #### 4. CSS - [CSS哲學偽命題](https://segmentfault.com/a/1190000004494678) - [CSS 巧用 :before和:after](http://www.cnblogs.com/ys-ys/p/5092760.html) - [cubic-bezier貝塞爾曲線CSS3動畫工具](http://www.xuanfengge.com/cubic-bezier-bezier-css3-animation-tools.html) - [CSS“隱藏”元素的幾種方法的對比](http://luopq.com/2016/02/15/css-tricks-of-hide-element/) - [1像素邊框，真的是1像素嗎](http://www.zystudios.cn/blog/post/79.Shtml) - [騰訊微云黑色遮罩引導蒙版更好的CSS實現方式](http://www.zhangxinxu.com/wordpress/2016/03/better-black-mask-guide-overlay-method/) - [有哪些CSS標準是前端工程師很有必要研讀的？](https://www.zhihu.com/question/41191048) - [純 CSS + HTML，不使用 JavaScript，能實現怎樣的視覺效果](https://github.com/Zhangjd/awesome-pure-css-no-javascript/blob/master/README.md) - [CSS direction屬性簡介與實際應用](http://www.zhangxinxu.com/wordpress/2016/03/css-direction-introduction-apply/) - [px轉rem工具使用指南](http://www.520ued.com/article/study-px-rem-tools) - [純 CSS3 效果資源收集整理](http://www.html-js.com/article/daziluandun-chun-CSS3-xiaoguoziyuanshoujizhengli%203473) - [CSS 有什么奇技淫巧？](https://www.zhihu.com/question/27432017) - [CSS 代碼怎么樣算是優雅的、高效的？如何寫出這樣的 CSS？](https://www.zhihu.com/question/34312279) - [CSS Modules 詳解及 React 中實踐](http://zhuanlan.zhihu.com/purerender/20495964) - [騰訊微云黑色遮罩引導蒙版更好的CSS實現方式](http://www.zhangxinxu.com/wordpress/2016/03/better-black-mask-guide-overlay-method/) #### 5. Angular 群號：238251402 - [翻譯的 Todd Motto: AngularJS 風格指南](https://cnodejs.org/topic/5539addb63b7692e48bbb69a) - [Angular代碼規范](http://www.reqianduan.com/1722.html) - [Angular Style Guide](https://github.com/johnpapa/angular-styleguide#controllers) - [如何衡量一個人的 AngularJS 水平？](https://www.zhihu.com/question/36040694/answer/65624196) - [Angular 2 中文資料匯總(文章，視頻，教程)](https://github.com/kittencup/angular2-learning-cn) #### 6. React, Webpack 群號：530415177 - React - [JavaScript Testing utilities for React](https://medium.com/airbnb-engineering/enzyme-javascript-testing-utilities-for-react-a417e5e5090f#.9eg0e52nt) - [Airbnb React編碼規范](http://zhuanlan.zhihu.com/FrontendMagazine/20616464) - [小菜鳥如何系統性學習React？](https://www.zhihu.com/question/38725566) - [都有誰在用 React 呢?](https://github.com/react-china/collections/issues/2) - [【資料匯總】React](https://github.com/dingyiming/learn-Js-react/issues/1) - [React移動端UI組件庫](http://react-china.org/t/react-ui/4507) - [【騰訊bugly干貨分享】深入源碼探索 ReactNative 通信機制](https://segmentfault.com/a/1190000004586390) - [React Native開發技術周報Issue](http://www.lcode.org/react-native-week-issue02/) - [React 教程](https://reactforbeginners.com/) - [React作為時下最熱的前端框架，各位有什么經驗分享下嗎？](https://www.zhihu.com/question/36446304) - [React 動畫庫](https://github.com/chenglou/react-tween-state) - [React Native開發技術周報](http://www.lcode.org/react-native-week-issue04/) - [拋開 React 學習 React 第一部分](http://zhuanlan.zhihu.com/FrontendMagazine/20678269) - [React 有哪些優秀實用的組件](https://www.zhihu.com/question/39452825) - [Redux 中文文檔](http://cn.redux.js.org/) - [簡聊代碼被開源了](http://react-china.org/t/topic/4818) - Webpack - [What、Why、How？解讀Webpack官方文檔](https://segmentfault.com/a/1190000003506497) - [Webpack 性能優化 （一）](http://code.oneapm.com/javascript/2015/07/07/webpack_performance_1/) #### 7. Vue 群號：364912432 - [Vue群管理－小凡哥-講解 vue.js 實例](http://i.youku.com/u/UMzQxOTE4MDE5Mg==) - [講解 vue.js 實例－github資源](https://github.com/bhnddowinf/vuejs-learn) - [Angular2 相比 Vue 有什么優勢？](https://www.zhihu.com/question/40975678/answer/89139701) - [Mobile web UI based on Vue and Weui https://vux.li/](https://github.com/airyland/vux) - [vue.js不用yeoman怎么搭建工程化結構？](https://www.zhihu.com/question/41110152) - [如何評價vuex 從 0.3.0 到 0.6.1 的調整?](https://www.zhihu.com/question/41104278) - [Vuejs + Electron打造的一個桌面端音樂播放器](https://github.com/margox/miniplayer) - [新舊交替VueJs到底好在哪？](https://www.zhihu.com/question/40917621) - [Octicon component for Vue.js, using inline SVG](https://github.com/Justineo/vue-octicon) - [Vue.js 資料](http://www.jianshu.com/collection/4652107a7847) - [vue源碼解析之一：transition](https://segmentfault.com/a/1190000004670036) #### 8. jQuery - [jQuery Text Counter Plugin](https://github.com/ractoon/jQuery-Text-Counter) - [Makes the html5 input placeholder attribute fully compatible.](https://github.com/niceue/placeholder/) - [[譯] jQuery 3 有哪些新東西](https://github.com/cssmagic/blog/issues/59) - [仿Facebook切換表情符號的jQuery插件](http://www.html5cn.org/article-9404-1.html) #### 9. 看書學習 - [你是怎樣通過學習改變命運的？](https://www.zhihu.com/question/39319905/answer/82863139) - [使用番茄工作法一個月感受](http://blog.coderzh.com/2016/03/06/pomotodo/) - [做程序員的話，從事哪些方面的工作，或者說學哪幾種編程語言的性價比高？](https://www.zhihu.com/question/23016465) - [自控力極差的人如何自救？](https://www.zhihu.com/question/21368231/answer/90497581) #### 10. Git,Github - [Git Community Book 中文版](http://gitbook.liuhui998.com/) - [怎樣使用 GitHub？文科妹子寫的 Github 入門教程](http://gold.xitu.io/entry/56e638591ea49300550885cc) - [使用Jekyll+GitHub搭建自己的免費靜態博客](https://segmentfault.com/a/1190000004607246) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [對不起，我才剛剛知道Principle這神器](http://zhuanlan.zhihu.com/zhezhexiong/20420136) - [GitCafe 被 Coding 收購的原因和意義?](https://www.zhihu.com/question/40942874) - [年輕的創業者，怎樣才能比較容易地拿到風險投資和天使投資？](https://www.zhihu.com/question/19641135) - [在國家鼓勵創業的期間創業，是順勢而為還是逆流而上？](https://www.zhihu.com/question/40876661) - [前端工程師是怎樣一種職業](http://www.cnblogs.com/lvdabao/p/5229640.html) - [論壇為什么會衰落？](https://www.zhihu.com/question/19664083/answer/61756251) - [現在創業開網店，淘寶好還是微店好？](https://www.zhihu.com/question/27466093/answer/83481265) - [現在IT行業的前景如何，零基礎去培訓機構學半年之后就業如何？](https://www.zhihu.com/question/40649499) - [什么樣的公司值得加入？](http://mp.weixin.qq.com/s?__biz=MzA4NTQwNDcyMA==&mid=402644669&idx=1&sn=eaf1461b4d0d4bd0faf3cd5042b8ad0d#rd) - [哪些工具能極大提升產品經理的工作效率？](https://www.zhihu.com/question/24458648) - [南京互聯網企業主要集中在哪里，有什么創業政策支持么？](https://www.zhihu.com/question/20716980) - [你是怎么找到創業的方向的？](https://www.zhihu.com/question/25857988) #### 12. IDE，編輯器，調試等工具類 - [【譯】在 Chrome 開發者工具中調試 Node.js](http://gold.xitu.io/entry/56d3cfea6be3ff005c5f9b89) - [Vim實戰指南系列](https://segmentfault.com/u/csprojectedu/articles) - [Code tree for GitHub and GitLab](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc) - [Chrome觀察每行js代碼執行時間](http://img.alicdn.com/tfscom/TB11oYNLVXXXXa_XXXXuuFbFXXX.mp4) - [Atom 有什么優秀插件？](https://www.zhihu.com/question/39938370) - [一探前端開發中的JS調試技巧 - 京東成都研究院](http://mp.weixin.qq.com/s?__biz=MzIxNzA4NzQ4OQ==&mid=403789355&idx=1&sn=0179c36bb89c473b460249b65d385916#rd&location=35) - [Chromium網頁加載過程簡要介紹和學習計劃](http://blog.csdn.net/luoshengyang/article/details/50414848) #### 13. 前端架構及工程化等 - [告別刀耕火種:淺談VisMooc的前端工程化](http://chenzhutian.org/blog/2016/%E6%B5%85%E8%B0%88VisMooc%E7%9A%84%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96/) - [（可能是）最低成本的創業公司技術棧方案](http://weibo.com/ttarticle/p/show?id=2309403950016476635122) - [前端重構之路（組件化）](https://imochen.com/2016/01/09/the-path-of-the-front-end-refactoring-componentization/index.html) - [前端架構技術選型？](https://www.zhihu.com/question/41316607) - [我理想中的前端工作流](https://segmentfault.com/a/1190000004638228) #### 14. Sass，PostCSS - [25個基礎的Sass和Compass工具推薦](http://caibaojian.com/sass-compass-tools.html) #### 15. 工作 | 協同 | 流程 - [在線API文檔、技術文檔工具](https://github.com/star7th/showdoc) #### 16. Nodejs 群號：422910907 - [2016該如何學習nodejs？](https://www.zhihu.com/question/40390515) - [徒手用node構建一個cms系統](http://code.tutsplus.com/tutorials/build-a-cms-nodepress--cms-25633) - [基于 Express+Gulp+BrowserSync 搭建高性能的前端開發環境](https://www.kisnows.com/2015/11/02/dev-environment-Express-Gulp-BrowserSync/) - [用Node.js開發微信墻簡明教程](http://blog.h5jun.com/post/%E7%94%A8Node.js%E5%BC%80%E5%8F%91%E5%BE%AE%E4%BF%A1%E5%A2%99%E7%AE%80%E6%98%8E%E6%95%99%E7%A8%8B.html) #### 17. UI - [Sketch 中畫圖標，生成字體文件](https://github.com/liaohuqiu/icon-font-for-multiple-platforms) - [設計類綜合網站](http://admire.so/) - [自學設計，你真的入門了嗎？](http://www.jianshu.com/p/744fb80e7d72) - [普通 UI 設計師與頂級 UI 設計師的區別是什么？](https://www.zhihu.com/question/21485096) - [WeUI的設計稿開源](https://www.qianduan.net/weui-sketch/) - [工科生的PPT進階之路](http://zhuanlan.zhihu.com/zy-cai/20656584) - [前端工程師必備的PS技能——切圖篇](http://www.imooc.com/learn/506) #### 18. 性能優化教程 #### 19. 面試相關 - [面試是假，竊取商業情報是真。面試如何防騙？](http://toutiao.com/i6257073688080810498/) - [一份優秀的前端開發工程師簡歷是怎么樣的？](https://www.zhihu.com/question/23150301) - [作為 HR，有哪些「一般人我都告訴他，但是他都不聽」的忠告？](https://www.zhihu.com/question/34666456/answer/73032769) - [如何面試前端工程師？](https://www.zhihu.com/question/19568008/answer/25092199) #### 20. mac ios - [Mac下常用軟件推薦](http://topdna.org/tech/mac-software/) - [gitkraken](http://www.gitkraken.com/) #### 21. php 群號：132984819 - [PHP項目中CodeIgniter使用的一些建議](https://segmentfault.com/a/1190000004551793) - [你遇到過哪些MySQL的坑？](https://www.zhihu.com/question/22108510) #### 22. java 群號：145381037 - [探秘Java中String、StringBuilder以及StringBuffer](http://www.importnew.com/18167.html) #### 22. 英語 - [怎么在兩個月內把托福從 60 分提高到 100 分？](https://www.zhihu.com/question/28059762) - [有好用的詞典軟件推薦嗎？](https://www.zhihu.com/question/19627547) - [想說一口流利的英語、上英文網站、看懂英文名著，應該怎么學習英語呢 ？](https://www.zhihu.com/question/20181305) #### 23. 其它 - 影視 - [推薦電影《最佳出價》](https://movie.douban.com/subject/7059671/) - [推薦電影《七宗罪》](https://movie.douban.com/subject/1292223/) - [推薦電影《致命id》](https://movie.douban.com/subject/1297192/?source=new_aladdin) - [如何評價甄子丹？](https://www.zhihu.com/question/40880268/answer/89330759?from=profile_answer_card) - [《功夫熊貓 3》是中美合拍的，中方主要負責什么？](https://www.zhihu.com/question/39767696) - [如何評價迪士尼動畫電影《瘋狂動物城》？](https://www.zhihu.com/question/40023941) - [《走向共和》有哪些會誤導人的錯誤？](https://www.zhihu.com/question/31763571) - [《千與千尋》里無臉男為什么喜歡千尋？](https://www.zhihu.com/question/23750781) - [有哪些根據真實犯罪故事改編的電影？](https://www.zhihu.com/question/41111803) - 健康，養生 - 歷史 - [如何評價司馬懿？我們能從他身上學習到什么？](https://www.zhihu.com/question/20577421/answer/44493663) - 其它 - [情商低的人何如提高情商？](https://www.zhihu.com/question/24565276/answer/89541504) - [各地博物館的鎮館之寶有哪些？](https://www.zhihu.com/question/22277732) - [AlphaGo戰勝了李世石，人工智能突破了圍棋領域，這意味著什么？](https://www.zhihu.com/question/41183187) - [面向對象編程的弊端是什么？](https://www.zhihu.com/question/20275578/answer/27046327) #### 24. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [highcharts - Highcharts中文網](http://www.hcharts.cn/) - [何幻 - 教育和職業](http://thzt.github.io/blog/2016/03/18/education-and-career/) - [think2011 - 本地客戶端壓縮圖片，兼容IOS，Android，PC、自動按需加載文件](https://github.com/think2011/localResizeIMG) - [北京-giscafer - vue+webpack+node.js 價格監測應用](https://github.com/giscafer/Ponitor) 2. 中級群 - [凹凸 - 整理的webpack配置](https://github.com/asd0102433/webpack/blob/master/README.md) - [廣州-紅帽 - Console for mobile JavaScript](https://github.com/liriliri/eruda) - [廈門-二哲 - 使用微積分預判用戶手勢行為](http://www.meckodo.com/?p=676) - [杭州-圣 - jquery表情插件](https://github.com/kyo4311/jquery.face) - [廣州-cjk - 加強 Capslock 鍵的功能的工具](http://cjkis.me/capslock+/) 3. 初級群 - [北京－shanyue - 網頁版記事本，使用vue.js](https://github.com/shfshanyue/notebook) - [北京－shanyue - 2048](http://tiankui.avosapps.com/2048) - [北京－shanyue - chat](http://chater.avosapps.com/chat) - [成都－Continuar - webpack學習之路](https://github.com/wangning0/Autumn_Ning_Blog/blob/master/blogs/3-12/webpack.md) - [成都－Continuar - 學習SuperAgent](https://github.com/wangning0/Autumn_Ning_Blog/blob/master/blogs/3-19/superAgent_learn.md) - [蘇州-Chirs - 淺談Vue.js](http://www.cnblogs.com/luozhihao/p/5329440.html) 4. 入門群 - [武漢-李逸 - 個人作品集](http://wikelgc.github.io/demo/) - [廈門-嘉寶 - Vue動態組件之表單的CURD](http://www.jianshu.com/p/73dba151eb29) 5. 跳板群