摘要: 如何判断页面是由移动端还是PC端打开呢,也就是说怎么判断访问设备的类型呢? 1.媒体查询,但是这个只能判断尺寸,并不能判断是不是移动设备。 2.通过user-agent值,来进行判断。使用javascript框架中的Navigator对象的userAgent属性。 //判断是否是PC设备,true是 阅读全文
posted @ 2020-10-10 15:44 crackedlove 阅读(1955) 评论(0) 推荐(0) 编辑
摘要: 一、了解 一个在前端本地运行,可以存储json数据的server。在写前端逻辑的时候,可以直接请求交互,添加、更新、删除数据可以直接修改本地json文件里的数据。 二、安装 npm install -g json-server 三、启动 json-server ./mock/data.json mo 阅读全文
posted @ 2019-10-15 15:41 crackedlove 阅读(602) 评论(0) 推荐(0) 编辑
摘要: 一、引入对话框模块 import {MatDialogModule} from '@angular/material'; 并在import中声明。 二、使用 1.对话框组件 mat-dialog-title:对话框元素的标题。 滚动时保持固定在对话框顶部。 mat-dialog-content:对话 阅读全文
posted @ 2019-09-28 15:29 crackedlove 阅读(2688) 评论(0) 推荐(0) 编辑
摘要: 一、安装 1.前期准备:npm(安装node即可),angular cli脚手架 2.自建项目 ng new my-app //my-app项目名字 ng g c project //组件名project 3.安装angular material和angular cdk //npm方法 npm in 阅读全文
posted @ 2019-09-24 09:22 crackedlove 阅读(4790) 评论(0) 推荐(0) 编辑
摘要: 一、什么是Rxjs? Rxjs是ReactiveX编程理念的JavaScript版本。ReactiveX来自微软,它是一种针对异步数据流的编程。简单来说,它将一切数据,包括HTTP请求,DOM事件或普通数据包装成流的形式,然后用强大丰富的操作符对流进行处理,使你能以同步编程的方式处理异步数据,并组合 阅读全文
posted @ 2019-09-23 15:11 crackedlove 阅读(1393) 评论(1) 推荐(0) 编辑
摘要: 一、父组件给子组件传值@input 父组件不仅可以给子组件传递简单的数据,还可以把自己的方法及整个父组件传给子组件。 (1).父组件调用子组件的时候传入数据 (2).子组件引入Input模块 (3).子组件中@Input接收父组件传过来的数据 如果要将整个父组件传给子组件,可以把this传过去 如果 阅读全文
posted @ 2019-09-20 10:36 crackedlove 阅读(154) 评论(0) 推荐(0) 编辑
摘要: Angular模块 Angular应用是模块化的,它拥有自己的模块化系统,称作NgModule。一个NgModule就是一个容器,用于存放一些内聚的代码块,这些代码块专注于某个应用领域、某个工作流或一组紧密相关的功能。它可以包含一些组件、服务提供商或其他代码文件,其作用域由包含它们的NgModule 阅读全文
posted @ 2019-09-19 17:20 crackedlove 阅读(494) 评论(0) 推荐(0) 编辑
摘要: 1.typeof typeof是一个操作符,其右侧跟一个一元表达式,并返回这个表达式的数据类型。返回的结果用该类型的字符串(全小写字母)形式表示,包括number,string,boolean,undefined,object,function,symbol等。 2.instanceof insta 阅读全文
posted @ 2019-01-28 18:22 crackedlove 阅读(37323) 评论(0) 推荐(1) 编辑
摘要: 一、概述 FormData类型是XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据提供便利。 作用:1.利用一些键值对来模拟一系列表单控件:即将form中的所有表单元素的name和value组装成一个queryString;2.异步上传二进制文件。 与普通Ajax相 阅读全文
posted @ 2019-01-19 18:29 crackedlove 阅读(6198) 评论(0) 推荐(0) 编辑
摘要: 弹性盒模型 弹性盒子是css3的一种新布局模式,由容器(父元素)和项目(子元素)组成。 弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒模型的目的:提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白区间。 设置弹性盒子:disp 阅读全文
posted @ 2019-01-15 17:40 crackedlove 阅读(614) 评论(0) 推荐(0) 编辑