CODE THE WEB

对于React-Native(以下简称RN), 我最大疑惑是, 如何把应用安装到自己的手机里? 因为RN最终还会编译成原生代码, 所以这个问题其实是如何安装自己开发的iOS应用. 因为RN的官网上语焉不详, 所以我想趁着有时间, 干脆玩下iOS原生开发, 在自己手机里装个简单的iOS App

然而事实证明, 没那么简单…

阅读全文

我对原来的主题样式有些不满意, 于是决定自己做修改. 最近重点在改的是链接的样式, 包括链接默认颜色, 鼠标悬停(hover)及点击时(active)时的颜色, 还有就是阅读全文以及分页按钮的样式, 因为他们本质上仍是a标签. 但在自定义的过程中, 我遇到了很纠结的问题, 就是我想到了两个方案, 却不知道哪一个更好…

阅读全文

昨夜里睡到一半爬了起来, 脑子里突然想到围棋, 于是上GitHub搜索AlphaGo, 因为当初人机大战之后, 我曾在GitHub发现过这么一个项目.

但事与愿违, 我找不到那个项目了! 虽然我印象有点模糊了, 不太记得那个项目具体”长什么样”, 但我知道项目的星星数量有1000+的, 而我搜出来结果, 最高不到200, 这到底是怎么回事呢?

阅读全文

前言

React Context的概念, 前两天学习React Router时再次接触到

1
2
3
4
5
6
7
8
9
10
11
12
13
14

export default React.createClass({

  // ask for `router` from context
  contextTypes: {
    router: React.PropTypes.object
  },

  // ...

  handleSubmit(event) {
    // ...
    this.context.router.push(path)
  },
})

于是决定要搞明白这是个什么东东

阅读全文

前言

这两天在学react-router, 之前有了解过, 但没有系统地学, 觉得比较简单, 会用就行. 但当昨天知道react-router结合webpack可以做到按需加载时(点击查看例子), 顿时来了兴趣, 于是就跟着react-router-tutorial上的教程敲了一遍(代码在这里, 还是有不少收获的, 下面我将说明我教程中较重要的点.

阅读全文

zoom

zoom属性可以缩放元素, 它可以有三种值:

• 百分比 - 根据百分比缩放
• 数值 - 会转化成百分比 如 1 => 100%, 1.5 => 150%
• normal - 即zoom: 1

以前偶尔有看到别人网站的css有这样的设置zoom: 1, 不明白是干嘛的. 现在我明白了, 但看来根本用不上, 为什么这样说呢?

阅读全文

前言

最近发现有些CSS知识是很基础的, 而CSS权威指南也有讲到的, 但我却遗漏掉了, 今天就做个补习, 把这些知识捡回来.

阅读全文

背景

之前有一个项目使用Zepto来发送ajax请求, 查看Nginx日志或使用Chrome Dev Tools查看请求发送情况时, 会看到每次调后台API的请求之前, 都会发送一个OPTIONS请求, 无论API要求请求的方法是GET或POST.

为什么会发送这个OPTIONS请求? 可以去掉吗?

阅读全文

使用React的开发版本时常会遇到这样的情况:

渲染列表时, 不为数组的每一项设置key, 则控制台会警告

Warning: Each child in an array or iterator should have a unique “key” prop.
Check the render method of Constructor.
See http://fb.me/react-warning-keys for more information.

我常看到有的代码为了消除警告, 把数组的下标(index)作为key, 那么这倒底是不是一种好的做法呢, 本文将一探究竟.

阅读全文

前言

这周在学习结合React使用Redux,参考TodoMVC,做个类似的demo

在实现的过程中,发现了个之前没有注意到的CSS效果, text-decoration: line-through, 先来看效果图:

阅读全文