# 前端周刊 第10期（20180129）

## 新鲜事
- [CSS Paint API](https://developers.google.com/web/updates/2018/01/paintapi?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=news)：将在 Chrome 65 起默认开启支持，允许自由绘制 CSS image。 <img valign="top" width="auto" height="20" src="./assets/news.svg" />
- [Puppeteer 1.0 shipped](https://twitter.com/ebidel/status/953306347067473922?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=news)：Twitter <img valign="top" width="auto" height="20" src="./assets/news.svg" />
- [removing CommonsChunkPlugin() in #webpack v4!](https://twitter.com/TheLarkInn/status/954838868569702400?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=news)：Twitter <img valign="top" width="auto" height="20" src="./assets/news.svg" />

## 前端提高
- [CSS Grid](https://cssgrid.io/?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=video)：Wes Bos（没错，就是买他贴纸三个月还没给我们寄到的那个人）提供的免费视频教程。 <img valign="top" width="auto" height="20" src="./assets/video.svg" /> <img valign="top" width="auto" height="20" src="./assets/tutorial.svg" />
- [CSS Naming Conventions that Will Save You Hours of Debugging](https://medium.freecodecamp.org/css-naming-conventions-that-will-save-you-hours-of-debugging-35cea737d849?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)：这些 CSS 命名规范，将省下你大把调试时间【[中文](http://mp.weixin.qq.com/s/iaUjkC447QhQk5KrMOk88w?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)】 <img valign="top" width="auto" height="20" src="./assets/tutorial.svg" />
- [🎉 New JavaScript features in ES2018](https://twitter.com/mathias/status/956970099063189505?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)：一些 ES2018 新特性介绍 <img valign="top" width="auto" height="20" src="./assets/tutorial.svg" />
- [探索Redux的最佳实践](http://www.10tiao.com/html/184/201704/2247485137/1.html) <img valign="top" width="auto" height="20" src="./assets/tutorial.svg" />
- [Redux基础课程——Dan Abramov](https://egghead.io/courses/getting-started-with-redux?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)：英文视频【[1](https://egghead.io/courses/getting-started-with-redux?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial) / [2](https://egghead.io/courses/building-react-applications-with-idiomatic-redux?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)】 <img valign="top" width="auto" height="20" src="./assets/video.svg" /> <img valign="top" width="auto" height="20" src="./assets/tutorial.svg" />
- [从redux-thunk到redux-saga实践](https://github.com/Pines-Cheng/blog/issues/9?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)：RT <img valign="top" width="auto" height="20" src="./assets/tutorial.svg" />


## 值得关注
- [2018.makemepulse.com](http://2018.makemepulse.com/)：Makemepulse 团队做的小游戏 <img valign="top" width="auto" height="20" src="./assets/demo.svg" />
- [project-guidelines](https://github.com/wearehive/project-guidelines?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=video)：一套项目规范 <img valign="top" width="auto" height="20" src="./assets/opinion.svg" />

## 课外读物
- [learn-javascript](https://github.com/Mybridge/learn-javascript?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)：「从2.4 万篇文章中挑出的最棒的 JavaScript 学习指南（2018版）」，挑有意思的看就行【[中文](https://github.com/Mybridge/learn-javascript/blob/master/CN.md?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)】 <img valign="top" width="auto" height="20" src="./assets/tutorial.svg" />
- [A GraphQL Primer: Why We Need A New Kind Of API (Part 1)](https://www.smashingmagazine.com/2018/01/graphql-primer-new-api-part-1/?utm_source=mife&utm_medium=article&utm_campaign=mifeweekly&utm_term=tutorial)：GraphQL 介绍 <img valign="top" width="auto" height="20" src="./assets/opinion.svg" />

-- EOF --