由OpenDigg 出品的前端开源项目周报第十八期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。

在腾讯，如：兴趣部落、QQ群、QQ动漫、腾讯学院、TEDxTencent、 AlloyTeam、腾讯CDC等多个部门、团队和项目都在使用AlloyFinger。如下图所示：

Node 提供了很多接口来获取远程地址代码，就拿 AlloyTeam 的页面举例吧，把他首页几篇文章的信息爬取过来。因为 AlloyTeam 使用的协议是 http:// ，本文就不介绍 Node 中 https:// 的使用了。

这是一个来自腾讯 Web 前端 AlloyTeam的开源项目，是一个基于HTML5技术的专业图像处理库。 功能特性 强大功能 基于多图层操作 -- 一个图层的处理不影响其他图层 与PS对应的17种图层混合模式 -- 便于PS处理教程的无缝迁移 多种基本滤镜处理效果 -- 基本滤镜不断丰富、可扩展 基本的图像调节功能 -- 色相、饱和度、对比度...

Omi框架经过几十个版本的迭代，越来越简便易用和强大。经过周末的连续通宵加班加点，Omi v1.0版本终于问世。虽然版本遵循小步快跑、频繁迭代，但是Omi团队成员都有着克制之心，处女座占了半壁江山，所以Omi的API除了增量的API，其他的历史API没有任何变化。

郭碧青：我是 2011 年加入腾讯 AlloyTeam，先后开发过 WebQQ，Q+，QQ 互联，兴趣部落。曾参与春节兴趣部落红包项目，成功应对每秒 50 万的并发。现在主要的精力还是在业务产品上，最近应用 React 的方案实践兴趣部落 PC 版 web 的优化。

学习的过程中收藏了这些优秀教程和的项目，希望对你有帮助。 github地址, 有不错的就更新 官方文档 中文指南 初级教程 webpack-howto 作者：Pete Hunt Webpack 入门指迷 作者：题叶 　 webpack-demos 作者：ruanyf 一小时包教会 —— webpack 入门指南 作者：VaJoy Larn　　 webpack 入门及实践 作者：zhouweicsu　　 Webp...

最近接到一个小的项目，需要实现触屏滑动，图片缩放旋转移动，故而花了三天时间学习并实现了一下，在此记录一下学习过程：关键就是css、 触屏手势用到的技术：css过渡 css2D转换 hammer.js AlloyFinger.js

webpack-howto 作者：Pete HuntWebpack 入门指迷 作者：题叶 　webpack-demos 作者：ruanyf一小时包教会 —— webpack 入门指南 作者：VaJoy Larn　　webpack 入门及实践 作者：zhouweicsu　　Webpack傻瓜式指南（一） 译者：前端外刊评论　　Webpack傻瓜式指南（二） 译者：前端外刊评论　入门Webpack，看这篇就够了 作者...

React Hooks出来也有一段时间了，在这个过程中有一个前端的React项目是专门用的React的FC组件形式来写的。在过程中提炼了一些使用实例，这里记录下。还有，如果你之前从来没有了解过React Hooks，建议你先

项目为什么要同时使用ESLint与Prettier 单单使用Prettier的问题 无代码校验很容易出现无法检查到的错误 对代码顺序无校验 对废弃方法无法快速定位 单单使用ESLint的问题 每个人写法不统一，改别人代码的时候会看着难受 用ESLint配置代码风格比较麻烦 使用与开启 教程网上都有 检查是否开启 Prettier vscode 配置`// 保存...

前言 由于公司业务需要做一些图标来展示一些数据，之前都是用百度的echart.js。这次放弃使用它转而自己开发是有几个原因 echart文件太大，有些功能用不到 echart样式不易扩展，满足不了设计的需求 需求简单 考虑上面几个原因就决定自己开发一个图标库，主要介绍折线图和雷达图 技术研究 绘制图表可以用canvas、svg、webg...

Omi Open and modern framework for building user interfaces. Omi的Github地址[链接] 如果想体验一下Omi框架，请点击Omi Playground 如果想使用Omi框架，请阅读 Omi使用文档 如果想一起开发完善Omi框架，有更好的解决方案或者思路，请阅读 从零一步步打造web组件化框架Omi 关于上面的两类文档，如果你想获得更佳的阅读...

裁剪图片的应用场景有头像编辑、图像编辑，在移动端要配合手势以及进行触摸反馈来进行变形以确认用户的选区进行裁剪。AlloyCrop就是专注于裁剪图像的组件，目前服务于QQ相关的Web业务，今日正式对外开源。

2017-06-21 前端日报 精选 redux-react实践总结 - 掘金【第972期】HTML5动画与动效之四flexbox 完全指南 - 众成翻译19个JavaScript编码小技巧_JavaScript 教程_w3cplus使用浏览器开发者工具检查CSS动画性能 - 众成翻译ES2017's async/await is the best thing to ever happen to JavaScript⚡️ From React to an Electron...

引言：最近想将这几个月做过的东西组件化，然后首先想到的是 编码规范化！本文只涉及 CSS 命名规范，搬来了Alloyteam 造好的轮子。可能并不完全适用，在以后开发过程中再根据需要进行修改。╮(╯_╰)╭

2017-08-29 前端日报 精选 浏览器兼容性问题解决方案AlloyTeam ESLint 配置指南全新的redux模块化框架，redux-arena - 知乎专栏javascript30-day-29-CountdownThree.js 现学现卖From Javascript to TypescriptJavaScript — WTF is ES6, ES8, ES 2017, ECMAScript… ? 中文 【教学向】再加150行代码教你实现一个低配版的we...