好的前端架构都包含什么？

Question

我现在接触到的前端，一般都是一些具体的技术，或者框架、类库。

我想了解一个真正的前端架构是怎样的，我目前想到的可能包括：
1.公用类库/函数；
2.公用组件；
3.异常监控；
4.日志系统；
5.安全系统；
6.资源管理系统；
7.性能优化系统；
8.开发规范；
9.构建工具；
10.统计系统；
11.自动化测试工具；

但是因为我没实现或者没见过，所以我不敢确定这些是否正确、全面，具体的实现方式又是什么。

在这里跟各位前辈、大侠请教，希望能分享一款比较全面的前端架构，并且含带具体的设计实现，那就太不甚感激了！！

Answer 1

语言基础

Javascript，css，HTML

基本框架和类库

jquery，require/seajs，MVX framework，Angular.JS

设计模式

继承&重用

性能优化

http cache（请求方面）/local cache（本地存储）/compress（代码压缩）/DOM render（dom的渲染）

其他

Restful API desgin（和后端联调API接口设计）&自动化（grunt/nodejs）、跨终端&代码托管

另外产品设计、发布和迭代

好的目录组织方式，是好的前端架构的开始（分层：数据层，控制层，视图层。。。）

组件化和设计模式层：

JS中的继承和Extend
    继承和拷贝时JS中抽象的基础
命名空间的基础
    前端模块拆分的最基本的形式可以认为是闭包的一种应用，但是这种方式对命名空间的管理过于随意。