Jack汪喆的技术分享栏

开发项目之前，我们需要对Angular进行一下简单了解，并与其他主流框架进行对比分析。 一.AngularJS的优点与存在问题 1.优点 模板功能强大丰富 比较完善的前端MVC框架 引入了Java的一些概念 2.存在问题 性能：双向数据绑定会影响性能 路由不完善 作用域：在AngularJS中的作用域将执行环境与浏览器环境隔离开，原生的事件不能影响其作用域，如不能用...

一.构建：编译和合并 1.什么是构建 将编写的typescript源码变成可以直接放到web服务器上的静态资源 构建包括：编译（将typescript编译成JavaScript）和合并（将所有资源整合到一起，减少应用启动时发送http请求的数量，加快启动速度） 虽然typescript提供了编译器可以在运行时实时在浏览器中编译，但是如果在生产环境中这样做的话，生产环境需要额外加载一个typesc...

一.创建web服务器 1.使用nodejs创建服务器 创建一个server文件夹 初始化server文件夹npm init -y，创建package.json 引入node的类型定义文件npm i @types/node --save,类型定义文件的作用：让开发者在typescript中使用现在已有的javascript的库（安装类型定义文件是保证对应内容可以使用typescript进...

一.组件的输入属性 1.输入属性的装饰器 @Input() 2.实例代码 生成子组件order ng g component order 在子组件中输入amount属性 //order.component.ts export class OrderComponent{ @Input() amount:string } //order.component.html <p&...

一.数据绑定 1.数据绑定基本内容 <h1>{{productTitle}}!</h1>使用插值表达式将一个表达式的值显示在模板上 <img [src]="imgUrl">使用方括号将HTML标签的一个属性绑定到一个表达式上 <button (click)="toProductDetail()">商品详情</button>使用小

一.依赖注入内容 什么是依赖注入 依赖注入：Dependency Injection简称DI（IOC实现控制反转的手段） 控制反转：Inversion of Control简称IOC(将依赖的控制权从代码的内部转移到代码的外部) 实现了控制反转的框架叫做：IOC容器 二.依赖注入的好处 好处一：松耦合和可重用 实例： //providers中定义所有要注入的内容，当模块中的组件构...

单页Web应用（single page web application，SPA），就是只有一个Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序，是指在浏览器中运行的应用，它们在使用期间不会重新加载页面。 一.路由的基础知识 首先新建一个新的项目ng new router --routing 当使用routing参数生成文件时，会在app文件夹下...

进行一下简单的Angular入门，开发第一版股票管理系统的静态页面布局。 一.Angular程序架构 Parent component:组件是Angular应用的基本构建块，你可以把一个组件理解为一段带有业务逻辑和数据的HTML Service1：服务用来封装可重用的业务逻辑 指令：允许你向HTML元素添加自定义行为 模块用来将应用中不同的部分组织成一个Angular框架可以理解的单元 ...

一.开发流程 开发设计：开发前设计好应用都有哪些组件，组件间的关系。组件间如何路由和通讯，组件输入和输出是什么 开发经过 使用Angular-CLI工具创建一个新的项目 按照设计的组件关系开始从下往上编写组件 按照父子关系组装组件并配置路由 在开发环境上测试应用 构建应用并部署到测试、生产环境中 二.Angular后续学习内容 高级特性：动画、指令、安全等 angular CLI，an...