 [试读]Angular 应用安全编程TypeScript 写 成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用中。 1.1 架构概览 Angular 的基本构造块是 NgModule,它为组件提供了编译的上下文环境。NgModule 会把相关的代码 收集到一些功能集中。Angular 应用就是由一组 NgModule 定义出的。应用至少会有一个用于引导应用的根 模块,通常还会有很多特性模块。 1 2 (1.1) 1.1.1 模块 Angular 定义了 NgModule,它和 JavaScript(ES2015)的模块不同而且有一定的互补性。NgModule 为一 个组件集声明了编译的上下文环境,它专注于某个应用领域、某个工作流或一组紧密相关的能力。NgMod- ule 可以将其组件和一组相关代码(如服务)关联起来,形成功能单元。 每个 Angular 应用都有一个根模块,通常命名为 HTML、Attribute 和绑定表达式(还没有绑定到值的时候) 会被当做可信任的。这意味着应用必须防止把可能被攻击者控制的值直接编入模板的源码中。永远不要根 据用户的输入和原始模板动态生成模板源码!使用离线模板编译器是防范这类 “模板注入” 漏洞的有效途 径。 3.2.2 listings examples C# code sample  代码 3.1: C# code sample 1 // A0 码力 | 27 页 | 177.00 KB | 1 年前3 [试读]Angular 应用安全编程TypeScript 写 成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用中。 1.1 架构概览 Angular 的基本构造块是 NgModule,它为组件提供了编译的上下文环境。NgModule 会把相关的代码 收集到一些功能集中。Angular 应用就是由一组 NgModule 定义出的。应用至少会有一个用于引导应用的根 模块,通常还会有很多特性模块。 1 2 (1.1) 1.1.1 模块 Angular 定义了 NgModule,它和 JavaScript(ES2015)的模块不同而且有一定的互补性。NgModule 为一 个组件集声明了编译的上下文环境,它专注于某个应用领域、某个工作流或一组紧密相关的能力。NgMod- ule 可以将其组件和一组相关代码(如服务)关联起来,形成功能单元。 每个 Angular 应用都有一个根模块,通常命名为 HTML、Attribute 和绑定表达式(还没有绑定到值的时候) 会被当做可信任的。这意味着应用必须防止把可能被攻击者控制的值直接编入模板的源码中。永远不要根 据用户的输入和原始模板动态生成模板源码!使用离线模板编译器是防范这类 “模板注入” 漏洞的有效途 径。 3.2.2 listings examples C# code sample  代码 3.1: C# code sample 1 // A0 码力 | 27 页 | 177.00 KB | 1 年前3
 [试读] Angular 5 高级编程..70 5.1.1 创建 HTML 和 JavaScript 文件..................................71 5.1.2 配置 TypeScript 编译器........72 5.1.3 运行示例项目.....................72 5.2 理解 script 元素........................73 5 书用于样式化 HTML 内容的 Bootstrap CSS 库 devDependencies 这是开发时依赖但在应用程序部署后不再需要的 NPM 软件包的列表。 devDependencies 节包含编译 TypeScript 文件、提供 HTTP 开发服务器以及执 行测试的包 1. 安装 NPM 包 在 todo 文件夹中运行以下命令来处理 package.json 文件,从而下载并安装该文件所指 JavaScript 语言规范编写代码,其中一些新增功能并非在所有运行 Angular 应用 程序的浏览器中都支持。在上一节中,angular-cli 添加到项目中的众多包中有一个名为 TypeScript 编译器的包,这个软件包有一个设置项,可设置当检测到 TypeScript 文件变更时 自动生成浏览器友好的 JavaScript 文件。 为了向应用程序中添加数据模型,将一个名为 model.ts 的文件添加到0 码力 | 42 页 | 6.14 MB | 1 年前3 [试读] Angular 5 高级编程..70 5.1.1 创建 HTML 和 JavaScript 文件..................................71 5.1.2 配置 TypeScript 编译器........72 5.1.3 运行示例项目.....................72 5.2 理解 script 元素........................73 5 书用于样式化 HTML 内容的 Bootstrap CSS 库 devDependencies 这是开发时依赖但在应用程序部署后不再需要的 NPM 软件包的列表。 devDependencies 节包含编译 TypeScript 文件、提供 HTTP 开发服务器以及执 行测试的包 1. 安装 NPM 包 在 todo 文件夹中运行以下命令来处理 package.json 文件,从而下载并安装该文件所指 JavaScript 语言规范编写代码,其中一些新增功能并非在所有运行 Angular 应用 程序的浏览器中都支持。在上一节中,angular-cli 添加到项目中的众多包中有一个名为 TypeScript 编译器的包,这个软件包有一个设置项,可设置当检测到 TypeScript 文件变更时 自动生成浏览器友好的 JavaScript 文件。 为了向应用程序中添加数据模型,将一个名为 model.ts 的文件添加到0 码力 | 42 页 | 6.14 MB | 1 年前3
 基于AngularJS的企业应⽤前端架构• 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 – JSF等 在服务端⽣生成界⾯面 – GWT 编译阶段⽣生成界⾯面 – ExtJS ⽤用JS封装界⾯面组件 – Flex等 脱离HTML体系,另辟蹊径 • 业务逻辑 – 放后端⽐比放前端的多。。。 流⾏行过什么样的技术 单页应⽤用0 码力 | 13 页 | 517.57 KB | 1 年前3 基于AngularJS的企业应⽤前端架构• 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 – JSF等 在服务端⽣生成界⾯面 – GWT 编译阶段⽣生成界⾯面 – ExtJS ⽤用JS封装界⾯面组件 – Flex等 脱离HTML体系,另辟蹊径 • 业务逻辑 – 放后端⽐比放前端的多。。。 流⾏行过什么样的技术 单页应⽤用0 码力 | 13 页 | 517.57 KB | 1 年前3
 ExtJS和AngularJS比较Ajax based SEO with either Prer ender.io or headless browser support in you r web-server. 部署 部署 25. 编译工具 ExtJS 4.x以上版本使用Sencha 命令工具 Sencha sdk 工具用于升级 ExtJS 3.x 第三方的 Grunt工具 26. 包管理工具 Sencha cmd工具 Yeoman0 码力 | 6 页 | 244.12 KB | 1 年前3 ExtJS和AngularJS比较Ajax based SEO with either Prer ender.io or headless browser support in you r web-server. 部署 部署 25. 编译工具 ExtJS 4.x以上版本使用Sencha 命令工具 Sencha sdk 工具用于升级 ExtJS 3.x 第三方的 Grunt工具 26. 包管理工具 Sencha cmd工具 Yeoman0 码力 | 6 页 | 244.12 KB | 1 年前3
共 4 条
- 1













