first do it, then do it right, then do it better.

原文

微前端到底是什么？

一、简介

为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构（Microservices）：

微服务是面向服务架构（SOA）的一种变体，把应用程序设计成一系列松耦合的细粒度服务，并通过轻量级的通信协议组织起来。
具体的，将应用构建成一组小型服务。这些服务能够独立部署、独立扩展，每个服务都具有稳固的模块边界，甚至允许使用不同的编程语言来编写不同服务，也可以由不同的团队来管理

同时，越来越重的前端工程也面临同样的问题，自然地想到了将微服务思想应用（照搬）到前端，于是有了「微前端（micro-frontends）」的概念：

即，一种由独立交付的多个前端应用组成整体的架构风格。具体的，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是内聚的单个产品。

子曰：万里之行，始于足下。

在 win-unpacked/resources/ 下生成了 app.asar 文件，这是一个用 asar 压缩后的文件。 我们可以解压看下里面是什么：

查看 asar

1. 安装 asar

   1	npm install -g asar --registry=https://registry.npm.taobao.org

2. 解压到 ./app 文件夹下

   1	asar extract app.asar ./app

3. 解压之后的目录如下

   1 2 3 4 5 6 7

   -- css -- js -- img -- background.js -- favicon.ico -- index.html -- package.json

子曰：万里之行，始于足下。

场景

平常开发项目以 Vue 为主，需要测试一些功能时，

子曰：一日一练-CSS 了解 object-fit 属性 和 object-position

问题

平常开发中会遇到在一个固定大小的容器中满屏保持比例展示不固定大小比例的的图片。

子曰：万里之行，始于足下。

环境

1. OS: windows 10
2. 应用：Vuejs + Android 壳的 hybrid app 应用
3. IDE： Visual Studio Code

子曰：git 常用命令 拉取远程仓库的某一个分支到本地

在工作协作开发中，使用git 进行版本管理，下面整理了拉取远程仓库的某一个分支到本地

前情提要

为了在Windows 下用FFmpeg + nginx + rtmp 搭建直播环境实现推流、拉流，首先需要在本地安装配置Nginx，这篇BLOG 将其过程记录下来。

从来就没有什么救世主

今天刚刚写了一篇随笔，发布之后，发现在github.com 上并没有部署成功，
于是就到travis-ci.org 上查找了，发现CI 自动部署失败。
在CI 的log 中查找的原因，费了九牛二虎之力才修复成功。
而这篇文章就是记录自己的解决过程。

俗话说得好，好记性不如记博客。
工作中总会遇到一些视频播放相关任务，视频点播、视频直播、视频直播时移等，在这里将几个知识点记录一下。