ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 概况 在线地址:`http://www.kancloud.cn/jsfront/month/82796` [JS前端开发群月报](http://www.kancloud.cn/jsfront/month/82796) 提交原则: - 技术文章新的为主。 - 以前的文章,比较经典的也可以提交。 - [如何提交月报](http://www.kancloud.cn/jsfront/month/227309) --- ## 02月份前端资源分享 #### 1. Javascript 175453545 - [前端生成好看的二维码](https://github.com/kciter/qart.js) - [十大经典排序算法(带动图演示) ](https://sort.hust.cc/) - [为什么知乎前端圈普遍认为H5游戏和H5展示的JSer](https://www.zhihu.com/question/55417046) - [个人整理和封装的YU.js库|中文详细注释|供新手学习使用](https://github.com/mack-wang/yurencloud/blob/master/study/AdvancEDDOMScripting/dist/readme.md) - [扩展JavaScript语法记录 - 掉坑初期工具](https://blog.zsxsoft.com/post/28) - [汉字拼音转换工具](https://github.com/hotoo/pinyin) - [Jquery实现汉字转拼音的插件](http://www.jq-school.com/Detail.aspx?id=24) - [下拉列表支持拼音简拼、全拼、汉字搜索](http://blog.csdn.net/mdcmy/article/details/9272949) - [2016年开源巨献:来自百度的71款开源项目](http://www.cnblogs.com/kingboy2008/p/6117741.html) - [猫的前端回忆](https://github.com/Wscats/Good-text-Share) - [React做的听歌、听书客户端(API是抓包所得)](https://renhongl.github.io/2017/01/21/%E7%88%B1%E5%90%AC%E6%92%AD%E6%94%BE%E5%99%A8/) - [MVC,MVP和MVVM的图示](http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html) - [前端基础进阶系列](http://www.jianshu.com/p/cd3fee40ef59) - [基于组件的设计工作流与界面抽象](https://zhuanlan.zhihu.com/p/25074734) - [开放现代的Web组件化框架](https://github.com/AlloyTeam/omi) - [第四章:如何选择合适的前端框架,告别选择恐惧症](https://zhuanlan.zhihu.com/p/25194137) - [axios全攻略](https://ykloveyxk.github.io/2017/02/25/axios%E5%85%A8%E6%94%BB%E7%95%A5/) #### 2. 移动微信小程序Javascript开发 群号:148257606 - [从微信小程序重力感应API到requestAnimationFrame探索实现](https://segmentfault.com/a/1190000008147122) - [哪个微信编辑器比较好用?](https://www.zhihu.com/question/30770510) - [微信运营有没有辅助工具?](https://www.zhihu.com/question/20981010) - [因小程序卸载的软件,重新安装回来了么?](http://www.barretlee.com/blog/2017/02/13/why-reinstall-software-uninstall-when-xcx/) - [移动端图片裁剪,旋转放大缩小](https://github.com/pwstrick/veCrop) #### 3. Html5 - [百度h5模板在线制作](http://h5.baidu.com/) #### 4. CSS 群号:578901836 - [\[译\]响应式图像](https://www.chengrang.com/responsive-images.html) - [学习flex的 游戏教学网站](http://flexboxfroggy.com/#zh-cn) - [拥抱未来的CSS布局方式:flex与grid布局](http://www.xingbofeng.com/css-grid-flex/) - [如何把SVG小图片转换为html字体图表](http://www.cnblogs.com/-walker/p/6398079.html) - [理解Flexbox:你需要知道的一切](https://www.w3cplus.com/css3/understanding-flexbox-everything-you-need-to-know.html) - [border、outline、boxshadow那些事以及如何做内凹圆](https://segmentfault.com/a/1190000005153660) - [Responsive design 和 Adaptive design 的区别?](https://www.zhihu.com/question/20628050) #### 5. Angular 群号:238251402 - [General Solution For Angular2 Overlay Elements](https://ng2-ui.github.io/) - [AngularJS 常见面试问题](http://caibaojian.com/toutiao/6053) - [Angular2.0视频教程来了!(视频链接在底部)](https://my.oschina.net/mumu/blog/834254) - [An implementation of typewriter for Angular2](https://github.com/only-gale/ng2-typewriter) #### 6. React, Webpack 群号:530415177 - React - [React-Study](https://github.com/minooo/React-Study) - [react-native-swiper](https://github.com/skv-headless/react-native-scrollable-tab-view) - Webpack - [Webpack2 升级指南和特性摘要](https://segmentfault.com/a/1190000008181955) #### 7. Vue 群号:364912432 - [Vue+MySQL+Express 小试牛刀](http://fehey.com/2017/01/20/vue-mysql-express/) - [Vonic—基于Vue.js和ionic样式的移动端UI框架](https://github.com/wangdahoo/vonic) - [the directive of vue 2.x for qart.js](https://github.com/superman66/vue-qart) - [JRoll无限加载+下拉刷新 for Vue2](https://github.com/chjtx/JRoll/tree/master/extends/jroll-vue-infinite) - [这里是关于学习vue2.0的相关例子](https://github.com/WYseven/vue2-basic-demo) - [vue2.0版掌上英雄联盟](https://github.com/arronf2e/Vue2.0LOL) - [Muse-UI 基于 Vue 2.0 和 Material Desigin 的 UI 组件库](https://museui.github.io/) - [**Vue2.x-douban**](https://github.com/superman66/vue2.x-douban) ![Vue2.x-douban](https://img.shields.io/github/stars/superman66/vue2.x-douban.svg?style=social&label=Star&maxAge=2592000) A simple of douban movie build with vue2.x,vue-router and axios(豆瓣电影). by [Superman](https://github.com/superman66) - [【vue+axios】一个项目学会前端实现登录拦截](https://github.com/superman66/vue-axios-github) - [vue源码学习系列](https://github.com/youngwind/blog) - [iView 发布 1.0 正式版,43 个 UI 组件助力中后台业务开发](https://zhuanlan.zhihu.com/p/25324298) - [vue – Quasar Framework构建响应式网站和 hybrid 移动 App](http://www.17shulihua.com/archives/2191) ##### 7.1 Vue 群内资源 #### 8. jQuery - [jquery固定表格头插件fixedheadertable](http://www.jq22.com/jquery-info10153) - [你可能不需要jQuery](http://youmightnotneedjquery.com/) #### 9. 看书学习 | 成长 | 写作 - [2016年JavaScript领域中最受欢迎的“明星”们](http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484925&idx=1&sn=12d5bc8f45eacdb4c4b9d08e637b4288&chksm=9723673fa054ee29e3819483051dd9aca9169c78ebe0637b90a6609b866d32d7c8837abf4173#rd) #### 10. Git | Github | SVN | FTP - [TCP/IP漫游](http://blog.mrriddler.com/2017/01/13/TCP:IP%E6%BC%AB%E6%B8%B8/) - [Github 安全类Repo收集整理](https://zhuanlan.zhihu.com/p/21380662) - [Github 安全军火库(二)](https://zhuanlan.zhihu.com/p/22110538) - [Github 安全军火库(三)](https://zhuanlan.zhihu.com/p/22684414) - [Github 安全军火库(四)](https://zhuanlan.zhihu.com/p/25104414) - [Git工作流详解](https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md) - [专门为Github党打造的超级无敌Chrome插件](http://t.cn/RJaE32J) - [【Git操作系列】Git由浅入深之基本原理](https://zhuanlan.zhihu.com/p/25414069) #### 11. 创业 | 职场 | 管理 | 产品 | 运营 - [我回阿里的29个月](https://zhuanlan.zhihu.com/p/25146682) - [互联网创业公司黑话指南](https://zhuanlan.zhihu.com/p/25530313) #### 12. IDE,编辑器,调试等工具类 #### 13. 前端架构及工程化构建工具等,如:Gulp, Fis, Grunt #### 14. Sass,PostCSS,Stylus 群号:578901836 - [Stylus-NodeJS下构建更富表现力/动态/健壮的CSS](http://www.zhangxinxu.com/wordpress/2012/06/stylus-nodejs-expressive-dynamic-robust-css/) - [stylus中文版参考文档之选择器(Selectors)](http://www.zhangxinxu.com/jq/stylus/selectors.php) - [stylus入门使用方法](https://segmentfault.com/a/1190000002712872) #### 15. 工作方法 | 协同 | 流程 #### 16. Nodejs 群号:422910907 - [最佳Node实践之实用十式: Node大师带来的启迪](http://www.zcfy.cc/article/10-node-js-best-practices-enlightenment-from-the-node-gurus-2445.html) - [Awesome Node.js](https://github.com/sindresorhus/awesome-nodejs) - [awesome-nodejs-1](https://github.com/Unitech/awesome-nodejs-1) - [Awesome Node.js projects](https://github.com/sqreen/awesome-nodejs-projects) - [NodeJS 工程师必备的 8 个工具](https://zhuanlan.zhihu.com/p/25310451) #### 17. UI 群号:321173051 - [前端切图神器avocode](https://blog.jimdono.com/qian-duan-qie-tu-shen-qi-avocode/) - [设计导航](http://hao.shejidaren.com/) #### 18. 性能优化教程 - [2017前端性能优化清单](https://github.com/Findow-team/Blog/issues/11) - [前端优化不完全指南](https://aotu.io/notes/2016/03/16/optimization/) - [JavaScript 启动性能瓶颈分析与解决方案](https://zhuanlan.zhihu.com/p/25221314) - [这项浏览器调整使 Facebook 收到的网络请求减少了 60%](https://github.com/xitu/gold-miner/blob/master/TODO/this-browser-tweak-saved-60%25-of-requests-to-facebook.md) #### 19. 面试 | 求职 - [自学前端老司机还原2017面试过程](https://zhuanlan.zhihu.com/p/25522728) - [最近遇到的前端面试题(2017.02.23更新版)](http://www.jianshu.com/p/3944732228f0) #### 20. Mac ios 群号:415074410 - [macOS 快捷键系列-2-截图, Gif制作及App推荐](http://singsing.io/blog/2017/01/23/Mac-2/) #### 21. Android 群号:415074410 - [Android API 指南](http://mp.weixin.qq.com/s?__biz=MzI4MTQyNDg3Mg==&mid=2247483984&idx=1&sn=39594f4e438806c767474a80cc382037&chksm=eba824d7dcdfadc1d0c81606c0471ba87bebc1306acb08e9b447e313433e1774f31baafb48ca#rd) #### 22. PHP 群号:82254462 - [新手入门PHP之道](http://laravel-china.github.io/php-the-right-way/) - [PHP中的哈希表](http://www.cnblogs.com/h-hq/p/5643141.html) - [PHP 内核分析:Zend 虚拟机](http://joshuais.me/php-zend-vm/) #### 23. Java 群号:145381037 - [阿里巴巴java代码规约介绍](https://102.alibaba.com/newsInfo.htm?newsId=6) #### 24. Python 群号:130705066 - [爬虫入门及HTTP协议的讲解](https://zhuanlan.zhihu.com/p/25035661) - [Python最佳实践指南!](https://pythonguidecn.readthedocs.io/zh/latest/) - [Python最佳实践指南!](https://pythonguidecn.readthedocs.io/zh/latest/) #### 25. Hybrid App 群号:498173484 以下链接由Hybrid App群主:江西-醉逍遥推送 #### 26. ASP.NET C# 群号:461614624 - [C# 在腾讯的发展](http://www.cnblogs.com/shanyou/p/5915056.html) - [.Net中的AOP系列之构建一个汽车租赁应用](http://www.cnblogs.com/farb/p/5675975.html) - [数据库优化案例——————某市中心医院HIS系统](http://www.cnblogs.com/double-K/p/5712334.html) #### 27. Go 群号:336195657 #### 28. 英语 - [作为一名前端工程师,英文会不会成为我的瓶颈?](https://www.zhihu.com/question/55998388) #### 29. 其它 - 影视 - [有什么好看的电影?](https://www.zhihu.com/question/26477086/answer/66094136) - 健康,养生 - [头前倾如何有效康复?](https://zhuanlan.zhihu.com/p/25123298) - 历史,人文 - 其它 - [前端发展方向探索之PWA](https://huangxuan.me/2017/02/09/nextgen-web-pwa/) - [哪些思维方式是你刻意训练过的?](https://www.zhihu.com/question/23913984/answer/111272944) #### 30. 特别推荐我联盟群几个高手的力作或个人网站 1. 高级群 2. 中级群 - [script标签与event loop在W3C规范及浏览器中的表现](https://segmentfault.com/a/1190000008299659) 3. 初级群 4. 初级2群 5. 跳板1群 #### 31. 感谢以下贡献者 - [@魔芋](https://github.com/moyuling) - [@云峰](https://github.com/wuyunfeng8) - [@S1ngS1ng](https://github.com/S1ngS1ng) - [@牧云云](https://github.com/MuYunyun) - [@Godfery](https://github.com/hiyangguo)