Skip to content

Instantly share code, notes, and snippets.

View viko16's full-sized avatar
🎯
Focusing

viko16 viko16

🎯
Focusing
View GitHub Profile
@viko16
viko16 / Preferences.sublime-settings
Last active February 10, 2017 06:42
Sublime Text 3 自己的配置
{
// "color_scheme": "Packages/ayu/ayu-dark.tmTheme",
"create_window_at_startup": false,
"font_face": "Ubuntu mono",
"font_size": 14,
"ignored_packages":
[
"Git",
"GitGutter",
"Vintage"
@viko16
viko16 / pangujs-bookmarklet.js
Created October 14, 2016 03:06
召唤空格之神的小 bookmarklet
javascript:void(function(url, script) {
script = document.body.appendChild(document.createElement('script'));
script.src = url;
script.onload = function() {pangu.spacingPage()};
}('//cdn.bootcss.com/pangu/3.2.1/pangu.min.js'))
@viko16
viko16 / ip-notation.js
Created September 8, 2016 05:54
IP 地址的多种玩法
var ipStr = '180.97.33.107'
var arr = ipStr.split('.').map((el => parseInt(el, 10)))
// 十进制
var ten = arr[0] * Math.pow(2, 24) + arr[1] * Math.pow(2, 16) + arr[2] * Math.pow(2, 8) + arr[3]
console.log('http://' + ten)
// 十六进制
var sixteen = ten.toString(16)
@viko16
viko16 / font.md
Last active August 14, 2016 11:16
挑选字体

Inconsolata

  • Good: 一切都好,非常好看的等宽,第一眼很惊艳
  • Bad: 斜体不太好看,引号太斜几乎不能忍

Monaco

  • Good: 中规中矩,斜体好看
  • Bad: 总感觉是被拉高了,感觉怪怪的,暂时发现小写 m 挤在一起不太好看

Source Code Pro

  • Good: 字体饱满,i l 特别,0 中间带点
@viko16
viko16 / commit-message.md
Last active June 27, 2016 09:41
Commit message 的格式

Header

Header 部分只有一行,包括三个字段:

type(必需)、scope(可选)和subject(必需)。

type

用于说明 commit 的类别,只允许使用下面7个标识。

  • feat:新功能
@viko16
viko16 / grid-float.styl
Created March 2, 2016 08:46
百分比网格布局 #stylus
// Grid
.row
margin-bottom: 2%
&:after
clear: both
&:before, &:after
content: " "
display: table
[class*=col-]
@viko16
viko16 / config.cson
Created February 24, 2016 06:03
Atom 自己的配置
"*":
"atom-beautify":
_analyticsUserId: "c4bbb6d5-8b8e-42b0-ae10-07a10722a74b"
analytics: false
"atom-csscomb":
indentSize: 4
"atom-material-ui":
fonts:
fontSize: 14
tabs: {}
@viko16
viko16 / css3.css
Last active February 9, 2016 17:14
解决 Chrome 下 CSS keyframe animation 导致 CPU 过高的问题 #css
.el {
transform: transition3d(0,0,0);
transform: translateZ(0); /* 推荐 */
}
/*
* 二选一即可
* 强制开启GPU硬件加速
* 参考:
* @url http://stackoverflow.com/questions/13176746/css-keyframe-animation-cpu-usage-is-high-should-it-be-this-way
@viko16
viko16 / formatTime.js
Created August 20, 2014 17:45
人性化时间处理 #javascript
/**
* 格式化时间戳为人性化的时间
* @param {String} publishTime 时间戳
* @return {String} 人性化时间
*/
function formatTime(publishTime) {
var d_minutes, d_hours, d_days;
var timeNow = parseInt(new Date().getTime() / 1000, 10);
var d;
@viko16
viko16 / git.md
Created January 25, 2014 17:06 — forked from suziewong/git.md

github的多人协作

  1. github上你可以用别人的现成的代码 直接 git clone 即可了

  2. 然后你也想改代码或者贡献代码咋办?

Fork