前端周刊第58期：送你 3 道面试题

破解前端面试系列文章本周出到第 3 篇：如何搞定纸上编程环节，早些时候发布了闭包篇、DOM 篇，感兴趣的同窗能够看看，对面试官和求职者都应该有些参考价值，每篇文章下面的讨论也是值得阅读的，部分读者提出了很是不错的建议和想法。下面是本周精选内容，请享用。

技术动态

Prettier 发布 1.4.0 版本

很是好用的代码格式化工具 Prettier 本周发布了 1.4.0 版本，新版增长了对 CSS、Less、SASS、TypeScript 的支持，也修复了格式化 JSX 时的一些问题，预计接下来各代码编辑器插件也会紧跟升级，VSCode 里面的插件已经升级完了，你还在等啥？

CSSConf EU 2017 视频列表

原计划收录在 56 期的技术大会视频里面的内容，可是考虑到信息量太大，延迟到了这周。这是 CSSConf EU 2017 的视频列表，相比而言 CSS 的社区更小也更年轻，可是仍是有不错的内容，跟 CSS-IN-JS 有关的题为《A Unified Styling Language》演讲推荐观看，Medium 上也为相同名字的文章。

文章教程

JS 模块现状和建议

最近关于 Node.js 中如何实现 ES 模块的讨论多了起来，这篇文章对 ES 模块当下的发展作了梳理，包括各类工具（好比 Webpack、Rollup）的支持状况，浏览器的支持状况。并在最后就是否应该开始 ES 模块给出了比较中肯的建议。

阅读 flexbox 规范学会的 11 个要点

做者阅读了 flexbox 的规范以后，对 flexbox 又有了更深的理解和认识。做者感慨，经过阅读规范，它最大的收获是知道本身原来对 flexbox 的理解是不完整的，即便他看了不少博客文章，写了很多代码。技术深度就是这样练出来的，好比你是否有看过 es五、es6 的规范呢？

你应该知道的 5 个 Node.js 8 新特性

小有争议的一篇文章，介绍了 Node.js 8 里面你能够上手即用的 5 个新特性，关于 Node.js 8 的内容已经很是多了，你们能够本身去找，官方的发版建议阅读。

O(logn) 时间复杂度到底该怎么理解？

算法时间复杂度里面的 O(1)、O(n) 等都是很是直观且容易理解的，可能你能意会 O(logn) 的复杂度，怎么跟人解释清楚？这篇文章的做者用图解法作了尝试，试试看？

LeetCode 题解：免费电子书

电子书的做者为了撬开算法的大门，刷完了 LeetCode 的题目，将本身作题的思路记录下来，教是最好的学，若是你最近正巧在刷题，会是不错的参考资料。

开发工具

stylefmt：自动化的 css 格式化工具

stylefmt 是专门为 css 定制的格式化工具，支持 less、sass，也有插件支持各类新的 css-in-js 写法，好比 styled-components，周四我正好在项目中有实践，接下来会单独写篇文章解释如何把样式格式化工具集成到开发交付工做流中。

chrome dev tools 性能工具大观

Google 官方出品的 dev tools 性能工具详细介绍，文章比较长，介绍了几乎全部 dev tools 内涵的性能工具，包含如何打开、录制，如何解读结果，发现问题，若是你真的想学会性能诊断，把这个加到学习列表吧。

代码框架

react-native-animatable：超赞动画库

高仿 animate.css，可是专门为 react native 定制， 各类动画都定义成了组件，动画声明方式也都是声明式的，参数能够直接经过节点 props 来控制。

mocka：通用的内容占位符组件

内容占位符已经被愈来愈多的应用开始使用，不论是 APP 仍是 WEB，掘金的 WEB 版就有，其做用就是提升用户对 APP 响应速度的感知，mocka 封装了常见的内容占位符代码，你能够直接在本身的项目中使用。不要看错了，这个是 mocka，和测试框架 mocha 仅一字之差。

视频教程

用 tmux 管理你的命令行会话

在程序员的世界里命令行终端就像是 chrome，会根据须要开不少个窗口或者标签页，可是机器重启以后如何快速恢复以前的工做目录，打开的文件，运行的程序？早些时候你可能须要用 screen，后来出现了更好的窗口管理工具 tmux，这个视频教程能让你在 30 分钟快速入门 tmux。

如何禁用 react-native 中的黄色告警？

开发 react-native 的同窗可能有注意到偶尔会遇到黄色的报警，每次刷新都会出来，有些你不打算处理的实际上是能够用一行代码直接忽略掉、或者所有禁用（我的不推荐后面这种作法），egghead.io 的视频手把手的教你配置。

精彩问答

react-native 中如何管理静态资源？

webpack 里面一切皆模块的思路一样能够用到 react-native 里面的静态资源管理，不过方法略有差别，比起在 react jsx 代码中零星分布的动态 require 更优雅。

如何用 CSS 对图片裁剪和缩放？

使用 CSS 对图片进行裁剪和缩放是实际业务中比较常见的需求，解决方法也很多，来自 Stack Overflow 的问答。

One More Thing

本文做者王仕军，商业转载请联系做者得到受权，非商业转载请注明出处。若是你以为本文对你有帮助，请点赞！若是对文中的内容有任何疑问，欢迎留言讨论。想知道我接下来会写些什么？欢迎订阅个人掘金专栏或知乎专栏：《前端周刊：让你在前端领域跟上时代的脚步》。

Happy Hacking