CODE THE WEB

前言

这两天在学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, 先来看效果图:

阅读全文

前言

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

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

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

阅读全文

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

为什么使用Github Pages

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

阅读全文

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

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

阅读全文

本文总结了一些使用CSS的实践经验.

阅读全文