Follow your heart

# 我为什么要扩展 c 盘空间？ 只能说是一开始在为磁盘创建压缩卷时把 c 盘压的太厉害，导致 c 盘的空间在后期逐渐使用中发现空间不够用了。一开始从 c 盘压了一个 d 盘出去，现在发现 c 盘随着用户数据的增加，标红了，所以现在想要将 d 盘的空间再分出一些还给 c 盘。 # 方法 这里参考知乎的一个帖子： D 盘分区为主分区，右击 “压缩卷”，我的 200G，压缩出来 100G，然后把 D 盘改成 “本地磁盘 A”，在新建卷中新建分区 D，将 A 中原有文件转移至 D。 删除 a 分区，右击 c 分区，扩展卷， 即可。

# 小结 因为新的项目前端采用的是 angularJs，所以从 B 站搜了一下 angular 的教程，这个教程是播放量最多的，所以第一选择就是这套视频，期间也跟着视频自己写了一些代码，放在自己的 github 上，以便以后忘记时翻找，总而言之，angularjs 和目前做的 vue 很相似，毕竟都是 mvvm 框架，对于数据绑定这块各自有各自的玩法，不过相对于 vue，感觉 angularjs 的生态系统更完善一些，或者说更系统一些，对于一些大型的前端项目从无到有开发可能会比较好，但是 vue 也不错，对于简单项目，使用 vue 足够了，这并不是说 vue 不适合做大型项目，而是没必要搞...

# 准备 PS D:\angular> ng new angulardemo13PS D:\angular> cd angulardemo13PS D:\angular\angulardemo13> ng g component components/homePS D:\angular\angulardemo13> ng g component components/pcontentPS D:\angular\angulardemo13> ng g service services/common# 代码 # app 根组件及全局样式 #...

# 准备 PS D:\angular> ng new angulardemo12PS D:\angular> cd angulardemo12PS D:\angular\angulardemo12> ng g component components/home PS D:\angular\angulardemo12> ng g component components/product PS D:\angular\angulardemo12> ng g component components/home/welcomePS...

继续使用上一节项目 angulardemo11 # Get 传值 # 1. 跳转 <ul> <li *ngFor="let item of list;let key=index"> <!-- <a href="/newscontent?aid=123">{{key}} -- {{item}}</a> -->...

# 路由的作用 路由就是根据不同 url 地址，动态地让根组件挂载其他组件来实现一个单页面应用。 # 路由的使用 创建一个带路由的项目，第一个选择选 y ng new angulardemo11 创建需要的组件 ng g component components/homeng g component components/newsng g component components/product 跟模块引入组件并注入 路由模块引入组件并在 routes 里面配置 path 和 component 根页面引入 <router-outlet> 标签 使用...

# 准备 ng new angulardemo10ng g component components/newsng g service services/httpserviceng serve --open# GET/POST 请求 根组件引入 HttpClientModule import { HttpClientModule } from '@angular/common/http';imports: [ HttpClientModule ] 新闻组件引入 HttpClient, HttpHeaders import...

# Rxjs 介绍 参考手册 中文手册 RxJS 是 ReactiveX 编程理念的 javascript 版本。reactiveX 来自微软，它是一种针对异步数据流的编程。简单来说，它将一切数据，包括 HTTP 请求，DOM 事件或者普通数据等包装成流的形式，然后用强大丰富的操作符对流进行处理，使你能以同步编程的方式处理异步数据，并组合不同的操作符来轻松优雅的实现你所需要的功能。 RxJS 相当于 es6 的 Promise，但是比 Promise 更强大，比如 RxJS 中可以中途撤回、可以发射多个值、并且提供了多种工具函数等。Angular 引入 RxJS...

# Angular 中的生命周期函数 官方文档：https://angular.cn/guide/lifecycle-hooks 生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。 当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些生命周期钩子方法。 注意 constructor 不是生命周期函数，构造函数中使用了简单的值对局部变量进行初始化外，什么都不应该做。 钩子 用途及时机 ngOnChanges() 当 Angular（重新）设置数据绑定输入属性时响应。该方法接受当前和上一属性值的 SimpleChanges...

# 需求 ES 里有两个 fileds 数据，其实性质上是一致的，都是统计 cluster，但是名字不同，一个叫 cluster，一个叫 cluster_name，在尝试做 visualize 时因为 terms 时仅能够对其中一个 filed 生效，会导致另一列数据无法统计，会丢掉 # 探索 # 尝试 ES 官方提供的 3 种方法 ES 官方给了三种方法，参考地址 # 方法一：Script 在 dsl 中写入脚本，在 devtool 测试脚本时报错，说没有 runtime_mappings 这个 type，网上查询后原来我们 es 版本低不支持 runtime_mappings，并且...