一段请求jsonp的接口返回的数据，如下：

1

'callback({"name":"sair","data":"2017/09/14 14:31:00"})'

阅读全文

em

相对于父元素的font-size

计算公式：

1

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

如果元素设置了字体大小，此元素的其他属性，如：border、width、height、padding、margin、line-height计算就需要安装这个公式：

1

1 ÷ 元素自身的font-size × 需要转换的像素值 = em值

阅读全文

基本用法

position:sticky，它是相对定位（position:relative）和固定定位（position:fixed）的混合。

使用它，我们不再用监听scroll事件，即可实现导航栏滚动绝对定位的效果。

阅读全文

博客顺利从jekyll转为Hexo，记录如下

常用命令

1
2
3
4
5
6
7
8

# 启动本地环境
$ hexo s -g

# 发布更新博客
$ hexo d -g

# 创建新文章
$ hexo new "pageName"

更多命令和技巧参考hexo中文官网

最近做项目时老是觉得要不停的查flex属性用法，甚至不爽。一怒之下写了个工具。

传送门：flex-tool

官方版本

vscode快捷键有5种组合方式

1. Ctrl+Shift+? 常规组合
2. Ctrl+K F 先组合后单键组合方式
3. Ctrl+V Ctrl+V 同时依赖一个按键的组合
4. Alt+mouseClick 按键+鼠标点击
5. Alt+mouseDrag 按键+鼠标拖拽

全局命令面板

Ctrl+Shift+P/F1 展示全局命令面板

Ctrl+P 模式

在Ctrl+P下输入>又可以回到主命令框Ctrl+Shift+P/F1模式。

阅读全文

苹方字体在手机端的展示效果如下：

苹方字体

苹方-简

测试字体 123456789 abcdefg ABCDEFG

苹方-简 常规体

测试字体 123456789 abcdefg ABCDEFG

阅读全文

译文，来自：How to get your kids to 18, sane and not hating you

七位作者为大家讲述父母之道，都是他们希望在开始时就懂得的事

最艰难的客户

我第一次怀孕的时候，还是一个装逼的公司律师，习惯于自作主张。我真正需要的就是那时有人告诉我：“了解你最坏的客户吧？就那个半夜两点给你打电话，只为告诉你你多差劲的那家伙；或者那个突然就需要什么莫名的表格的混蛋，你只好翻天翻地给他找，找到了他又发火说那不是他想要的东西，虽然这确实是他要的。恭喜啊，现在你就同一个小小版的客户生活在一起了。悲哀的是，你学过的一切对这个新客户都还没有一点用处。”

阅读全文

本文描述了工作中涉及Date对象都是一些坑的写法。

涉及移动端，测试时userAgent如下：

PC

1
2
3
4
5
6
7

// Chrome
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) 
Chrome/49.0.2623.87 Safari/537.36

// Safari
Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) 
Version/5.1.7 Safari/534.57.2

Mobile

阅读全文

约定：IE7+ 意思为大于（含IE7）的浏览器

CSS1 & CSS2.1 选择器

基础选择器

阅读全文