前端开发核心技术与设计模式.pdfVIP

jQuery：是一个JavaScript函数库设计思想：简化DOM查找元素、操作

元素的方法。Bootstrap：是一个CSS功能组件设计思想：创建CSS，简

化项目中CSS的编写AngularJS：是一个JavaScript框架（Fr

amework）设计思想：使用MVC架构设计方法，对页面中的数据和显示做

了分离。

i18n：internationalization，，一个应用可以根据客户端语言的不同，而显示不同的语言版本。

1.JavaScript框架：AngularJS借鉴了编程语言（如Java、.Net、PHP等）创建大型应用时的设计

思想。简化了“单页面Web应用（SPA:SinglePageApplication）”的开发。尤其适用于基于数据

CRUD操作的Web项目。

CDN加速可以angular相关文件：cdnjs.cn

2.软件的设计原则

1)KISS2)CHANGE3)高内聚，低

耦合4)OCP5)DRY6)复用7)...

3.设计模式

马走日象走田=双将/马后

||||JavaScript语

法=设计模式

23+1种设计模式：任何编程语言在创建大型项目时都可以考虑。

MVC设计模式:

1978年，由Xxx设计出来的。当前已经发生了很大的改变，有了很多的变种：MVP、MVVC、MV*.

MVC设计模式把软件的逻辑结构划分为三部分：

模型：模型就是项目中的数据，如数字、字符、对象、数组...视图：视图就

是项目中数据的展现，如某个带有可以显示数据的HTML

jQuery：是一个JavaScript函数库

设计思想：简化DOM查找元素、操作元素的方法。

Bootstrap：是一个CSS功能组件

设计思想：创建CSS，简化项目中CSS的编写

AngularJS：是一个JavaScript框架(Framework)

设计思想：使用MVC架构设计方法，对页面中的数据和显示做了分离。

i18n:internationalization，，一个应用可以根据客户端的语言的不同，而显示出不同的语言版本。

1.JavaScript框架：AngularJS

借鉴了编程语言（如Java、.Net、PHP等)创建大型应用时的设计思想。

简化了“单页面Web应用(SPA:SinglePageApplication)”的开发。尤其适用于基于数据CRUD操作

的Web项目。

CDN加速可以angular相关文件：cdnjs.cn

2.软件的设计原则

1)KISS

2)CHANGE

3)HighCohesion,LowCoupling

4)OCP

5)DRY

6)Reuse

7)...

3.设计模式

马走日象走田=双将/马后

||||

JavaScript语法=设计模式

23+1种设计模式：任何编程语言创建大型项目时都可以考虑。

MVC设计模式：

1978年，由Xxx设计出来的。当前已经发生了很大的改变，有了很多的变种：MVP、MVVC、MV*

MVC设计模式把软件的逻辑结构划分为三部分：

Model：模型，就是项目中的数据，如数字、字符、对象、数组...

View：视图，就是项目中数据的展现，如某个带可以显示数据的HTML

模型：{jan:155000,feb:2555000,mar:355509,apr:330000}视图：

ulli155000/li

li2555000/lili

355509/lili

330000/li/ul

table.../table

canvas.../canvas

模块:模块

3.使用AngularJS的步骤：(1)引入angular.js