- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js事件类型
Web浏览器中可以发生很多事件，所发生的事件类型决定了事件对象中会保存什么信息。DOM3 Events在DOM2 Events基础上重新定义了事件，并增加了新的事件类型。所有主流浏览器都支持这两种。DOM3 Events定义了如下事件类型：用户界面事件，焦点事件，鼠标事件，滚轮事件，输入事件，键盘事件，合成事件。HTML5还定义了另一组事件，而浏览器通常在DOM和BOM上实现专有事件，这些专有事件基本上都是根据开发需求而不是规范新增中，因此不同浏览器的实现可能不同。17.4.1用户界面事件UIE.
2021-09-08 00:15:32
312
原创 Set集合类型
ECMAScript 6 新增Set集合类型，为这门语言带来集合数据结构。Set在很多方面都像加强的Map，这是因为它们的大多数API和行为都是共有的。6.6.1 基本API使用new关键字和Set构造函数可以创建一个空集合。如果想在创建的同时初始化实例，可以给Set构造函数传入一个可迭代对象，其中需要包含插入到集合实例中的元素。const m = new Set();// 使用数组初始化集合const sl = new Set( [ "val1","val2","val3"
2021-09-02 00:06:48
181
原创 js中的Map集合类型
Map是一种新的集合类型，为ECMAScript语言带来了真正的键/值存储机制，Map的大多数特性都可以通过Obeject类型实现，但二者之间还是存在一些细微的差异。6.4.1.基本API使用new关键字和Map构造函数可以创建一个空映射。如果想在创建的同时初始化实例，可以给Map构造函数传入一个可迭代的对象，需要包含键/值对数组，可迭代对象中的每个键/值对数组，可迭代对象中的每个键/值都会按照迭代顺序插入到新映射实例中。const m = new Map();console.log(m)
2021-08-31 00:26:01
4688
原创 js中的数组方法
6.2.1创建数组构造函数可以省略new关键字let colors = new Array();console.log(colors);//[]// 传入数组的长度值let colors1 = new Array(20);console.log(colors1); //[ <20 empty items> ]// 传入要保存的元素let colors2 = new Array("red", "blue", "green");console.log(colors2);
2021-08-31 00:24:52
152
原创 响应式布局
一、 媒体查询（MediaQuery）1.定义为不同尺寸的屏幕设定不同的css样式。<body> <div id="div0">111</div></body><style> #div0{ width: 100px; height: 200px; } /* max-device-width 代表设备的最大宽度 有 device*/ @media screen and (max-
2021-08-29 16:52:01
134
原创 angular中的路由跳转
一、概述定义：根据不同的URL地址，动态的让根组件挂载其它组件来实现一个单页面应用。二、安装与配置安装项目时ng new 项目名，在询问是否要安装带路由的项目包时，选择Y。其它条件依据情况选择即可。带路由项目与不带路由项目的区别：多了一个路由配置文件app-routing.module.ts在app.module.ts文件中引入了路由配置文件，并在imports中注入了。import { AppRoutingModule } from './app-routing.modu
2021-08-28 17:20:00
6134
1
原创 angular中的数据交互
1.get请求在app.module.ts中引入HttpClientModule（@angular/common/http），并注入到imports中。import { HttpClientModule } from '@angular/common/http'; imports: [ HttpClientModule, ],在用到的组件中引入HttpClient，并注入到组件的构造函数中。import { HttpClient} from '@angular/commo
2021-08-26 01:47:40
187
原创 Rxjs简介
定义一组可用来处理非非同步或事件的JavaScript函数库。非同步AJAX 、XHR（XMLHttpRequest）、fetch APIService Worker、Node StreamsetTimeout、setIntervalPromise事件各式DOM事件（click、dbclick、keyup等）CSS动画事件HTML5、Geolocation、WebSockets、Server Send Event核心概念Observable：可观察的物件。
2021-08-21 21:42:23
637
原创 Cygwin工具
Cygwin定义定义：Cygwin是一个在windows平台上运行的Linux模拟环境, 是Cygnus solutions公司开发的自由软件。Cygwin安装步骤安装地址：http://www.cygwin.com/sygwin不是一键就能安装，它只是一个下载器双击安装包三种安装模式①Install from Internet，这种模式直接从Internet安装，适合网速较快的情况；（默认）②Download Without Installing，这种模式只从网上下载Cygwin的
2021-08-21 21:40:14
234
原创 谷歌调试工具
将数据以表格的形式呈现console.table()。关闭base64图片的地址hide data URLs。选择Fetch/XHR即查看用到的接口和请求。再在请求的标题栏鼠标右键，即可选择想要显示的内容。一般可以把请求的方式显式出来。一般可以把禁用缓存勾选上。disable cachenetwork用来显示网络请求，模拟网络的好坏。响应头信息中（header），如果是get请求，在最后一栏会有Query String Parameters，是url中？后面的参数。在第一栏General中的路径.
2021-08-21 21:38:30
392
原创 第六章 HTTP
简介在JavaScript中通常有三种处理异步代码的方式。回调（callback），承诺（Promise）,可观察对象（observable）。http在Angular中被拆分为一个单独的模块，因此需要从Angular中导入一些常量。import { Http, Response, RequestOption, Headers} from '@angular/http'在app.ts中需要导入HttpModule模块。import { HttpModule} from '@angular
2021-08-14 16:39:06
227
原创 第五章 angular中的表单
Angular中的表单表单控件FormControl：封装了表单的输入，并提供了一些可供操作的对象。验证器validator：让我们能够以自己喜欢的任何方式验证表单的输入。观察者observer：让我们能够监听表单的变化，并作出相应的回应。FormControl和FormGroupAngular中最基础的两个表单对象。FormControl代表单一的输入字段，它是Angular表单中的最小单元。FormControl封装了这些字段的值和状态，比如是否有效，是否脏（被修改过），或是否有错误
2021-08-13 00:39:47
418
原创 第四章 Angular内置指令
ngIf根据一个条件来决定显示或隐藏一个元素，这个条件是由传给指令的表达式的结果决定的。如果表达式的结果返回的是一个假值，那么元素会从DOM上被移除。<div *ngIf="false"> </div><div *ngIf="a>b"> </div><div *ngIf="fstr=='yes'"> </div><div *ngIf="myFunc()"> </div>ngSwi
2021-08-10 00:03:56
70
原创 第三章 Angular工作原理
应用一个angular应用其实就是一棵由组件构成的树，在这棵树的根节点，最顶层的组件就是应用本身，它会在浏览器启动应用的时候被渲染。即：应用只是一个会渲染其它组件的组件。数据模型不要求使用指定的数据模型库。组件每个组件都由三部分组成：组件注解，视图，控制器。@Component：给紧随其后的类添加元数据。selector:选择器，用来告诉Angular要匹配哪个HTML元素。template：视图，是一个组件中可视的部分。用来定义组件所用到的HTML模板。如果希望把模板放到一个单独的文
2021-08-09 23:56:44
416
原创 第二章 TypeScript
Angular是用TypeScript构建的TypeScript是ES6的超集，所有ES6代码都是完全有效且可编译的TypeScript代码。ES5是ECMAScript5的缩写，也被称为“普通的JavaScript”，ES6则是下一个版本的JavaScript。全局安装TypeScript环境：npm install -g typescript。TypeScript的特性五大特性：类型，类，注解，模块导入，语言工具包。类型为变量名提供可选的变量类型，为函数参数和返回值指定类型。内置类型
2021-08-09 23:50:40
73
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人