web前端开发中遇到的问题整理记录——2020-04

目录

1. angular时间格式化
2. 使用http-server快速构建本地服务器
3. localStorage 增改查

正文

1.angular时间格式化

angular在格式化时间时不需要自己写方法,内置的管道可以直接使用
在组件中直接使用{{date | date:'yyyy-MM-dd HH:mm:ss'}}

在class中使用
引入 DatePipe import { DatePipe } from '@angular/common';
注入 constructor中,constructor(private datePipe: DatePipe) {}
调用transform方法

import { DatePipe } from '@angular/common';
constructor(
    private datePipe: DatePipe,
) {}
formatDate(date) {
    return this.datePipe.transform(date, 'yyyy-MM-dd');
}

2.使用http-server快速构建本地服务器

1.该环境是基于node环境的，所以必须先安装node.js

先打开命令行模式，输入 node -v

如果显示了版本号，就说明已经安装完成。如果提示没有这个命令，请安装node.js，官网链接 node.js官网进行安装。

2.如果完成上一步，在node命令行下敲下npm install http-server -g后回车

3.进入你需要局域网访问的目录，敲$ http-server命令就会显示访问的端口,复制其中一个就可以进行访问了

4.制定端口命令 $ http-server -p 8081

3.localStorage 增改查

增加

Storage.setItem()

localStorage.setItem('myCat', 'Tom');

读取

localStorage.getItem

let cat = localStorage.getItem('myCat');

删除

localStorage.removeItem('myCat');

移除所有

localStorage.clear();