最近做了一个表单，需要提交好多信息和一些图片，后台的同学说要图片随着表单一起提交。那就不能用 ajax 单张上传了~
图片的话，最多可以选8张，选中了的也可以取消掉，因为并没有传到服务器，所以删除很easy。
然后我就想到了可以用 FormData 来做，因为之前好像用过，感觉很方便。
FormData
The FormData interface provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using t继续阅读 »
有些网站的导航下面会有一到杠，鼠标在各个导航之间移动的时候，这一道杠也会跟着动，很好看，就像这个
See the Pen ooo-nav by Oliver (@ochukai) on CodePen.
我把她叫做小精灵。
原理
实现这个其实不难，当鼠标移动到某一个菜单上面时，小精灵滑入（至于方向，如果鼠标从右边进入菜单，那就从右向左滑），然后当鼠标移出时，小精灵跟着也移出菜单， 同时如果鼠标恰好移进了另一个菜单，下一个菜单的进入动画也开始播放，连续起来的话就像是小精灵跟着过来了。
实现
菜单
菜单的话当然是用 ul 来实现了
html
我的
导航栏
非常
牛逼
小精灵
这个小精灵该怎么实现继续阅读 »
@keyframes
基本写法是一个开始状态和一个结束状态：
css
@keyframes demo-anim {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
See the Pen QNbBOy by Oliver (@ochukai) on CodePen.
其中 animation-iteration-count: number or infinite; 可以设置循环次数，infinite为无限次
还可以定义的很详细：
```css
@keyframes demo-anim {
from {
transform: translate继续阅读 »
最近在写一个动画效果，使 ul 下面的 li 逐个进入，就像下图
做这个效果用到了 css 的 animation 中 animation-delay，给 li 设置入场动画后，再给 li 设置 animation-delay，像这样：
css
.li-animation-delay-1 {
animation-delay: 0.1s;
}
并且每一个 li 的 animation-delay 都比前一个 li 的长 .1s，也就达到了后面的 li 的入场动画后播放的效果。
因为 li 的数量也不确定，所以我打算批量生成一些 li-animation-delay-*, 查了一下 scss 正好有 for 的用法：继续阅读 »
电话好不不想被识别
在网页中的比较长的数字会被微信浏览器自动识别为电话号码，稍不注意可能就使页面变得很难看，与是，在 header 里面加上下面两个 meta 就电话号码就不会被识别了。
html
如果要识别呢？
加一个 tel//*** 就可以了。
html
苹果妹妹专线
400-063-0086继续阅读 »
最近在 mac 上用 terminal 启动 python 的时候经常会提示我，端口被占用了，像这样
bash
0 errors found
February 25, 2016 - 18:25:21
Django version 1.6.7, using settings 'green.settings'
Starting development server at http://0.0.0.0:8000/
Quit the server with CONTROL-C.
Error: That port is already in use.
ps aux | grep python
shell
(kkh)➜ green 继续阅读 »