2016-7
最后更新于：2022-04-01 06:15:19
## 概况
在线地址：`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)