2018 上半年掘金微信群日报优质文章合集：前端篇

前端篇合集：从实战中掌握前端技术

摘要：

2018 年上半年，掘金微信群日报汇集了众多优秀的前端文章。本文对这些文章进行了汇总，希望能够为广大前端开发者提供有价值的学习资源。

文章合集：

1. 逐步学习什么是递归？通过使用场景来深入认识递归

递归是一种重要的编程技术，在很多场景下都有着广泛的应用。本文通过深入浅出的讲解和生动的使用场景，帮助读者深入理解递归的原理和用法。

2. 前端性能优化之路——图片篇

图片优化是前端性能优化中至关重要的一环。本文从图片的格式、加载方式、缓存策略等方面入手，介绍了图片优化的一系列最佳实践，帮助开发者提升网站的加载速度。

3. 从实战中掌握跨域通信

跨域通信是前端开发中经常遇到的问题。本文结合实战场景，详细介绍了跨域通信的原理和几种常见的解决方案，帮助开发者解决跨域通信的难题。

4. 让你成为可复用组件达人的简单指南

可复用组件是前端开发中提高代码复用率和维护性的利器。本文介绍了可复用组件的设计原则和最佳实践，帮助开发者创建可维护、可扩展的高质量组件。

5. Node.js 入门实战：构建一个简单的即时通讯应用

Node.js 是一个流行的服务器端 JavaScript 框架。本文通过构建一个简单的即时通讯应用，带读者入门 Node.js 开发，了解 Node.js 的基本概念和特性。

6. 前端工程化实践：从零搭建一套前端脚手架

前端工程化是提高前端开发效率和质量的重要手段。本文介绍了前端脚手架的搭建原理和步骤，帮助开发者从零开始搭建一套属于自己的前端脚手架。

7. CSS 布局的艺术：响应式布局、Flexbox 和 Grid 的实战技巧

CSS 布局是前端开发的基础。本文介绍了响应式布局、Flexbox 和 Grid 这三种主流布局方式，并通过实战技巧展示了如何使用它们创建灵活、美观的布局。

8. WebAssembly 入门指南：将 C/C++ 代码带到 Web 上

WebAssembly 是一种新的 Web 标准，允许开发者在 Web 上运行编译过的 C/C++ 代码。本文介绍了 WebAssembly 的原理和用法，帮助开发者探索 WebAssembly 的强大功能。

9. 如何通过可视化提升前端代码质量

代码可视化是提升前端代码质量的重要辅助手段。本文介绍了几种可视化工具和技术，帮助开发者直观地了解代码结构、依赖关系和性能瓶颈。

10. 现代前端开发工具链：从构建到部署

前端开发工具链是提升开发效率和质量的关键。本文介绍了现代前端开发工具链的组成和最佳实践，帮助开发者构建一个高效、完善的开发环境。