2016-3
最后更新于：2022-04-01 06:15:10
## 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. 跳板群