ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 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. 跳板群