奇舞周刊第 243 期：你慌了吗？深度学习自动生成 HTML 代码

又到周五啦，周刊君今天要一定要早早地下班回家哈哈哈~ 感谢团花为本期周刊配的动图~

(from giphy.com)

奇舞推荐

2018 年移动端 UX 设计的 12 个趋势

本文列举了 2018 年可能会持续发展的 12 个设计趋势，如果你想让你的产品有着更优秀的体验、更突出的竞争力，不妨在这12个趋势上多花点心思。

GraphQL 搭配 Koa 最佳入门实践

前端通过组件实现了跨业务的复用，后端接口如何相应地提高开发效率呢？GraphQL，就是应对复杂场景的一种新思路。

前端慌不慌？用深度学习自动生成 HTML 代码

如何用前端页面原型生成对应的代码一直备受关注的问题，文章作者根据 pix2code 等论文构建了一个强大的前端代码生成模型，并详细解释了如何利用 LSTM 与 CNN 将设计原型编写为 HTML 和 CSS 网站。

JavaScript

完全理解 React Fiber

从“已知-求-解-举一反三的角度”全面理解 React Fiber。ayqy推荐

JavaScript Testing 盘点

这篇指南意在分享 JavaScript 测试领域最值得关注的框架、工具和方法论等。综合了最近多篇讨论了类似话题的优秀文章的结论，融合了作者自己的经验和想法。

WebVR 开发教程：Web Audio 实现 3D 音效

VR 音频的输出硬件主要是耳机，根据音频源与场景之间的关系，可将 VR 音频分为两类：静态音频和空间化音频。

Web 安全

Neat tricks to bypass CSRF-protection

这篇文章先介绍 CSRF 的一些绕过手法，然后介绍一个 burpsuite 中的自动化插件 EasyCSRF，以帮我们完成繁杂的手动检测工作。

常见 Web 安全攻防总结

Web 安全的对于 Web 从业人员来说是一个非常重要的课题，这篇文章主要分析几种常见的攻击的类型以及防御的方法。

其它

设计让人印象深刻的 LOGO

本文从 LOGO 四要素（色彩、图形、性格、寓意）切入，介绍如何设计一个让人印象深刻的 LOGO。

我在使用 React Native/Redux 开发中犯过的 11 个错误

译文一篇，React Native 项目开发经验总结。

字体变体 font-variation-*

在 CSS 中可以通过 font-variant-* 属性来控制大多数 OpenType 特性，也可以使用font-feature-settings用来支持低版本浏览器。

Nuxt.js 踩坑分享

本文主要分享 Nuxt.js 开发、构建过程中遇到的坑，如预编译的支持、浏览器环境的 window 对象支持以及 ENV 的配置等。