now是什么?

now 允许您轻松、快速和可靠地将JavaScript（Node.js）或Docker支持的网站、应用程序和服务带到云中。实际上，包含package.json或Dockerfile的任何目录都可以通过一个命令：now传输到云。

每次部署一个项目，now 将提供一个新的、唯一的URL（甚至在上传完成之前）。这些URL将看起来像这样（我的应用程序-随机字符串）：my-app-erkgfjtrna.now.sh 。

当您部署到生产时，您只需选择适当的别名（自定义域）即可。

官网地址: https:/zeit.co

使用方法

1. 下载命令行工具: npm install -g now
2. 创建开发目录 mkdir my-project && cd my-project
3. 创建package.json

   {
    "name": "koa",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "start": "node index.js"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
        "koa": "^2.6.1"
    }
   }

4. 创建index.js

   const Koa = require('koa');
   const app = new Koa();
   app.use(ctx => {
    ctx.body = 'Hello Koa';
   });
   app.listen(80);

5. 登录 now login 然后输入邮箱地址收取验证邮件, 点击邮件里的验证链接, 这里需要翻墙, 因为验证页面有个js在google上.
6. 执行 now --public 会输出类似下面的结果.

   > Deploying D:\xxxx\my-project under shuai
   > Synced 2 files (366B) [1s]
   > Using Node.js 8.11.3 (default)
   > https://my-project-lcjucjkwmi.now.sh [in clipboard] (sfo1) [3s]
   > Building…

7. 执行完成后, 就可以打开上面的地址看到运行结果

别名使用

now --public && now alias shuai
即可生成一个 shuai.now.sh 的地址, 方便记忆

使用自己的域名

now --public && now alias shuai.com
需要根据提示验证域名所有权就能使用自己的域名访问了, 而且自动生成https证书

突然想计算一下我们一秒钟在宇宙中移动了多远
首先地球自传, 赤道 约 4万千米, 每秒相当于移动 465米
然后是地球公转, 距离太阳的距离大概是 1.5亿 千米, 一圈就是 9亿千米 , 每秒移动 28538 米.
大约就是 3万米/秒

这还没算太阳围绕银河的旋转速度 240千米/每秒

当你以为自己有一个光芒盖过全世界的 idea 时，请一定相信，这个世界上最少还有 1000 个人同时想到了这个 idea，彼此平行，毫无交集，没有谁抄谁。
这 1000 个人中，500 个人暂时没有时间、嫌麻烦、还没有想好；500 人决定立即动手试一下。
其中 300 个人试一下之后放弃了；剩下 200 人决定继续推进。
其中 120 个人中途失败，决定放弃；剩下 80 个人决定咬牙继续。
其中 30 个人，做出了产品原型。
其中 20 个人，得到了少量用户。
其中 10 个人，开始展露头角。
最后只有几个人，抢到了这个时间窗口，快速抓住历史机遇，跑到了其他人前面。

你是那几个跑到前面的人之一吗？

Vagrant.configure("2") do |config|
    config.vm.box = "ubuntu/xenial64"
    # config.vm.network "forwarded_port", guest: 80, host: 80
    # config.vm.network "forwarded_port", guest: 3306, host: 3306
    config.vm.network "private_network", ip: "10.0.0.3"
    config.vm.provision "shell", inline: <<-SHELL
        # 更换aliyun软件源
        cp /etc/apt/sources.list /etc/apt/sources.list.bak
        echo 'deb http://mirrors.aliyun.com/ubuntu/ xenial main restricted universe multiverse' > /etc/apt/sources.list
        echo 'deb http://mirrors.aliyun.com/ubuntu/ xenial-security main restricted universe multiverse' >> /etc/apt/sources.list
        echo 'deb http://mirrors.aliyun.com/ubuntu/ xenial-updates main restricted universe multiverse' >> /etc/apt/sources.list
        echo 'deb http://mirrors.aliyun.com/ubuntu/ xenial-proposed main restricted universe multiverse' >> /etc/apt/sources.list
        echo 'deb http://mirrors.aliyun.com/ubuntu/ xenial-backports main restricted universe multiverse' >> /etc/apt/sources.list
        apt-get update
        # 安装docker
        apt-get -y install apt-transport-https ca-certificates curl software-properties-common
        curl -fsSL http://mirrors.aliyun.com/docker-ce/linux/ubuntu/gpg | sudo apt-key add -
        add-apt-repository "deb [arch=amd64] http://mirrors.aliyun.com/docker-ce/linux/ubuntu $(lsb_release -cs) stable"
        apt-get -y update
        apt-get -y install docker-ce docker-compose
        # 使用aliyun加速docker镜像
        mkdir -p /etc/docker
        echo '{' > /etc/docker/daemon.json
        echo '    "registry-mirrors": ["https://kag9wqej.mirror.aliyuncs.com"]' >> /etc/docker/daemon.json
        echo '}' >> /etc/docker/daemon.json
        systemctl daemon-reload
        systemctl restart docker
        # 把vagrant用户添加到 docker 组
        usermod -G docker vagrant
        # ssh登录后, 进入/vagrant目录, 并启动docker compose , 然后 输出一下当前正在运行的容器
        echo 'cd /vagrant && docker-compose up -d && docker ps' >> /home/vagrant/.bashrc
    SHELL
end

一个服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观和模块化的解决方案，让设计者专注于更好的用户体验。

官网: https://ant.design/index-cn
文档: https://ant.design/docs/react/introduce-cn

Ant Design of React
这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品。

特性

• 提炼自企业级中后台产品的交互语言和视觉风格。
• 开箱即用的高质量 React 组件。
• 使用 TypeScript 构建，提供完整的类型定义文件。
• 全链路开发和设计工具体系。

支持环境

• 现代浏览器和 IE9 及以上（需要 polyfills）。
• 支持服务端渲染。
• Electron

安装

使用 npm 或 yarn 安装#
我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

$ npm install antd --save
$ yarn add antd

如果你的网络环境不佳，推荐使用 cnpm。

浏览器引入

在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 antd。

我们在 npm 发布包内的 antd/dist 目录下提供了 antd.js antd.css 以及 antd.min.js antd.min.css。你也可以通过 或 UNPKG 进行下载。

强烈不推荐使用已构建文件，这样无法按需加载，而且难以获得底层依赖模块的 bug 快速修复支持。
注意：3.0 之后引入 antd.js 前你需要自行引入 moment。

示例

import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);

引入样式：

import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'

按需加载

下面两种方式都可以只加载用到的组件。

• 使用 babel-plugin-import（推荐）。

  // .babelrc or babel-loader option
  {
    "plugins": [
        ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件
    ]
  }

  注意：webpack 1 无需设置 libraryDirectory。

  然后只需从 antd 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

  // babel-plugin-import 会帮助你加载 JS 和 CSS
  import { DatePicker } from 'antd';

• 手动引入

  import DatePicker from 'antd/lib/date-picker';  // 加载 JS
  import 'antd/lib/date-picker/style/css';        // 加载 CSS
  // import 'antd/lib/date-picker/style';         // 加载 LESS

你不是输给命运，而是输给自己。

——江晚舟

1.你不试试怎么知道你做不到

我是一个从小就很胆怯的人，总觉得自己什么都做不到。

记得大学班里组织跳大绳接力比赛，我下意识的就是逃避，因为从小就觉得跳大绳是一件极其危险的事，绳子那么粗，甩到人得多疼啊，无奈避无可避，只能硬着头皮上了。

真的是将近10次都是半途而废，真的害怕！后来在同学的鼓励下成功跳了一个，那种惧怕的心理就像太阳出来后的露珠，完全消散了，我笑着说：“嗯，感觉挺好玩的。”

面对害怕的事物，心里总是给自己设限——做不到的，但面对并战胜后才发现，真的没有想的那么难。

所以外教课上被问到，“你怎样处理自己十分害怕的事物？”

“Face it.（面对它）”，我毫不犹豫的回答。

人这一辈子，老来总有遗憾，没有跟爱的人表白，没有做自己喜欢做的事，去自己喜欢的地方，甚至连骂一句讨厌的人都没做到……

其实，说白了，就是自我设限，不愿意相信自己了。

然而，害怕是本能，失败受挫也是常态，但若因此就告诉自己“你不行，你做不到的”，这跟胆小鬼又有什么区别？

自我设限，只会让自己错过人生的更多种可能。

当你不再自我设限时，全世界都会为你让路

2.年龄设限，丢掉的是你的运气

中国人自古以来提倡，什么年龄做什么事，所以若是年龄太小，或是年龄过大，都变成一种束缚，觉得不能做不符合年龄的事。

记得奶奶讲过这样一个故事：

月娘是一个非常不幸的人。父母在她年幼的时候就把她抛弃了，后来为了活下去找了一个人嫁了，可那人却生性暴戾，没让月娘过过一天好日子，后来那人死于意外，对月娘来说虽是解脱，可也意味着她要自己拉扯3个孩子长大。

很多人劝月娘改嫁，可月娘说：“都这么大了，还想这些做什么，平平安安的我就谢天谢地了。”

在那个时代，很多人受着封建思想的荼毒，包括到现在，这也是很多人告诫自己的理由。

“你还小，什么都不懂”“哎，我都这么大了，还能干什么”……错误的年龄观，耽误了一生的好运。

其实，年龄虽然有所影响，但绝对不能限制任何事。

摩西奶奶是闻名全球的风俗画画家，可知道她的人都知道，她是77岁才开始作画的，正如她所说“任何年龄的人都可以作画。”

不管幸与不幸，都不要为自己的人生设限，以免阻挡了生命的阳光。

不被自己年龄限制的人，生命的阳光总是热烈又充沛。

当你不再自我设限时，全世界都会为你让路

3.感情设限，没有人会喜欢你退缩逃避

“我很喜欢他，但是我觉得自己配不上他”，表妹丹丹和我谈心时说。

“他长得帅家里也有钱，又有很多人喜欢；而我性格长相都很普通，还是农村户口，真的站在他面前都觉得很自卑。”

我后来推荐她去看一本小说《我不喜欢这个世界我只喜欢你》，真人真事境况相同，但在这个故事里，我只看到了幸福和甜蜜。

现在的人谈起爱情，下意识的想到婚姻、房子、长相、家室、工作，然后有了诸多人眼里的不配。

“那个人长得丑，配不上某某女明星”

“那个人灰姑娘，配不上高富帅的他”

“王祖蓝长得矮，配不上他老婆”

……

可这样的不配，未免太过肤浅和幼稚，真正成熟的感情，是寻求精神上的契合，而非物质外表上的相配。

就像《恶作剧之吻》中的袁湘琴和江直树，很多人包括他们自己都觉得两人不配，甚至一度虐恋，但还不是以幸福收场。

其实啊，感情里唯一的不配，是“他不喜欢你！”

面对喜欢的人却因“不配”而选择退缩，不过是把感情设限了。但感情，无非就是你情我愿，哪有那么多条条框框？

当你不再自我设限时，全世界都会为你让路

4.能力设限，不敢想不敢试等于失败

其实，最常见的还是我们对自己的能力设限。

就像蒂娜·齐莉格说的：

我们从职业、收入、居所、开的车、教育，甚至是占卜等多个方面自我设限。所有限制都把我们禁锢在某种固有假定中，这些假定有自己是谁，我能干什么。
因为自己是一个普通人，能力普通，所以从来不敢尝试超出自己认定的能力以外的事，更不敢奢望过不平凡的生活。

可是这世界上这么多的成功人士，又有多少是天生我才？多少是靠着不对自己设限拥有了不凡的人生？

提到蔡依林大家并不陌生，不是天才，却靠着自己的努力达到了和天才一样的高度。

从一个四肢不协调的舞蹈盲，到家喻户晓的亚洲舞娘。从瑜伽到艺术体操，再到现代舞。她在刷新着自己的极限，也在刷新着人们的认知。

她跟自己说“努力就一定会成功，如果我失败了，那一定是我不够努力。”

而我们更喜欢说的是“很多事情努力也没有办法。”所以依旧平庸。

法齐娅·库菲在《我不要你死于一事无成》中说：

把目标放高，你永远无法估计一个人的爆发力能达到什么程度，如果一开始就已经设限，那么，这一辈子，你很可能就没有了爆发的欲望，何来高度深度宽度可言？
就好比考试时我们给自己设立目标是60分，那你要超过及格分太难了，但目标若是90分，及格自然不在话下。

很多时候，我们人生的失败，都源于自我设限。

当你不再自我设限时，全世界都会为你让路

知乎上有一个高赞问答：

问：“你有什么相见恨晚的知识想推荐给年轻人？”

答：“做你害怕做的事情。然后你会发现，不过如此。”

正如尼克·胡哲在《人生不设限》中说的：

人生最可悲的并非失去四肢，而是没有生存希望及目标！人们经常埋怨什么也做不来，但如果我们只记挂着想拥有或欠缺的东西，而不去珍惜所拥有的，那根本改变不了问题。真正改变命运的，并不是我们的机遇，而是我们的态度。
现实生活中，很多人在遇到无能为力或者稍有难度的事情，就会对自己说，你就这点能力，不要异想天开了，于是默默无闻了一辈子。

这就像跳蚤变成“走蚤”一样：并不是失去了跳跃的能力，而是一次次受挫后习惯了麻木了。入口的玻璃罩已经不在了，但是却罩在了它的心上，跳蚤没有了“再跳一次”的勇气。

而我们有多少人，在自己的心上罩了一个无形的玻璃罩，一次次的跟自己说不可能？

自我设限的真相就是：一次失败，终生认输。

你不是输给命运，而是输给自己。

一渺秒

　　即百亿亿分之一秒，阿托秒（attosecond）
　　科学家是用渺秒来对瞬时事件进行计时的。
　　研究人员已经用稳定的高速激光产生了仅持续250渺秒的光脉冲。尽管这一时间间隔短得无法想像，但是和普朗克时间相比还是很长的。普朗克时间大约为10^-25渺秒，被认为是可能持续的最短时间。

一飞秒

　　即千万亿分之一秒
　　一个分子里的一个原子完成一次典型振动需要10到100飞秒。完成快速化学反应通常需要数百飞秒。光与视网膜上色素的相互作用（产生视觉的过程）约需200飞秒。

一皮秒

　　即万亿分之一秒
　　最快晶体管的运行以皮秒计。一种高能加速器产生的罕见亚原子粒子b夸克在衰变之前可存在1皮秒。室温下水分子间氢键的平均存在时间是3皮秒。

一纳秒

　　即十亿分之一秒
　　光在真空中一纳秒仅传播30厘米（不足一个步长）。个人电脑的微处理器执行一道指令（如将两数相加）约需2至4纳秒。另一种罕见的亚原子粒子K介子的存在时间为12纳秒。

一微秒

　　即百万分之一秒
　　光在这个时间里可以传播300米，大约是3个足球场的长度，但是海平面上的声波只能传播1/3毫米。高速的商业频闪仪闪烁一次大约持续1微秒。一筒炸药在它的引线烧完之后大约24微秒开始爆炸。

一毫秒

　　即千分之一秒
　　典型照相机的最短曝光时间为一毫秒。一只家蝇每三毫秒扇一次翅膀；蜜蜂则每五毫秒扇一次。由于月亮绕地球的轨道逐渐变宽，它绕一圈所需的时间每年长两毫秒。在计算机科学中，10毫秒的间隔称为一个jiffy。

一分秒

　　寓言中常说的“一眨眼”的时间就是十分之一秒。人类的耳朵需要十分之一秒的时间来分辨发声回声。远离太阳系飞行的飞行器旅行者1号，每十分之一秒飞离太阳约两公里。蜂雀在这个时间里可以拍打7次翅膀。为A到中C定调的调音叉振动4次。

一秒

　　健康人的一次心跳大约持续一秒。美国人平均每一秒吃掉350块比萨饼。地球每一秒绕太阳旋转30公里，而与此同时太阳在银河系中穿行274公里。一秒钟不足以使月光到达地球（需1.3秒）。传统意义上，一秒是24分之一天的60分之一的60分之一，但是科学家给出了一个更精确的定义：铯133原子基态超精细能阶跃迁的9 192 631 770个周期所持续的时间，称为一秒。

/*
 * 高效率计算文件行数
 */
function count_line($file)
{
    $fp = fopen($file, "r");
    $i  = 0;
    while (!feof($fp)) {
        // 每次读取2M
        if ($data = fread($fp, 1024 * 1024 * 2)) {
            // 计算读取到的行数
            $num = substr_count($data, "\n");
            $i += $num;
        }
    }
    fclose($fp);
    return $i +1;
}
$count = count_line($filename);
echo $count;

转载, 原文地址: https://github.com/Neilpang/nginx-proxy/wiki
本文是介绍一个 docker 镜像的, 可以全自动实现反向代理, 并自动配置 ssl 证书.

这里主要说两个问题:

1. 对于只有一个公网 ip 的 docker host, 如果想在其中跑多个 web server 就有问题了, 因为 80 端口只能分配给一个 docker container. 怎么办, 一个好办法就是开一个反向代理. 把 80 端口分配给反向代理, 然后反向代理再根据域名分发给不同的内部 docker container. 看起来很简单对吧, 这没什么. 但是你一旦关闭重启内部的 web server container, 它的内部 ip 可能就会发生改变, 此时你不得不修改反向代理的配置, 并重新加载. 这些工作能不能自动完成 ?
2. 第二个问题, 反向代理上能不能自动配置 ssl 证书. letsencrypt 不是有免费证书吗?
   很好, 这两个问题的答案都是肯定的. 分三步来说. 不用担心, 非常简单, 本文不会很长, 你会在几分钟只内完成.

1. 先说第一个问题. 自动配置 docker 反向代理.

用 nginx 镜像做一个反向代理, 并且能根据当前 docker host 的 container 的变化, 自动配置反向代理的 ip 和端口.

这个问题其实早就有人解决了, 比如这两个项目:

使用 docker api 可以自动监控 container 变化, 根据模板生成配置文件.

https://github.com/jwilder/docker-gen

作者另外的一个项目, 专门实现了 nginx 的反向代理.

https://github.com/jwilder/nginx-proxy

如果你只需要反向代理, 并不需要自动配置 ssl 的话, 本文你读到这里就可以了.

2. 为 nginx 反向代理自动配置 ssl

为了自动配置 ssl, 我 fork 了上面的项目, 并做了少量修改, 加入了 acme.sh 的支持, 可以实现全自动 配置 ssl 证书.

https://github.com/Neilpang/nginx-proxy

并且已经在 docker hub 上发布了 trusted build:

docker pul neilpang/nginx-proxy

3. 第三步, 快速上手

首先在运行反向代理:

mkdir proxy
cd proxy
docker run  \
    --rm -it  -d \
    -p 80:80 \
    -p 443:443  \
    -v /var/run/docker.sock:/tmp/docker.sock:ro  \
    -v $(pwd)/certs:/etc/nginx/certs \
    -v $(pwd)/acme:/acmecerts \
    neilpang/nginx-proxy

稍微解释一下: 运行一个反向代理 并把 80 和 443 端口都分配给它. 并且把 /var/run/docker.sock 传递给 container , 这是 docker api 操作文件.

现在可以运行你的 web server container 了:
先把你的一个域名解析到 docker host ip, 例如: example.com

然后, 我们随便启动一个 webserver:

docker run --rm -itd \
    -e VIRTUAL_HOST=example.com \
    --name test \
    httpd

注意到上面的参数了吗: -e VIRTUAL_HOST=example.com

我们在上一步中运行的 neilpang/nginx-proxy 会自动监控这个 host 上的每一个 container 的变化. 如果发现有 VIRTUAL_HOST 变量, 就会自动配置反向代理.

试试访问你的域名:

http://example.com
现在给这个反向代理配置 ssl:

在此之前,请确保你的域名已经指向了主机 ip, 因为 letsencrypt 证书需要验证域名所有权.

docker kill test
docker run --rm -itd \
    -e VIRTUAL_HOST=example.com \
    -e ENABLE_ACME=true \
    --name test \
    httpd

注意到不同了吗, 仅仅多了一个变量: ENABLE_ACME=true

大概几十秒之后, ssl 证书就会自动配置成功了.

访问试试:

https://example.com
注意, 这个证书是自动配置的, 今后会自动更新, 让你完全忘了它的存在.

有多个域名绑定: 用逗号分隔.

docker kill test
docker run --rm -it -d \
    -e VIRTUAL_HOST=example.com,www.example.com \
    -e ENABLE_ACME=true \
    --name test \
    httpd

另外, 这个镜像还有一个好处就是已经配置了从 http 跳转到 https, 并且自动启用 http 2.0

反代 非 80 的自定义端口:
加上: VIRTUAL_PORT=8080 即可

docker run --rm -itd \
    -e VIRTUAL_HOST=example.com,www.example.com \
    -e ENABLE_ACME=true \
    -e VIRTUAL_PORT=8080 \
    --name test \
    httpd

比如搭建gogs 服务器:

docker run -itd --restart always \
    --name gogs \
    -e VIRTUAL_HOST=git.ngapp.net \
    -e ENABLE_ACME=true \
    -e VIRTUAL_PORT=3000 \
    -v /data/gogs:/data \
    gogs/gogs

原文链接: https://github.com/Neilpang/nginx-proxy/wiki

希望能帮到更多人,节约你的时间和精力.

欢迎大家转载 请保留链接.

欢迎 star:

https://github.com/Neilpang/nginx-proxy

A Vue.js 2.0 Mobile UI at YouZan

特性

• 50+ 个经过有赞线上业务检验的组件
• 单元测试覆盖率超过 90%
• 完善的中英文文档和示例
• 支持 babel-plugin-import
• 支持 TypeScript
• 支持 SSR

安装

npm i -S vant

快速上手

方式一. 使用 babel-plugin-import (推荐)

# 安装 babel-plugin-import 插件
npm i babel-plugin-import -D

// 在 .babelrc 或 babel-loader 中添加插件配置
// 注意：webpack 1 无需设置 libraryDirectory。
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

接着你可以在代码中直接引入 Vant 组件，插件会自动将代码转化为方式二中的按需引入形式。

import { Button } from 'vant';

方式二. 按需引入组件

import Button from 'vant/lib/button';
import 'vant/lib/vant-css/base.css';
import 'vant/lib/vant-css/button.css';

方式三. 导入所有组件

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/vant-css/index.css';
Vue.use(Vant);

CDN

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/vant/lib/vant-css/index.css">
<!-- 引入组件 -->
<script src="https://unpkg.com/vant/lib/vant.min.js"></script>

更多内容请参考 快速上手.

贡献代码

修改代码请阅读我们的 开发指南。

使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR。

浏览器支持

现代浏览器以及 Android 4.0+, iOS 6+.

手机预览

可以手机扫码以下二维码访问手机端 demo：

链接

• 详细文档
• 更新日志
• React 组件库
• 微信小程序组件库
• vant-demo
• vue-cli-template-vant

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源。