- 博客(21)
- 收藏
- 关注
原创 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
361
原创 TypeScript-基础类型
布尔值 Boolean数字 number字符串 string数组 []元组枚举任意值空值null 和undefinednever数组, ts数组可以想JavaScript那样操作数组 定义数组:// 方式一: 元素类型后接上[]let list: number[] = [1,2,3];// 方式二: 数组泛型let list: Array<numbe
2017-10-12 15:09:18
492
原创 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
787
原创 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
362
原创 TypeScript - interface(接口)
TypeScript – interface 概念: TypeScript接口定义对象的类型(我的理解:定义对象属性的类型和提炼类中的公共方法)类别: 接口的可选属性: 接口中的属性不全是必须的, 带有可选属性的接口和普通的接口差不多, 只是在可选属性后添加 ’ ?’// 可选属性的接口interface SquareConfig { color? : string; wi
2017-10-10 16:47:45
1355
原创 angular2
本文中所以例子代码查找quickstart项目 - 模块 (module) - 组件 (component) c - 元数据 (metadata) - 数据绑定 (data binding) c - 指令 (directive) - 服务 (service) c - 依赖注入 (dependency injection)数据绑定 (data binding): 使用插值
2017-08-03 18:14:42
511
1
原创 angular2-http
提供HTTP服务 http是angular的HTTP库所提供的一系列服务之一使用http.get()获取数据处理响应对象把数据发送到服务器跨域请求
2017-08-02 22:57:52
425
原创 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
599
原创 欢迎使用优快云-markdown编辑器
Javascript 与Html 之间的交互是通过事件实现的, 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间事件流 : 事件流描述的是从页面中接收事件的顺序 事件冒泡 ie的事件流叫做事冒泡, 事件开始时由最具体元素接收然后逐级传播到较为不具体元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2017-07-31 21:18:23
178
原创 javascript 事件
Javascript 与Html 之间的交互是通过事件实现的, 事件就是文档或浏览器窗口中发生的一些特定1的交互瞬间事件流事件处理程序事件类型事件流: 事件流描述的是从页面中接收事件的顺序事件冒泡事件捕获
2017-07-31 20:52:00
152
原创 angular-cli(material.angular.io)
angular-cli(themeforest-primer-angular-2-material-design-admin-template)
2017-07-31 14:52:12
291
原创 flex-layout
flex-layout(弹性布局) 任何容器,行内元素都可以为弹性布局;Flex布局以后,子元素的floa,clear和vertical-align属性将失效基本概念: 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称”项目”。 容器默认存在两根轴:水平的主轴
2017-07-28 15:05:15
475
原创 Angular
模块(module)组件(component)模板(template)元数据(metadata)数据绑定(data binding)指令(directive)服务(service)依赖注入(dependency injection)
2017-07-27 10:48:30
278
原创 javascript - dom2 和 dom3
dom2级和3级的目的在于扩展domapi, 满足操作xml的需求, 同时提供更好的错误处理及特性检测能力dom的变化: node类型的变化: dom2级的变化: localName: 不带命名空间前缀的节点名称namespaceURI: 命名空间uri或者在未指定的情况下是nullprefix: 命名空间前缀或者在未指定的情况下是nulldom3级的变化: isDefaultNam
2017-07-25 14:53:52
236
原创 javascript - dom扩展
Selectors API querySelector() : 接收一个css选择符, 返回与该模式匹配的第一个元素 , 如果没有找到匹配的元素返回null, notes: 通过document类型调用querySelector方法会在文档元素的范围内查找,通过element类型只会在该元素后代范围内查找//取得body元素var body = document.querySelector("
2017-07-24 18:25:16
249
原创 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
210
原创 webpack
webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)入口(Entry Points),entry : string | Array ,webpack 创建应用程序所有依赖的关系图(dependency graph),图的起点就叫做入口,告诉webpack从哪里开始 entry: ‘入口文件的路径’定义entry的方式: 1.单个入口:c
2017-07-24 14:05:23
191
原创 javascript BOM
JavaScript-location对象 location: 提供了当前窗口文档信息和导航信息hash: ‘#content’, 返回url中以#号后的多个字符串,没有则返回nullhost : 返回服务器的名称和端口号hostname: 返回服务器的名称href: 返回当前url的完整urlpathname: 返回url中的目录和文件名port: 端口号.protoc
2017-07-21 17:23:16
228
原创 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
397
原创 javascript - 递归
javascript - 递归递归是在一个函数内通过函数名调用自身的情况 function factorail (num) { if(num > 0) { num --; factorail (); } else { console.log(num); } }
2017-07-20 16:39:15
264
原创 javascript - function
JavaScript - 函数定义函数的方式: 函数声明和函数表达式函数声明:function functionName () { //函数体 }函数表达式: var varName = function() { //函数体}; -函数声明和函数表达式的区别;
2017-07-20 15:30:04
226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人