我现在接触到的前端，一般都是一些具体的技术，或者框架、类库。
我想了解一个真正的前端架构是怎样的，我目前想到的可能包括：
1.公用类库/函数；
2.公用组件；
3.异常监控；
4.日志系统；
5.安全系统；
6.资源管理系统；
7.性能优化系统；
8.开发规范；
9.构建工具；
10.统计系统；
11.自动化测试工具；
但是因为我没实现或者没见过，所以我不敢确定这些是否正确、全面，具体的实现方式又是什么。
在这里跟各位前辈、大侠请教，希望能分享一款比较全面的前端架构，并且含带具体的设计实现，那就太不甚感激了！！
语言基础
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中抽象的基础
命名空间的基础
前端模块拆分的最基本的形式可以认为是闭包的一种应用，但是这种方式对命名空间的管理过于随意。