前面我们学习了如何创建自己的schema，以及Angular Cli中component的源代码解读。现在来实践一下，来创建一个我们自己的schame，可以用来创建“page”类型的componet。

上一篇文章我们了解了自定义原理图的基本操作，可以简单生成文件，并和Angular Cli进行链接，我们如何真正的创建我们自己的原理图？在使用Angular Cli自带的命令创建组件的时候是可以更新模块里面声明组价的语句的，那么它是如何实现的？我们来细致的分析下@schematics/angular/component的源代码。

Angular的一个强大的功能是丰富而有效的Angular Cli，它可以自动生成脚手架程序，也可以生成各种各样的组件，甚至我们可以自己定义原理图来生成我们特定的东西。功能比较强大，所以也比较难一点，我这里分为三篇博客，也是我的一个学习历程，这是第一篇，学习基本的原理图配置和使用。

shell 压缩文件夹

1

tar zcvf [打包后生成的文件名全路径(也可以是相对路径)] 要打包的目录

比如，想把当前文件夹的dist文件夹打包成压缩包：

1

tar zcvf dist.tar.gz ./dist

写页面好久了，自然对html、css等的积累是有的，但是最近遇到一些css的选择器问题让我很苦恼，感觉对css还是了解太少，这次就专门来看看css3的特殊选择器。

angular上传图片到七牛云。

前端使用七牛的Javascript SD，后端因为我用的是Midway.jsnode框架，所以后端使用七牛的Node.js SDK

首先，需要去七牛云的个人中心 -> 密钥管理，创建密钥，然后将AK(AccessKey)和SK(SecretKey)保存下来，以备后用。

以前做登录授权的时候，流程是：

1. 用户在登录页面输入用户名和密码
2. 服务器验证提交过来的信息，通过后，在session中保存相关数据，比如用户ID
3. 服务器返回一个session_id，写入用户的Cookie。
4. 用户的每一次请求，都会通过Cookie将session_id传递给服务器。
5. 服务器收到session_id，找到前面保存的数据，得知用户的身份。

这次正好也用midway.js来做到登录授权了，换种方式，采用JWT（JSON Web Token）。

使用egg-jwt插件，插件地址：okoale/egg。

工作涉及多个项目，项目发版的时候需要打tag，比如上一个测试的tag是v2.0.1-sit，那么下一个tag就是v2.0.2-sit。但很多时候并不知道上一个tag是什么，就需要先git log --oneline看下最后的tag，然后复制下来在打tag的时候用，步骤：

1. git log --oneline
2. 找到tag，然后复制
3. 按q退出log视图
4. 开始打tag

能不能优化下步骤，提升下生产力？

The basic task of change detection is to take the internal state of a program and make it somehow visible to the user interface.

变更检测的基本任务是获取程序内部的状态，并使该状态对用户界面可见。

This state can be any kind of objects, arrays, primitives[原语，基本类型],… just any kind of JavaScript data structures.

这种状态可以是任何类型的对象，数组，基本类型。。。等等任何一种JavaScript的数据结构。

Angular performs[执行] change detection on all components(from top to bottom) every time some thing changes in you app from something like a user event or data received from a network request.

当你的Angular应用中有某些比如用户触发事件或者异步接收到数据的变化时，Angular 会对所有组件（从上到下）执行更改检测。