阿里云ECS里Ubuntu下安装Docker和Docker-compose

阿里云ECS的一个实例操作系统操作系统是Ubuntu 16.04 64位,为便于部署nginx反向代理next项目,拟采用Docker化方案,要先安装好Docker和Docker-compose。 通过PuTTY远程连接到ECS 使用sudo apt-get update升级Ubuntu的包管理器后reboot重启ECS 再次登录后用wget -qO- https://get.docker.com/ | sh获取并安装Docker最新安装包 测试Docker已经可用sudo docker run hello-world 最便捷的安装Docker-compose是pip install docker-compose 接下来下载nginx镜像docker »

10公里

读梅拉妮·米歇尔的《复杂》 能够以蚂蚁如此简单的例子,一步一步推进,从而让人建立起复杂性的含义,这确实不简单。 复杂系统的共性: 规则简单的个体可以组合成复杂的集体行为; 都利用来自内部和外部的信息和信号; 通过改变自身的行为以增加生成或成功的机会; 关键词:不存在中央控制 将输入变成输出等于图灵机? 遗传算法及应用这一部分讲解得非常细致啊,让人有也试着写一个的兴奋。 以前懵懂知道囚徒困境在社会科学中影响较大,但不知道可以影响如此之大,而且是复杂性的有效模拟,贪婪、自私、恐惧的个体组合一个受益的群体。 原来涌现这个词还可以这么理解,从复杂网络中涌现出的秩序。 三天读完该书真是囫囵吞枣,好吧, »

理解off-canvas

off-canvas是Web和App经常用到的一种展示菜单面板的形式,安卓系统习惯称为抽屉菜单,如果用HTML来实现是往一个方向(上下左右均可)移动整个屏幕界面,让原本位于屏幕外不可见的菜单面板显现出来,看这张图就能明白: 在HTML里要移动整个页面最便捷的方法是使用CSS: body { transform: translateX(18em); } 但为了更好的封装,一般我们不会去动body,而是把要移动的界面包裹起来: <div class="container"> <div class="transformer"> < »

定制Flexbox栅格(2)

前面已经可以使用手动方式定义栅格,接下来就是设置参数化和响应式。 分析手动方式能够得出计算列宽度的公式:calc(${col / 12 * 100}% - 1em),其中col为列数,1列宽度权重为1/12,2列宽度权重为2/12,3列为3/12。。。等等。 在styled-components里JSX组件的属性是可以作为参数传递给CSS函数的,这就能够把列数参数化了,改动一下列样式的定义: // flex可伸缩列 const Column = styled(Base)` min-height: »

定制Flexbox栅格(1)

之前在涉及Web布局时都是用的reflexbox,转到styled-components后,再混着使用内联样式的reflexbox总觉得别扭,不如造个轮子,自定义一个便于styled-components使用的栅格组件,顺便深入学习flexbox的用法。 目标栅格:使用flexbox,满足响应式,尽可能不污染HTML标签,12列+12个间隙,固定间隙宽度而伸缩列宽度,采用em相对单位,媒体查询参数化。 步骤: 生成可用于除错的参考栅格 /* --用于查错的栅格,12列和12个间隙,间隙宽度固定为1em,栅格最大宽度为90em-- */ const Wrapper = (props) => { return »