2016年9月

很早以前,我就是一名不折不扣的富士用户,但是当然我永远都不是某个品牌的死忠粉,所以后来还玩了松下,索尼等等很多品牌,这次因为看上了富士的 56mm/1.2 镜头,想试一下下这种镜头到底如何,所以就想办法整了一台 X-T2,提前两天拿到手,参数如下:

  • X-Trans™* CMOS III传感器与X-Processor Pro
  • 更优秀的自动对焦性能表现
  • 全新AF-C自定义设置
  • 全新EVF(0.77倍放大倍率,0.005秒快门时滞,100帧/秒刷新率实时取景)
  • 全新4K视频拍摄
  • 全新增能竖拍手柄(另购)
  • 全天候机身

别的也不多说了,直接上几张直出 JPEG 图,都说富士的色彩调教讨喜。

_DSF0084.jpg

_DSF0087.jpg

_DSF0090.jpg

_DSF0094.jpg

_DSF0099.jpg

_DSF0106.jpg

_DSF0111.jpg

_DSF0114.jpg

要开始构建你的第一个 React App,最简单的方法莫过于使用下面这两个 JSFiddle 示例了:

Create React App

Create React App 是一个新的受官方支持的用于创建 React 单页面应用的工具,它提供了一个一些无需任何配置那可拿来即用的现代化构建工具,需要 Node 4 或者更高版本的支持。

但是需要注意的是,它还是有一些使用上的限制,而且它也仅仅只适用于单页面应用,如果你更高的灵活性或者将 React 整合到现有的项目中,那你可能就需要下面这些其它的解决方案了。

Starter Pack

如果你才刚刚开始了解 React,那么下载 Starter kit 是另一个不错的选择, Starter kit 包含了预建的 React 以及 React Dom 示例复本。

下载 Starter kit 15.3.1

在 Starter kit 的根目录下,创建一个名为 helloworld.html 的文件,包含以下的内容:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="build/react.js"></script>
    <script src="build/react-dom.js"></script>
    <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/babel">
      ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('example')
      );
    </script>
  </body>
</html>

如上所示,这种在JavaScript 中包含 XML 语法的实现我们称之为 JSX,你可以查看 JSX 语法说明 以了解更多关于 JSX 的使用帮助,为了将其编译为浏览器可识别的 JavaScript 代码,我们使用了 <script type="text/babel">,此时 Babel 将直接在浏览器编译它,直接在浏览器中打开该页面,你就将看到应用已经执行了。

分开的文件

你的 React JSX 代码,还可以被分开存储在不同的文件中,创建一个 src/helloworld.js 文件:

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

然后在 helloworld.html 代码中引入该文件:

<script type="text/babel" src="src/helloworld.js"></script>
这里需要注意一点,有一些浏览器(比如 Chrome),可能只允许通过 HTTP 协议访问文件。

npm 或者 Bower 中使用 React

你同样还可以使用如 npm 或者 bower 这样的包管理工具, 这在后面的文章中会详细涉及到。

今天新入手了一台刚刚发布的富士 X-T2 相机以及一个 56mm/1.2 镜头,以此记录一下自己的腐败,不小心把相机的 ISO 调到了 25600,于是,照片就成了下面这样的了:

DSCF0013.jpg

然后,其实我还开启了 Acros 模拟,比如上面这张图,相机直出的 JPEG 图片是下面这样的:

DSCF0013.jpg

西峰河谷,位于河北省保定市涞水县,未经任何商业开发,风景秀丽,是一条长约 20 余里的原始峡谷,2016 年 9 月 3 日,随原始地貌登山队再次穿越徒步(上次穿越还是 2016 年 1 月 30 号),与上次不一样的是,此次正值夏末秋初,河水未结冰,槙被也还生机盎然,天气也不是!很冷,所以,这次是玩水。

_1020184.jpg

下车入山后,大约是一条两公里的道路。

_1020189.jpg

有商业头脑的当地村民直接在入口处摆上了一个小摊位,这里离镇区近 1.5 公里,就这一家,生意肯定也还是很不错的,不过这也预示这这条河谷即将被破坏,我的猜想最后也没有错,这是一条原始地貌登山队独立开发的原始路线,直到我们上次穿越的时候,这条河谷还几乎就只有我们自己队走,但是这次听说,在当天我们都已经是第三批人了。

_DSC9040.jpg

_DSC9254.jpg

_DSC9272.jpg

创建项目

在本文中,我们将创建一个简单的用于管理自己的任务列表的应用,要创建一个新的 Meteor 项目,打开终端命令行工具,然后输入以下命令:

meteor create meteor-todos

在会在当前的工作路径下创建一个名为 meteor-todos 的文件夹,该文件夹下面将包含以下文件:

client/main.js        # 客户端加载 JS 的入口
client/main.html      # 定义视频的 HTML 文件
client/main.css       # 定义应用样式的 CSS 文件
server/main.js        # 服务器端应用的入口文件
package.json          # NPM 包管理工具使用的配置文件
.meteor               # Meteor 文件
.gitignore            # Git 配置文件

要运行该应用,执行以下命令:

cd meteor-todos
meteor npm install
meteor

执行成功之后,打开浏览器访问 http://localhost:3000即可看到新的应用,在进行下一步之前,你可以尝试修改一下 client/main.htmlh1 标签的内容,你可以看到,当你保存文件之后,浏览器中的页面会自动的刷新。