Mac:技巧集合

2016-09-19
阅读 1 分钟
2.8k
截图 Mac 截图快捷键:1、全屏截图:⌘ + Shift + 32、指定区域截图:⌘ + Shift + 4 按住 Shift 键移动鼠标:锁定选区宽或高; 按住 ⌥ 键移动鼠标:缩放选区大小 3、指定程序窗口截图:按下 ⌘ + Shift + 4 松开,再按下 Space4、按 Esc 中止截图的过程 注:截图默认保存在桌面,格式为 png。 用空格分割 Dock 图标 终端运...

GitHub:技巧集合

2016-08-21
阅读 2 分钟
8.5k
列出所有文件 仓库 URL + find/分支名称,例如:[链接] Raw 文件 在浏览器中以 text/plain 查看原始文件。 例如,GitHub 文件原链接: {代码...} 可通过以下几种 URL 查看 raw 文件: {代码...} 文件下载 不支持 Raw 查看的文件,在浏览器中输入或点击上述查看 raw 文件的 URL 时,会对文件进行下载。因此可以通过这个特...

CSS:布局 - 水平垂直居中

2016-08-12
阅读 2 分钟
3.9k
原理:首先利用 absolute 定位把容器块 左顶角 对准浏览器中心,然后再使用 负 margin 把容器块向左移动自身宽度的一半,向上移动自身高度的一半,即可以把容器块的中心移到浏览器中心。

Sublime Text 3 + LiveReload + Chrome

2016-08-10
阅读 1 分钟
3.3k
macOS 快捷键 ⌘ + ⇧ + P,输入 Install Package,搜索 LiveReload 并回车安装。(Windows 快捷键 Ctrl + ⇧ + P)

CSS:理解行高 line-height

2016-08-08
阅读 1 分钟
4.4k
指文本行基线间的垂直距离。上图任意两条相同颜色的垂直距离也是行高。行高数值上等于 字体大小+行距,而行距的一半(半行距)加在顶线上方,一半加在底线下方。

Mac:更好地工作 - Alfred Workflow 七牛开发者工具 qshell

2016-08-06
阅读 2 分钟
7.1k
alfred-workflow-qshell 是一个配合七牛开发者工具 qshell 使用的 Alfred workflow。它使用了可视化流程后台执行 qshell 命令行,使得文件上传、查询等功能更易用和高效。

PHP:echo、print、print_r() 和 var_dump()

2016-07-14
阅读 2 分钟
5.8k
PHP:echo、print、print_r 和 var_dump echo 和 print echo 和 print 都不是函数,而是 语言结构,所以圆括号都不是必需的。两者十分相似,功能几乎是完全一样。 1、echo 可以输出多个字符串,使用 , 连接 {代码...} 输出:abc 如果你非要加上圆括号,需要注意 {代码...} 2、print 只能输出一个字符串 {代码...} 注意:...

Mac:更好地工作 - Symbolic link

2016-07-13
阅读 1 分钟
5.1k
符号链接可用于集中同步分散的文件。例如 Dropbox 不支持对本地多文件夹、多文件的同步,当某些应用没有数据同步功能或不支持移动应用数据的位置时,可以把这些分散在各处的文件夹、文件移动到 Dropbox 的同步目录,然后在原来的位置上生成一个符号链接指向同步目录中的文件。

Mac:更好地工作 - 应用内快捷键

2016-07-13
阅读 1 分钟
2.6k
1、打开某应用,在 Menubar 中查看某个命令的 名称;2、System Preferences > Keyboard > Shortcuts - App Shortcuts;3、选择相应的应用(同时提供“全部应用”一选项);4、填入 “Menu Title” 中,再设置绑定的快捷键。

JavaScript:JSON 和 JS 对象

2016-07-12
阅读 3 分钟
15.9k
JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式)。数据格式其实就是一种规范,按照这种规范来存诸和交换数据。就好像 XML 格式一样。

前端:移动开发 - 像素、viewport

2016-07-12
阅读 4 分钟
4.8k
物理像素 是物理概念,屏幕是由很多像素点组成的,各像素点通过发出不同颜色的光来呈现屏幕的色彩。它是物理的,随着设备生产出来就已经被确定下来了,比如 iPhone4 的屏幕分辨率为 640×960,就表示屏幕的横向有 640 个像素点,纵向有 960 个像素点。

Mac:更好地工作 - 系统配置

2016-07-12
阅读 1 分钟
2.7k
Mac 所谓的鼠标滚动方向“自然”,可能只有配合自家的 Magic Mouse 使用才和谐,当在使用 Windows 和鼠标滚轮多年的习惯中,就完全不“自然”了。

Mac:更好地工作 - Quick Look 插件

2016-07-11
阅读 1 分钟
8.7k
1、下载插件;2、把 .qlgenerator 文件移动到 /Library/QuickLook 目录下;3、终端执行命令:qlmanage -r

CSS:区别 px、em、rem

2016-07-11
阅读 2 分钟
17.1k
em 的使用是相对于其父级的字体大小的,即倍数。浏览器的默认字体高都是 16px,未经调整的浏览器显示 1em = 16px。但是有一个问题,如果设置 1.2em 则变成 19.2px,问题是 px 表示大小时数值会忽略掉小数位的(你想像不出来半个像素吧)。而且 1em = 16px 的关系不好转换,因此,常常人为地使 1em = 10px。这里要借助字...

基础:ASCII,Unicode 和 UTF-8

2016-07-11
阅读 2 分钟
5.7k
bit:位,一个位就代表一个 0 或 1,二进制单位。数据传输大多是以“位”为单位,例如:100Mbps 即 Mbit/s,兆比特每秒。byte:字节,计算机中用于计量存储容量的一种计量单位。

CSS:选择器

2016-07-11
阅读 3 分钟
2.2k
A B:后代选择器 (所有后代)A > B:子选择器(直接后代)A + B:相邻兄弟选择器(AB为兄弟,仅紧邻 A 的 B 生效)A ~ B:一般兄弟选择器(A 之后的所有 B 兄弟生效)

CSS:em 和 strong 的区别

2016-07-05
阅读 2 分钟
3.8k
在浏览器中,<em> 默认用斜体表示,<strong> 用粗体表示。从样式表现上,<strong> 更加突出,更容易吸引眼光。显然,这种视觉上的差异设计是有目的的。

Git:使用 GitHub 托管代码的简单流程

2016-07-05
阅读 1 分钟
4k
以下操作环境为 Mac 系统,使用 Terminal 执行命令。 安装 Git 下载并安装 Git for Mac。前往 Git 官网 git-scm.com 下载。 配置 Git 信息 1、设置 commit 用户的默认名 {代码...} 2、设置 commit 用户的默认邮箱 {代码...} 3、在上述设置完毕后,可通过这两条命令查看自己的设置 {代码...} 创建 Git 仓库 1、GitHub.com...