## 概况 在线地址：`http://www.kancloud.cn/jsfront/month/82796` [JS前端开发群月报](http://www.kancloud.cn/jsfront/month/82796) 提交原则： - 技术文章新的为主。 - 以前的文章，比较经典的也可以提交。 --- ## 7月份前端资源分享 #### 1. Javascript 175453545 - [this.length >>> 0 的作用(Javascript)？](https://blog.webfuns.net/archives/1398.html) - [数组元素随机化排序算法实现](https://github.com/myheartwillgoon/FEDev/issues/2) - [JavaScript学习笔记：数组随机排序](http://www.w3cplus.com/javascript/how-to-randomize-shuffle-a-javascript-array.html) - [44个 Javascript 变态题解析 (上) ](https://github.com/xiaoyu2er/blog/issues/1) - [44个 Javascript 变态题解析 (下) ](https://github.com/xiaoyu2er/blog/issues/3) - [JavaScript中的数字](http://begeek.cn/post/872.html) - [前端开发笔记本](https://li-xinyang.gitbooks.io/frontend-notebook/content/) - [过目不忘JS正则表达式](http://www.cnblogs.com/moqing/p/5665126.html) - [聊一聊前端存储那些事儿](https://segmentfault.com/a/1190000005927232) - [一键分享到各种SNS](http://overtrue.me/share.js/) - [写给刚入门的前端工程师的前后端交互指南](http://www.jackpu.com/xie-gei-gang-ru-men-de-qian-duan-gong-cheng-shi-de-qian-hou-duan-jiao-hu-zhi-nan/) - [物联网世界的前端开发](http://www.zcfy.cc/article/front-end-development-in-an-internet-of-things-world-843.html) - [如何评价淘宝造物节邀请函的前端设计？](https://www.zhihu.com/question/48226486) - [前端技能之切图](https://github.com/xiangpaopao/blog/issues/2) - [搭建自己的前端自动化测试脚手架（一）](https://segmentfault.com/a/1190000005991670) - [搭建自己的前端自动化测试脚手架（二）](https://segmentfault.com/a/1190000006001008) - [Numbers in JavaScript](http://jser.it/blog/2014/07/07/numbers-in-javascript/) - [通过一张简单的图，让你彻底地、永久地搞懂JS的==运算](https://segmentfault.com/a/1190000006012804) - [深入了解javascript的sort方法](http://www.zhouhua.info/2015/06/18/quicksort/) - [学习数据结构有什么用？](https://www.zhihu.com/question/29587605) #### 2. 移动Javascript开发 群号：148257606 - [聊一聊百度移动端首页前端速度那些事儿](https://segmentfault.com/a/1190000005882953) - [前端如何呼风唤雨](http://www.imweb.io/topic/55e32fd5771670e207a16bb9) - [如何看待微信前端团队新发布的 WeFlow 工作流工具？](https://www.zhihu.com/question/47535999) #### 3. Html5 - [【腾讯bugly干货分享】HTML 5 视频直播一站式扫盲](http://www.cnblogs.com/bugly/p/5640069.html) - [浏览器中唤起native app || 跳转到应用商城下载](https://segmentfault.com/a/1190000005848133) - [在线生成表格](http://html-tables.com/) - [QQ天气H5-前端完整解析](http://www.imweb.io/topic/570a7e7206f2400432c139ad) - [五分钟学会 Canvas 基础（一）](https://gold.xitu.io/entry/5788dec67db2a2005ce39647) - [五分钟学会 Canvas 基础（二）](https://gold.xitu.io/entry/5788df0e0a2b5800682d830b) - [从零开始开发一款H5小游戏(一) 重温canvas的基础用法](https://segmentfault.com/a/1190000005892330) - [H5动效的常见制作手法](https://isux.tencent.com/h5active.html) #### 4. CSS - [前端开发中的一些黑魔法Pt2](http://www.w3cplus.com/css/dirty-tricks-dark-corners-front-end-pt2.html) - [腾讯AlloyTeam团队的CSS3 UI 库](http://css3lib.alloyteam.com/) - [ie8兼容background-size](https://www.zhihu.com/question/32285092) - [Effeckt](http://h5bp.github.io/Effeckt.css/) #### 5. Angular 群号：238251402 - [为什么还要选择 angular 与 angular 学前准备](http://gold.xitu.io/post/57863fc27db2a200630b2312) #### 6. React, Webpack 群号：530415177 - React - [浅谈 React、Flux 与 Redux](http://www.imweb.io/topic/57711e37f0a5487b05f325b5) - [JSX有哪些缺陷？](https://www.zhihu.com/question/48528161) - [高质量的 React 相关文档和翻译](https://github.com/react-guide) - [关于React的一些实践和资源](https://github.com/zhangmengxue/React-Learning) - [React Native指南汇集了各类react-native学习资源、开源App和组件](https://github.com/reactnativecn/react-native-guide) - [个人收集的react相关资源链接](https://github.com/LeuisKen/react-collection) - Webpack - [[React项目总结] 基于 webpack 搭建前端工程基础篇](https://github.com/chenbin92/react-redux-webpack-starter/issues/1) - [webpack 教程资源收集](https://segmentfault.com/a/1190000005995267) - [webpack如何全局引入jquery和插件?](https://www.zhihu.com/question/33448231) #### 7. Vue 群号：364912432 - [ele Mint UI 基于 Vue.js 的移动端组件库](http://mint-ui.github.io/#!/zh-cn) - [vue-qrcode](https://github.com/xiaokaike/vue-qrcode) - [VUE.JS组件化开发实践](http://www.cnblogs.com/rock-roll/p/5634319.html) - [vuejs如何用vue-router构建路由？](https://www.zhihu.com/question/39025104) - [Vue+Webpack使用规范](https://www.talkingcoder.com/article/6309726065044556372) - [Vue 省市区三级联动组件](https://github.com/QingWei-Li/vue-region-picker) - [Vue + Webpack 开发实践](http://cinwell.com/post/vue-webpack) - [基于Vue.js的数据统计系统(一)](https://zhuanlan.zhihu.com/p/21707328) - [基于Vue.js的数据统计系统(二)](https://zhuanlan.zhihu.com/p/21709670) - [基于Vue.js的数据统计系统(三)](https://zhuanlan.zhihu.com/p/21771672) ##### 7.1 Vue 群内资源 - [Vue.js——vue-resource全攻略](http://www.cnblogs.com/keepfool/p/5657065.html) - [Vue.js其它文章也不错](http://www.cnblogs.com/keepfool/category/845804.html) - [企业级时间轴插件Vue-timelinepick](https://github.com/yelingfeng/vue-timelinepick) #### 8. jQuery - [jquery-chosen 选择框插件](https://harvesthq.github.io/chosen/) - [radio,checkbox美化](http://www.bootcss.com/p/icheck/) - [轮播大集合](https://www.awesomes.cn/repos/Images/Sliders) #### 9. 看书学习 | 成长 - [普通人如何通过训练大幅提高自己的能力？](https://www.zhihu.com/question/47412655) - [为什么毕业三四年之后，同学之间的差距会这么大？](https://www.zhihu.com/question/33971854) - [我的前端书评](http://www.imweb.io/topic/56d44d720848801a4ba198cf) #### 10. Git | Github | SVN | FTP - [游戏学git - 动画演示git分支](http://learngitbranching.js.org/?demo) - [Git与GitHub常用命令](http://blog.csdn.net/man_help/article/details/51840722) - [GitHub上开源需要哪些目录与文件规范？](https://www.zhihu.com/question/48019650) - [Git的奇技淫巧](http://www.cnblogs.com/xueweihan/p/5703144.html) #### 11. 创业 | 职场 | 管理 | 产品 | 运营 - [擦亮眼睛－如何选择创业公司](http://mp.weixin.qq.com/s?__biz=MzI3MDE0MzAzMw==&mid=2652201810&idx=1&sn=075b31abfaed597f222cbedccb02ab70#rd) - [如果天生个性不是特别强势的那种，怎么培养领导别人的气场？](https://www.zhihu.com/question/23637423) - [创业公司上市后，员工在处理期权上面都有哪些经验或教训？](https://www.zhihu.com/question/34663592) #### 12. IDE，编辑器，调试等工具类 - [Atom使用纪要](https://github.com/nieweidong/learn-atom) - [Atom飞行手册翻译](https://wizardforcel.gitbooks.io/atom-flight-manual-zh-cn/content/) - [一个测试50多款编程字体的网站](http://app.programmingfonts.org/) - [使用Chrome开发工具优化Web应用](https://aotu.io/notes/2016/01/07/debug-webapp-with-chrome-devtools/) - [工具武装的前端开发工程师](https://segmentfault.com/a/1190000005994196) - [有哪些编程必备的 Vim 配置？](https://www.zhihu.com/question/19989337) - [Chrome 实用调试技巧](http://blog.lxjwlt.com/2016/07/23/chrome.html) #### 13. 前端架构及工程化等 - [支付宝前端应用架构的发展和选择](https://github.com/sorrycc/blog/issues/6) - [如何做前后端动静分离](https://segmentfault.com/q/1010000005836900) - [前端架构是什么，前端有架构可谈吗？](https://www.zhihu.com/question/26646855/answer/68503768) - [如何构建一支专业的前端开发团队（一）](https://zhuanlan.zhihu.com/p/21779628) - [如何构建一支专业的前端开发团队（二）](https://zhuanlan.zhihu.com/p/21807979) #### 14. Sass，PostCSS #### 15. 工作 | 协同 | 流程 - [该用什么心态，去面对不喜欢的工作？](https://zhuanlan.zhihu.com/p/21553824) - [在雅虎工作的日子](https://zhuanlan.zhihu.com/p/21811147) #### 16. Nodejs 群号：422910907 - [Nodejs原生支持的ES6特性](http://www.alloyteam.com/2016/07/nodejs-native-support-of-the-es6-features/) - [如何定位 Node.js 的内存泄漏](http://taobaofed.org/blog/2016/04/15/how-to-find-memory-leak/) - [深入理解Node.js：核心思想与源码分析](https://yjhjstz.gitbooks.io/deep-into-node/content/chapter14/chapter14-1.html) - [github上有什么好的node.js的项目？](https://www.zhihu.com/question/29563744) - [如何系统地学习Node.js？](https://www.zhihu.com/question/21567720) - [NodeJs——（16）用Nodejs 4.X版本，制作一个微博网站（多图，详细步骤）](http://blog.csdn.net/qq20004604/article/details/52019904) #### 17. UI - [100个弹框设计小结](https://isux.tencent.com/100%E4%B8%AA%E5%BC%B9%E6%A1%86%E8%AE%BE%E8%AE%A1%E5%B0%8F%E7%BB%93.html) - [零基础如何学习绘画？](https://www.zhihu.com/question/19559029) - [送给想自学画画且零基础的人10个技巧](https://zhuanlan.zhihu.com/p/21540488) - [设计中会用到 UI 设计规范吗？](https://www.zhihu.com/question/19791196) - [学习绘画应该怎么起步？](https://www.zhihu.com/question/20217449) - [如何建立一套 UI 设计规范？](https://www.zhihu.com/question/29936125) - [用 Sketch 绘制一份美观的交互稿](https://zhuanlan.zhihu.com/p/21700200) #### 18. 性能优化教程 - [我们是如何做好前端工程化和静态资源管理](https://aotu.io/notes/2016/07/19/A-little-exploration-of-front-end-engineering/) #### 19. 面试 | 求职 - [算法面试题](http://www.cnblogs.com/toutou/p/suanfa.html) - [程序员涨工资大多数靠跳槽吗？](https://www.zhihu.com/question/28185284) - [前端开发面试题](https://zhuanlan.zhihu.com/p/21545655?f3fb8ead20=1c4ca537fbf11dc08fc665b45498e24c) - [应聘互联网公司的简历应该是怎么样的？](https://www.zhihu.com/question/23631182) - [将校招从被拒到拿到Special Offer的经历分享给同学们](http://mp.weixin.qq.com/s?__biz=MzA5NDE3OTQ0NA==&mid=214209055&idx=1&sn=8d99cba692a2319d3373810fa67eb3da&scene=23&srcid=BYE0FXjHp1sr8jyrCsKG#rd) - [创业公司怎么招人？](https://www.zhihu.com/question/19551593) #### 20. mac ios #### 21. php 群号：82254462 - [PHP 资源大全中文版](https://github.com/jobbole/awesome-php-cn) #### 22. java 群号：145381037 - [Java工程师笔试题整理[校招篇]](https://zhuanlan.zhihu.com/p/21513402) #### 23. python 群号：130705066 - [跟黄哥学习Python系列文章](https://zhuanlan.zhihu.com/p/21771912) - [针对Quant的Python快速入门指南](https://zhuanlan.zhihu.com/p/21763165) #### 24. Hybrid App 群号：498173484 - [浅谈 Hybrid App](https://zhuanlan.zhihu.com/p/21387961) - [移动端高清、多屏适配方案](http://www.aliued.com/?p=3166) - [极致的 Hybrid 混合式开发（去啊App Hybrid 实战）](https://yq.aliyun.com/articles/43) - [ReactNative动画研究与实践](https://yq.aliyun.com/articles/57888) #### 25. 英语 #### 26. 其它 - 影视 - [中国有哪些拿的出手的电视剧？](https://www.zhihu.com/question/34965780) - [如何评价动画电影《大鱼·海棠》？](https://www.zhihu.com/question/48109458) - 健康，养生 - 历史，人文 - [《水浒传》好在哪里？](https://www.zhihu.com/question/27897924) - [有哪些原本就是天下第一，而后转战其他领域依旧生猛得一塌糊涂的例子？](https://www.zhihu.com/question/41233342) - [有哪些有趣又涨知识的小说？](https://www.zhihu.com/question/35930228) - 其它 - [毕业照应该怎么拍才好看？有什么好的拍照动作可提供吗？](https://www.zhihu.com/question/23305736) - [有哪些好看极简的手表？](http://www.zhihu.com/question/28323744/answer/41670864) #### 27. 特别推荐我联盟群几个高手的力作或个人网站 1. 高级群 - [上海-何幻 - 重在表达](http://thzt.github.io/blog/2016/07/01/the-way-to-express/) 2. 中级群 3. 初级群 4. 入门群 5. 跳板群3 - [上海-尤里卡 - 数组去重](http://www.wxybaby.com/%E5%89%8D%E7%AB%AF/arrayDeleteRepeat.html)