limingzhangabc-CSDN博客

原创 TypeScript - 1.8类型推论

上下文类型： window.onmousedown = function(mouseEvent) { console.log(mouseEvent.button); //error}window.onmousedown = function(mouseEvent: any) { console.log(mouseEvent.button);}

2017-10-12 15:45:19 336

原创 TypeScript-基础类型

布尔值 Boolean数字 number字符串 string数组 []元组枚举任意值空值null 和undefinednever数组， ts数组可以想JavaScript那样操作数组定义数组：// 方式一: 元素类型后接上[]let list: number[] = [1,2,3];// 方式二: 数组泛型let list: Array<numbe

2017-10-12 15:09:18 456

原创 TypeScript - 泛型

概念：支持当前的数据类型，还支持未来的数据类型// 泛型 <T> 类型变量function identity<T>(arg: T): T { return arg;}@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css']

2017-10-11 15:37:00 736

原创 TypeScript - 类

类的继承：面向对象的模式 super：关键字class Animal { name: string; constructor(theName: string) { this.name = theName; } move(distanceInMeters: number = 0) { console.log(`${this.name} moved ${dist

2017-10-10 18:14:55 331

原创 TypeScript - interface(接口）

TypeScript – interface 概念： TypeScript接口定义对象的类型（我的理解：定义对象属性的类型和提炼类中的公共方法）类别：接口的可选属性：接口中的属性不全是必须的，带有可选属性的接口和普通的接口差不多，只是在可选属性后添加 ’ ？’// 可选属性的接口interface SquareConfig { color? : string; wi

2017-10-10 16:47:45 1282

原创 angular2

本文中所以例子代码查找quickstart项目 - 模块 (module) - 组件 (component) c - 元数据 (metadata) - 数据绑定 (data binding) c - 指令 (directive) - 服务 (service) c - 依赖注入 (dependency injection)数据绑定 (data binding)：使用插值

2017-08-03 18:14:42 452 1

原创 angular2-http

提供HTTP服务 http是angular的HTTP库所提供的一系列服务之一使用http.get()获取数据处理响应对象把数据发送到服务器跨域请求

2017-08-02 22:57:52 371 1

原创 angular-router

base href：大多数带路由的应用都要在index.html的标签下先添加一个元素，来告诉路由器该如何合成导航用的URL<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>MyProject</title> <base href="/"> <meta name="viewport" con

2017-08-02 16:45:25 542

原创欢迎使用CSDN-markdown编辑器

Javascript 与Html 之间的交互是通过事件实现的，事件就是文档或浏览器窗口中发生的一些特定的交互瞬间事件流 : 事件流描述的是从页面中接收事件的顺序事件冒泡 ie的事件流叫做事冒泡，事件开始时由最具体元素接收然后逐级传播到较为不具体元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

2017-07-31 21:18:23 148

原创 javascript 事件

Javascript 与Html 之间的交互是通过事件实现的，事件就是文档或浏览器窗口中发生的一些特定1的交互瞬间事件流事件处理程序事件类型事件流：事件流描述的是从页面中接收事件的顺序事件冒泡事件捕获

2017-07-31 20:52:00 131

原创 angular-cli(material.angular.io)

angular-cli(themeforest-primer-angular-2-material-design-admin-template)

2017-07-31 14:52:12 262

原创 flex-layout

flex-layout(弹性布局) 任何容器，行内元素都可以为弹性布局；Flex布局以后，子元素的floa，clear和vertical-align属性将失效基本概念: 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。容器默认存在两根轴：水平的主轴

2017-07-28 15:05:15 438

原创 Angular

模块(module)组件(component)模板(template)元数据(metadata)数据绑定(data binding)指令(directive)服务(service)依赖注入(dependency injection)

2017-07-27 10:48:30 247

原创 javascript - dom2 和 dom3

dom2级和3级的目的在于扩展domapi，满足操作xml的需求，同时提供更好的错误处理及特性检测能力dom的变化： node类型的变化： dom2级的变化： localName: 不带命名空间前缀的节点名称namespaceURI: 命名空间uri或者在未指定的情况下是nullprefix: 命名空间前缀或者在未指定的情况下是nulldom3级的变化： isDefaultNam

2017-07-25 14:53:52 205

原创 javascript - dom扩展

Selectors API querySelector() : 接收一个css选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素返回null， notes：通过document类型调用querySelector方法会在文档元素的范围内查找，通过element类型只会在该元素后代范围内查找//取得body元素var body = document.querySelector("

2017-07-24 18:25:16 210

原创 javascript - dom

DOM1级：dom1级定义了一个node接口，该接口将由DOM中的所有节点类型实现 - 每个节点都有一个nodeType属性，用于表明节点的类型，节点类型由在node类型中定义的下列12个数值常量来表示 1.Node.ELEMENT_NODE(1) 元素节点 2. Node.ATTRIBUTE_NODE(2) 3. Node.TEXT_NODE(3

2017-07-24 15:42:24 188

原创 webpack

webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)入口（Entry Points），entry ： string | Array ,webpack 创建应用程序所有依赖的关系图(dependency graph),图的起点就叫做入口，告诉webpack从哪里开始 entry: ‘入口文件的路径’定义entry的方式： 1.单个入口：c

2017-07-24 14:05:23 169

原创 javascript BOM

JavaScript-location对象 location: 提供了当前窗口文档信息和导航信息hash: ‘#content’, 返回url中以#号后的多个字符串，没有则返回nullhost ：返回服务器的名称和端口号hostname: 返回服务器的名称href: 返回当前url的完整urlpathname: 返回url中的目录和文件名port: 端口号.protoc

2017-07-21 17:23:16 202

原创 JavaScript - BOM

JavaScript - BOM(浏览器对象模型)window 对象 BOM的核心对象是浏览器的一个实例，全局作用域 var age = 29; function sayAge() { alert(this.age); } alert(window.age); sayAge(); window.sayAge();

2017-07-21 11:53:39 310

原创 javascript - 递归

javascript - 递归递归是在一个函数内通过函数名调用自身的情况 function factorail (num) { if(num > 0) { num --; factorail (); } else { console.log(num); } }

2017-07-20 16:39:15 236

原创 javascript - function

JavaScript - 函数定义函数的方式: 函数声明和函数表达式函数声明：function functionName () { //函数体 }函数表达式： var varName = function() { //函数体}; -函数声明和函数表达式的区别;

2017-07-20 15:30:04 208

zlm_201120的博客