标签：硬链接

本文从路由、生命周期、代码解耦、数据层级、HTML 代码、样式、图片等几大方面详细介绍了使用 Vue 开发时应注意的代码规范。本代码规范并非强制要求，而是提供了一种参考，让团队统一代码风格、提升代码可阅读性，降低维护成本。

ES2015（即：ES6）引入了模块的概念，提供了 export 和 import 2 个主要的语句（API）。相对于社区实现的 JS 模块管理方案，ES6 模块管理更加强大和灵活，最重要的是，这是 ECMAScript 官方推出的 JS 模块管理方案，是每位前端开发者需要掌握的模块化方案。

系统设计与架构，与系统的业务类型关联很大，比如，传统的业务系统主要关注的是领域建模设计，高并发、高可用、数据一致性等系统，在设计的时候会与业务系统有较大的差别，所以这里针对不同类型的系统，来简单介绍一下设计的时候面临的一些难点与解决方案。

在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关系。但随着接手了几个多人协作的大型前端项目，我开始意识到，这种认知对短生命周期的小型项目可能适用，但对真正的大型项目，仅靠提升工程师质量有时并不能直接提升代码的质量。

随着 Web 应用的成长越来越快，而且复杂度越来越高，增加了一些新特性：audio 或 video 的操作；使用 WebSocket 收发未经过加工的二进制数据等等，因此通过 JavaScript 的 Typed Array 容易且快速的操作未经加工的二进制数据就变得很重要，可以在更深层次对数据做控制。