AJAX中出现OPTIONS请求

背景

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

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

阅读全文

使用Perf工具研究React Key对渲染的影响

使用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, 那么这倒底是不是一种好的做法呢, 本文将一探究竟.

阅读全文

Javascript Code Style

前言

个人认为编码规范是很重要的,它可以达到提高代码质量,增强团队的开发协作的目的.

作为强迫症患者,如果看到不符规范的代码,我会十分难受.

以下规范主要根据书籍 Maintainable Javscript 翻译而来, 结合其他资料,根据个人喜好,有改动.

阅读全文

Hexo折腾记

最近在使用Github Pages + Hexo搭建个人博客,玩了些新东西,也踩了一些坑,特此记录下经历与想法。

为什么使用Github Pages

首先,Github Pages 是免费的,虽然空间有限,只有1GB,但博客实质上只是一些静态文件(说白了就是Html+Js+Css),1Gb其实足够写很多篇文章了。而且我觉得Github Pages的域名很Cool,username.Github.io, 这种名字一般都是技术大牛或者知名的开源项目的才会有的域名,现在我也可以拥有,感觉自己吊吊哒😎

阅读全文

Component LifeCycle Methods

React Component 常用生命周期函数: getInitialState -> WillMount -> render -> DidMount -> DidUpdate(WillReceiveProps)->WillUnMount

挂载(mount):React的特点是先生成Virtual DOM,再把这个Virtual DOM在真实的DOM上画出来,这个行为就叫挂载。只有挂载后,React元素才可以在真实的DOM(也即浏览器的doument)中找到。

阅读全文

CSS 选择器基础

约定:本文使用 jade 模板语言来表示简化的html结构
没接触过 jade 的同学,请看下面的小科普:

1
2
3
4
5
<div class="father">
<span id="child">hello jade!</span>
<img src="jade.jpg"/>
</div>
<! -- a comment -->

阅读全文

Fork me on GitHub