不知不觉已经一个月没有写东西了，堕落的日子居然过的这么心（chou）安（bu）理（yao）得（lian），罪过啊。

啰里八嗦

今天不瞎扯了，我想嘱咐你几句。你做为一名程序猿，一定多注意身体，尤其是职业病—颈椎病、肩周炎，一定要多起身活动活动，多注意休息，照顾好自己，锻炼起来，别懒。

每个周五的下午，坐在电脑边，沏上一杯热茶，按捺不住激动的心情，为了周末的休息不上班吗？不，安静的环境是为了能够更好的学习！！！

出场曲

神秘巨星来了吗？快，打追光，快，快给她镜头。 ——《神秘巨星》

概念

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。

可以理解成一套嵌套在微信里面的app，和原生app不同的是不需要下载，属于小而轻的应用。

Grid布局概念

CSS Gird已经被W3C纳入到css3的一个布局模块中，被称为CSS Grid Layout Module，一般习惯称为网格布局。

网格布局可以将应用程序分割成不同的空间，定义它们的大小、位置和层级。

概念

IntersectionObserver接口(从属于Intersection Observer API)为开发者提供了一种可以异步监听目标元素与其祖先或视窗(viewport)交叉状态的手段。祖先元素与视窗(viewport)被称为根(root)。

这是MDN上给的官方概念，不用去管它，我粘出来只是为了显得专业点嘛…

![环形进度条.gif]
(https://user-gold-cdn.xitu.io/2018/2/8/1617609ec683e32a?w=315&h=300&f=gif&s=56956)

!--(http://upload-images.jianshu.io/upload_images/4060631-d6b24e36947c9cc6.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) --

怎么实现这样一个圆环进度条的效果呢，可以使用canvas、svg、GIF等等方式，今天我们来说下使用css3怎么来实现。

Nginx 是一个高性能的HTTP和反向代理服务器。文本详细记录了在centos7系统上安装的步骤。

安装依赖

yum上面没有nginx的安装路径，可以使用切换yum的源进行安装，也可以下载源码进行编译安装，本文采用下载源码安装。

安装了虚拟机，玩了几天，发现自带的shell不太好用。本着折腾的优良作风，配置了oh-my-zsh，本文记录下安装步骤。

查看当前shell

echo $SHELL

返回结果:

bin/bash