全部项目整理到一张思惟导图css
github项目地址（每周更新，欢迎star）html
写在前面
目前开源社区Github涌现出很多优秀的项目，关注和使用这些项目，一方面能够很好的提高开发效率与质量，另外一方面研究开源项目的源码，参与其贡献，也是提高技术能力一个不错的方法。前端
基于本身团队的需求，之后每周会整理一些不错的Github开源项目（每周3-6个），范围主要包括：编程基础，前端开发，客户端开发，图形图像，网络，通用工具等，但不局限于此，一些服务端技术以及前沿技术（如：AI，AR，loT等）也可能会涉及到。相信多开阔眼界，方能看的更远！vue
全部的项目都会第一时间整理到上面的思惟导图中，经过这种形式可以实时的跟踪每一个项目的star数，在须要用的时候也能够快点检索和查找。java
若是对你的工做或学习有所帮助，请到项目的github star 支持一下哈，不胜感激！
如下是以往各期收集的项目（持续更新中...）：node
2017年
第十八期（2017-12-29）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| canvas |
react-canvas github.com/Flipboard/r… |
React Canvas增长了React组件渲染到canvas而不是DOM的能力。它带来了Web开发人员熟悉的一些API，并将它们与高性能绘图引擎混合在一块儿。 |
与本地应用程序相比，移动Web应用程序感受缓慢的缘由是DOM。 CSS动画和过渡是在Web上实现平滑动画的最快途径，但它们有一些限制。 React Canvas利用现代移动浏览器拥有硬件加速画布的能力，更好的构建应用程序用户界面。事实上，它是对渲染到canvas上行为的具体实现。 |
10792 |
| UI布局 |
muuri github.com/haltu/muuri |
Muuri 可以建立响应式，可排序，可过滤和可拖动的网格布局。其布局系统容许以多种方式将网格项目定位在容器内。 |
流布局是目前用于图像类布局的常见展现方式之一，Muuri很适合建立这种布局。它的特色是支持响应式、排序、筛选以及拖拽布局元素。能经过鼠标随意拖拽，支持左上、右上，左右两端对齐以及根据标题内容进行筛选，筛选时切换的的动画也很是流畅。 |
6188 |
| 文件上传处理 |
uppy github.com/transloadit… |
一个全新的模块化的浏览器Web文件上传组件，能够与任何框架无缝集成。 |
它能从本地磁盘，Google Drive，Dropbox，远程URL，摄像机和其余地点获取文件，而后将其上传到最终目的地，支持拖拽和暂停上传。 快速，易于使用，让你能专一于比构建文件上传器更重要的问题。 |
4628 |
第十七期（2017-12-22）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 组件开发与测试 |
storybook github.com/storybooks/… |
React和React-Native UI组件的交互式开发和测试环境。 |
这款工具很适合在页面UI快速直观的展现控件的运行效果，测试不一样的运行场景。 |
17123 |
| 可视化分析 |
github-profile-summary github.com/tipsy/githu… |
对Github主页进行可视化分析的工具。可以分析某个github用户关注项目，历史活跃度，贡献状况。 |
你能够用它来可视化分析本身的github使用数据，也能够了解他人的，但前提是分析的用户须要先关注这个项目。 |
12028 |
| 文档管理 |
Docusaurus github.com/facebook/Do… |
Facebook开源的一套快速生成开源项目文档站点的项目，它把项目介绍页面，文档，博客，github关注数与跳转及搜索都作好了，若是你有一个开源项目想要作一个主页，它是一个很好的选择。 |
基于React构建，React Native，Prettier，jest等许多大型开源项目都在使用它。 |
2716 |
第十六期（2017-12-15）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 前端工程化 |
rollup github.com/rollup/roll… |
Rollup 是一个 JavaScript 模块打包器，能够将小块代码编译成大块复杂的代码，例如 library 或应用程序。它对代码模块使用新的标准化格式，这些标准都包含在 Js 的 ES6 版本中，而不是之前的特殊解决方案，如 CommonJS 和 AMD。可使你自由、无缝地使用你最喜好的 library 中那些最有用的独立函数，而你的项目没必要携带其余未使用的代码。 |
它被称为下一代的模块打包工具，采用shaking tree的技术，利用es6模块能静态分析语法树的特性，只将须要的代码提取出来打包，能大大减少代码体积。面对其竞争，webpack也增长了相似的功能。 |
11140 |
| 学习资源 |
learn-anything github.com/learn-anyth… |
learn-anything是由社区创建的开源网站，它提供学习任何知识技能的交互式地图，经过其提供的学习路径与资源，可以很快的掌握一项技能。 |
学习新技能的好方法，同时项目自己的交互也很值得参考。 |
9400 |
| 机器学习 |
keras-js github.com/transcrania… |
本项目可让你使用 WebGL 在 GPU 驱动的、浏览器上运行训练好的 Keras 模型。它能将深度学习完成的网络放进js。 |
打开机器学习，图像识别大门最简答的方法之一。经过几十行简单的代码，就能够实现文字，图像识别的demo。 |
3313 |
第十五期（2017-12-8）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 代码格式化 |
Prettier github.com/prettier/pr… |
Prettier是一个代码格式化程序。支持不少种语言，如：JavaScript、JSX、Flow、TypeScript、CSS、LESS、SCSS等。它的一大特色就是可以支持命令行、API 等多种形式调用，可让团队保持代码风格一致。 |
使用Prettier有不少益处：几乎不须要作决定，由于 Prettier的配置选项不多；团队成员不须要为规则去争论；开源代码开发者不须要去学习项目的代码风格；不须要去修复ESLint报告的风格问题；保存文件的时候能够自动统一风格。包括 React 和Babel在内的不少著名项目已经开始使用了，因此，你也值得拥有。 |
17779 |
| 前端工程化 |
Parcel github.com/parcel-bund… |
Parcel 是一款极速、零配置的 Web 应用打包工具，支持：极速打包 - 多核心编译，以及即便在重启后也能快速重建的文件系统缓存。无需安装插件，开箱即用，支持 JS、CSS、HTML、file assets 等。在有须要时自动转换成 Babel、PostCSS 和 PostHTML 模块 - 甚至是 node_modules。代码零配置，使用动态 import（）语句分割。内置热模块替换。 |
前端领域已经有了webpack这样一个强大的工具，但它并不是就十全十美，Parcel就针对webpack的不足作了不少文章，它的构建速度很是快，使用cache后几乎能比webpack快8倍，同时它支持零配置，在项目中开箱即用，不像webpack那样须要各类配置项。在GitHub开源，一周内就获得了7200多个star，将来绝对不容忽视的前端工程化技术。 |
7268 |
| 接口模拟 |
json-server github.com/typicode/js… |
Json-Server是一个本地数据接口模拟神器，基于REST API，配合使用Proxy，效率极其高。它能够在30s内让你创建一套完整的REST API。 |
它足够简单，写少许数据，便可使用。也足够强大，支持CORS和JSONP跨域请求，支持GET, POST, PUT, PATCH 和 DELETE 方法，更提供了一系列的查询方法，如limit，order等。 |
27310 |
第十四期（2017-12-1）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 响应式编程 |
RxJS github.com/ReactiveX/R… |
RxJS 是使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。这个项目是 Reactive-Extensions/RxJS(RxJS 4) 的重写，具备更好的性能、更好的模块性、更好的可调试调用堆栈，同时保持大部分向后兼容，只有一些破坏性的变动(breaking changes)是为了减小外层的 API 。 |
使用RxJS，能够达到如下目的：同步与异步的统一；获取和订阅的统一；如今与将来的统一；可组合的数据变动过程；数据与视图的精确绑定；条件变动以后的自动从新计算 |
9507 |
| 数据可视化 |
g2 github.com/antvis/g2 |
G2 是一套基于可视化编码的图形语法，以数据驱动，具备高度的易用性和扩展性，用户无需关注各类繁琐的实现细节，一条语句便可构建出各类各样的可交互的统计图表。2017年11月22日，G2 3.0 来了，一个“数据驱动的高交互图形语法”新生绽开，而且从这个版本起，G2 将以 MIT 协议正式对外开源。 |
G2是图形语法在前端工程上的一个实现。它提供了强大的语义化图表生成能力，使得用户（开发者）能够经过简单的语法组合便可搭建出各类各样的图表。 |
3531 |
| PWA |
第一本 PWA 中文书 github.com/SangKa/PWA-… |
《Progressive Web Apps》是 Manning 出版社发行的一本很不错的PWA 主题的书，到目前为止，市场上关于 PWA 的好书也是屈指可数。这个项目是该书的中文翻译版本，已经在github上开源。 |
目前 PWA 相关的学习资料十分有限，中文的就更少了，给想去了解 PWA 的开发者带来了必定的困扰。做者利用业余时间翻译了此书，对PWA学习颇有帮助。 |
1657 |
第十三期（2017-11-24）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| JS运行时环境 |
napajs github.com/Microsoft/n… |
Napa.js是一个基于V8的多线程JavaScript运行时环境，它起初被设计用于在Bing中开发不影响性能的高度迭代服务。随着开发的深刻，微软的工程师发现Napa.js能有效补足Node.js在CPU-bound任务上的不足，并且拥有在多个V8隔离中执行JavaScript代码并进行相互通讯的能力。虽然Napa.js是Node.js的一个模块，可是它也能嵌入没有Node.js依赖的主机进程中。 |
多线程JavaScript运行时环境；Node.js兼容的模块，支持NPM；JavaScript线程间的对象传递、对象共享和同步接口；可插拔的日志、标准和内存分配接口；做为一个Node.js的模块部署，支持脚本嵌入。 |
7133 |
| 时间类库 |
date-fns github.com/date-fns/da… |
轻量级的 JavaScript 日期库。提供了最全面，简单和一致的工具集，用于在浏览器和 Node.js 中操纵 JavaScript 日期。 |
很是好的解决了纯 JS 操做时间极其复杂的问题。 |
7832 |
| PWA |
react-pwa github.com/Atyantik/re… |
一个可拓展的、最佳实践的 PWA 基础库（对提高react应用的性能和体验颇有帮助）。 |
支持 React & Redux SSR，良好的 SEO 策略与页面加载速度。 |
1001 |
第十二期（2017-11-17）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 网络请求 |
axios github.com/axios/axios |
一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。它支持以下特性：从浏览器中建立 XMLHttpRequest；从 node.js 发出 http 请求；支持Promise API；拦截请求和响应；转换请求和响应数据；取消请求；自动转换JSON数据；客户端支持防止 CSRF/XSRF； |
vuejs 做者尤雨溪以前发布过消息，再也不继续维护vue-resource，并推荐你们使用 axios。目前axios 被愈来愈多的人所了解和使用，它功能强大，api设计的也比较好，表明一种较新的网络请求模式。 |
30650 |
| 数据图表 |
charts github.com/frappe/char… |
简单，响应式，无任何依赖的现代SVG图标库，纯ES6+CSS写的项目，不依赖任何框架的项目典范。同时图表组件使用简单，样式也很漂亮。 |
零依赖，使用简单且效果美观的图表组件库。 |
8670 |
| 动画特效 |
lottie-web github.com/airbnb/lott… |
Airbnb开源的动画库，它可以同时支持iOS，Android与ReactNative的开发，让美工在AE软件上设计的动画直接用于移动客户端与网页。 |
它的出现极大地解放了客户端/前端工程师编写原生自定义动画的工做。相关的另外两个开源库lottie-android和lottie-ios都已经收获了过万的star。 |
8633 |
第十一期（2017-11-3）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| PWA |
workbox github.com/GoogleChrom… |
Workboxjs Chrome官方团队推出的用来下降 PWA 开发成本的技术。 |
2017 Chrome Dev Summit 10月23号在在美国旧金山举行，大会的主题依旧是PWA（Progressive Web APP，渐进式Web应用），从2017年从始至今，在 Google I／O、GDD到各类 Conf上，PWA一直被强调。 |
Workboxjs 做为官方技术，必定程度上表明着将来PWA开发的趋势。 |
| 中后台应用搭建 |
ant-design-pro github.com/ant-design/… |
由Ant Design出品的开箱即用的中台前端/设计解决方案。优雅美观：基于 Ant Design 体系精心设计；常见设计模式：提炼自中后台应用的典型页面和场景；响应式：针对不一样屏幕大小设计；主题：可配置的主题知足多样化的品牌诉求；国际化：内建业界通用的国际化方案；Mock 数据：实用的本地数据调试方案；UI 测试：自动化测试保障前端产品质量； |
2366 |
|
| 离线存储 |
pouchdb github.com/pouchdb/pou… |
PouchDB是受 Apache CouchDB启发为Web设计的一款占用空间少的数据库。它尤为适合于须要基于浏览器的可离线使用的存储方案的移动应用。 |
离线或“在云中”工做的应用都将面临可靠的数据同步的问题，它们均可能会用到PouchDB。 |
9653 |
第十期（2017-10-27）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| React组件 |
awesome-react-components github.com/brillout/aw… |
一个React 组件/库集合，awesome系列之一。 |
收集了不少的React组件项目，对开发复杂交互的React项目会颇有帮助。 |
10486 |
| React组件 |
react-virtualized github.com/bvaughn/rea… |
用于高效地呈现大型的列表（包括瀑布流等）和表格数据的React组件。 |
开发中常常须要实现能无限滚动的长列表，使用这个库将使得长列表加载具备更好的性能，由于它可以动态的渲染须要呈现的部分，并删掉不须要展现的dom。 |
7491 |
| 数据图表 |
recharts github.com/recharts/re… |
使用React和D3构建的从新定义的图表库。 |
简单易用的React图表库，原生的SVG支持，声明式的组件。 |
6980 |
第九期（2017-10-20）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| js函数式编程 |
ramda github.com/ramda/ramda |
一款实用的 JavaScript 函数式编程库。强调更加纯粹的函数式风格。Ramda的函数自己都是自动柯里化的。其参数的排列顺序更便于柯里化。 |
目前已经存在许多优秀的函数式的库（如underscore,Lodash）。相比而言，Ramda 的目标更为专一：专门为函数式编程风格而设计，更容易建立函数式 pipeline、且从不改变用户已有数据。 |
9758 |
| React与electron最佳实践 |
nylas-mail github.com/nylas/nylas… |
一款用现代web技术搭建的可扩展的开源电子邮件客户端。 |
是React和electron等技术搭建的大型跨平台桌面客户端项目，不管是从技术仍是架构都值得去学习和借鉴。 |
23563 |
| 前端包管理 |
lerna github.com/lerna/lerna |
用于管理具备多个包的JavaScript项目的工具。 |
将大型代码库拆分为独立的独立版本包对于代码共享很是有用。 然而，在许多存储库中进行更改是麻烦和难以跟踪的事情。lerna就是为了解决这些问题，它能让项目将它们的代码库组织成多包存储库。 |
6324 |
第八期（2017-10-13）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| UI框架 |
bulma github.com/jgthms/bulm… |
基于Flexbox的现代CSS框架 |
响应式，专门为移动端而设计；组件纯CSS实现，无js依赖；模块化，按需引入。 |
20085 |
| 动画 |
anime.js github.com/juliangarni… |
一个优秀的JavaScript动画引擎，能够和CSS3属性，SVG，DOM元素和JS对象一块儿工做，制做出各类高性能，平滑过渡的动画效果。 |
相比于其余的不少动画库，anime要更灵活而轻量一些，不管是从使用仍是性能角度。 |
15480 |
| 图像语言识别 |
tesseract.js github.com/naptha/tess… |
纯Javascript实现的OCR支持62种语言，是流行Tesseract OCR引擎的一个JS移植。 |
能很快的对图像文件进行分析识别处理，获取到语言文字信息，图像转字符数据的利器。 |
12342 |
第七期（2017-09-30）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 拖拽效果实现 |
draggable github.com/Shopify/dra… |
一个轻量级，响应式的现代JavaScript拖放(Drag & Drop)库 |
比较新的拖拽效果库，对ES6很友好，同时支持排序，插拔等效果，API比较强大 |
7117 |
| Vue最佳实践 |
vue2-elm github.com/bailicangdu… |
基于 vue2 + vuex + vue-router2 + fetch 构建一个具备 45 个页面的大型单页应用（饿了么移动端应用） |
Vue2构建的大型应用，对Vue开发颇有参考价值 |
12080 |
| js基础 |
You-Dont-Need-jQuery github.com/oneuijs/You… |
前端发展很快，现代浏览器原生 API 已经足够好用。咱们并不须要为了操做 DOM、Event 等再学习一下 jQuery 的 API。同时因为 React、Angular、Vue 等框架的流行，直接操做 DOM 再也不是好的模式，jQuery 使用场景大大减小。本项目总结了大部分 jQuery API 如何用原生 js 实现。 |
整理了各类用原生js实现 jQuery API的写法，有助于提生原生js的掌握程度，巩固基础，同时也能够减小项目对jQuery的依赖。 |
12239 |
第六期（2017-09-22）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 文件处理 |
js-xlsx github.com/SheetJS/js-… |
纯JS实现读写各类电子表格文件的类库。 |
让开发者能直接在浏览器端处理表格数据，减小对服务端和网络的压力。 |
7401 |
| 性能优化 |
electron-webpack-dashboard github.com/FormidableL… |
采用Electron开发的Webpack桌面GUI管理控制台，经过它可以可视化的查看项目中webpack的打包，构建，依赖等相关数据。 |
对性能优化颇有帮助，同时它也是Electron技术的最佳实践之一。 |
2226 |
| 人工智能 |
hubot github.com/hubotio/hub… |
Hubot 是 GitHub 团队开源的一款聊天机器人技术，原目的是帮助 GitHub 员工更好的管理他们的软件。直到你们为这个机器人发掘了更多强大和好玩的用途。它能为团队内的任一成员服务，自动处理各类复杂的任务。 |
一种 ChatOps 式的技术，Hubot 能够用来记录和帮助公司所发生的几乎一切。它常被戏称为 GitHub 最勤奋的「员工」，由于它始终尽职尽责勤勤勉勉，而且做为团队的「一员」，若是你愿意，它会永远在线。 |
13227 |
第五期（2017-09-15）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 文件处理 |
jsPDF github.com/MrRio/jsPDF |
领先的浏览器端PDF解决方案，支持不一样类型的PDF文件格式，包括：文本，数字，图形，图片，同时能够自由的编辑PDF中的标题或其它类型元素。 |
曾经生成PDF是服务端代码的专利，而经过jsPDF则可以用前端脚本生成和控制PDF文件 |
8950 |
| 服务端技术 |
serverless github.com/serverless/… |
Serverless Framework是无服务器应用框架和生态系统，旨在简化开发和部署服务端应用程序的工做。它做为Node.js NPM模块提供，填补了AWS Lambda等服务端技术存在的许多缺口。同时提供多个样本模板，能够迅速启动AWS Lambda，Azure, Google Cloud等服务进行开发。 |
经过这项技术能快速的部署服务端架构，让开发者能更专一于应用自己。比起微服务、DevOps，Serverless的落地可能更快。 |
19098 |
| 图像识别 |
tracking.js github.com/eduardolund… |
tracking.js 是一款js封装的图像处理的库，为浏览器带来丰富的计算视觉相关的算法和技术，经过它能够实现颜色追踪、人脸检测等功能 |
经过它能很容易的在浏览器上使用计算机视觉技术，实现人脸识别等功能 |
5498 |
第四期（2017-09-08）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 编程学习 |
free-programming-books-zh_CN github.com/justjavac/f… |
一份免费的编程书籍（中文版）索引，涵盖了计算机基础，各大编程语言，操做系统，编译，图形学，数据库，项目管理，设计模式，Web等各个领域的优秀书籍资源，并收录了一些读书笔记 |
很是全的一份编程开发的书籍清单，并且都有在线阅读的资源，很值得收藏和学习 |
21760 |
| 数据查询语言 |
graphql github.com/graphql/gra… |
GraphQL是一套数据查询语言规范，由 Facebook在2012年开发，2015年开源，Facebook 内部已经普遍应用，用于替代 REST。graphql-js是Facebook官方对于js的GraphQL的一种实现 |
与REST相比，GraphQL定义了更严格、可扩展、可维护的数据查询方式，是将来先后端协同的一个方向 |
7767 |
| 命令行工具开发 |
Inquirer.js github.com/SBoudrias/I… |
常见的交互式命令行接口的集合，它可以很容易的提供错误回调，询问操做者问题，获取并解析用户输入，检测用户回答是否合法，管理多层级的提示等 |
一些有名的命令行脚手架工具，如：vue官方脚手架vue-cli和yeoman脚手架yo都有用到Inquirer.js |
5016 |
| 虚拟现实 |
react-vr github.com/facebook/re… |
面向 VR 的React开发框架，内部经过包装流行的JS 3D引擎Three.js实现。经过WebGL将VR应用展示到网页上，同时也支持Oculus Rift，三星GearVR等VR设备。 |
相比于其余的VR技术，react-vr 在React的无缝集成上占有优点，为具有React基础的开发者减小了学习成本，同时也能充分的利用React的能力与其繁荣的生态 |
4859 |
第三期（2017-09-01）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 数据图表 |
Chart.js github.com/chartjs/Cha… |
Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。使用 <canvas> 标签实现简洁的HTML5图表。 |
支持全部现代浏览器，并针对IE7/8提供了降级替代方案。简单、灵活，不依赖任何外部工具库，轻量（压缩后仅有4.5k） |
32037 |
| 移动端开发 |
VasSonic github.com/Tencent/Vas… |
VasSonic是一个轻量级、高性能的Hybrid框架，专一于提高页面首屏加载速度，支持静态直出和动态直出页面，兼容离线包等方案。由腾讯团队开源，目前已普遍应用于手Q等内部应用。 |
该框架能作到智能地对页面内容进行动态缓存和增量更新，减小对网络的依赖和数据传输的大小，大大提高H5页面的加载速度，让H5页面的体验更加接近原生，提高用户体验及用户留存率 |
5173 |
| 视频播放器 |
video.js github.com/videojs/vid… |
Video.js是一个基于HTML5的网络视频播放器。 它支持HTML5和其余视频格式。 台式机和移动设备上的视频播放都有很好的兼容性。 |
该项目已被超过40万个网站使用，是目前最流行的H5视频播放器技术之一 |
17463 |
| 浏览器 |
puppeteer github.com/GoogleChrom… |
Puppeteer是一个node库，它提供一组用来操纵Chrome的API（默认是headless即无UI的chrome，也可配置为有UI） 有点相似于PhantomJS，由Chrome官方团队进行维护 |
使用Puppeteer，至关于同时具备操做系统和Chrome的能力，应用场景会很是多。就爬虫领域来讲，远比通常的爬虫工具功能更丰富。也能很好的应用在性能分析、自动化测试等其余领域 |
12233 |
第二期（2017-08-25）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 动画效果 |
产品使用分步引导动画效果库：Intro.js github.com/usablica/in… |
为网站和项目提供分步指导新功能介绍的好方法 |
不错的使用分步引导效果实现方案，帮助用户更容易的上手产品新功能 |
15674 |
| 通用工具 |
可视化html编辑器 ORY Editor github.com/ory/editor |
一个高度可定制的HTML内容编辑器，基于 Slate.js, React和Redux开发 |
可拖拽的编辑操做体验，对移动端很友好 |
5815 |
| 性能优化 |
PWA相关：Lighthouse github.com/GoogleChrom… |
一个自动化工具，用于改进网络应用的质量。提供一个要审查的网址，它将针对此页面运行一连串的测试，生成一个有关页面性能的报告。Lighthouse 目前很是关注 PWA 功能，如“添加到主屏幕”和离线支持，以针对网络应用质量的各个方面提供端到端审查。 |
PWA技术的最佳实践项目之一；对提高页面性能颇有帮助。 |
10224 |
| 客户端开发 |
yoga github.com/facebook/yo… |
一个客户端开发的跨平台布局引擎，由facebook开源。支持 android，ios等平台，容许使用开发者最熟悉的语言进行布局开发，如java，C#，Objective-C，C等。同时也支持React Native开发。 |
客户端布局开发利器，支持多个平台和语言。 |
8207 |
| 加强现实 |
AR.js github.com/jeromeetien… |
基于web提供加强现实的解决方案，它很是快，在手机上运行也能够达到60fps。完整的基于three.js+jsartoolkit5，适用于任何手机上的WebGL和WebRTC技术。 |
WebAR技术的一种实现方案，能很快的实现性能不错的AR交互。 |
4279 |
第一期 （2017-08-18）
| 分类 |
项目名称与地址 |
项目简介 |
推荐理由 |
star数 |
| 性能优化 |
React服务端渲染 next.js github.com/zeit/next.j… |
一个轻量的提供React应用服务器端渲染的框架，支持自动代码拆分等特性。 |
能很好的提高页面加载与渲染速度。 |
16334 |
| 编程基础 |
learn-regex github.com/zeeshanu/le… |
帮助开发者更容易的学习正则表达式。 |
其中提供了一个快速检测（各类语言）正则表达式匹配的网站：regex101.com/ 使用起来很方便 |
10559 |
| 通用工具 |
RAP github.com/thx/RAP |
Web接口管理工具，开源免费，接口自动化，MOCK数据自动生成，自动化测试，企业级管理。阿里妈妈MUX团队出品。 |
数据接口模拟，管理，自动化测试神器。 |
5889 |
| 客户端开发 |
Electron github.com/electron/el… |
GitHub开发的一个开源框架，它使用Node.js和Chromium，能经过html，css，js等技术完成跨平台桌面应用的开发。 |
目前有不少知名的桌面客户端应用都在使用electron进行开发，如：slack，vscode等 |
49258 |
| 网络安全 |
Awesome-Hacking github.com/Hack-with-G… |
最近比较火的一个Awesome系列，收集了hack，安全研究方面的一些技术与学习资料，包括 Web，服务端，Android，ios，物联网等各类安全领域的资源。 |
很全的安全攻防资源整理，各个领域的开发者都能从中获得收获。 |
15979 |
| 人工智能 |
deeplearn.js github.com/PAIR-code/d… |
浏览器端机器智能框架，由 Google开发，是一款基于硬件加速的开源 JavaScript 库，可被用在机器智能领域。 |
该库将高性能的机器学习构建模块引入到 web 开发领域。 |
2291 |
（注：文中项目star数以整理当天为准）react
