月度归档:2016年11月

【转】折腾了一下Terminal(终端)之iTerm2

iTerm2.png

很早之前@GhostBoyZone发给我一个关于iTerm 2的主题配置,收藏了,后来也分享给小伙伴们了,特此来Mark到自己的博客里面,顺便修复了字体的问题。

或许别人会觉得这个主题过于花哨,萝卜白菜各有所爱。还有很多大神直接用vim(应该算个神器吧?)。

iterm2-zsh-agnoster-git.png

所以正文从这里开始咯…


终端应用:iTerm2

下载安装,这个你懂的。

Command + , 打开偏好设定窗口:

  1. Profiles / Window,把 Settings for New Windows 中的 Style 改成 Left of Screen 让它在屏幕左侧显示(在宽屏显示器上效果不错)
  2. Keys,勾选 Hotkey 中的 Show/hide iTerm2 with a system-wide hotkey,然后设定一个热键。我个人偏爱 Command + .
    现在按 Command + . 就可以随时调出或者隐藏 iTerm2 了。

<!– more –>

配色方案:Solarized Dark

下载,解压,打开 iTerm2 的偏好设定,Profiles / Colors,最下面的 Load Presets … / Import… 加载 iterm2-colors-solarized/Solarized Dark.itermcolors 配色方案。

Z-Shell

系统自带了 4.0 版的 zsh,但我们可以用 brew install 安装最新的 5.X。

brew install zsh
sudo rm /bin/zsh    # 替换系统自带 zsh
sudo ln -s `brew --prefix zsh`/bin/zsh /bin/zsh
chsh -s /bin/zsh  # 切换系统当前用户的默认 shell 为 zsh

安装完毕,Command + W 关闭 iTerm2 当前窗口,然后按 Command + . 重新打开,此时 shell 已经换成 zsh 了。

oh-my-zsh

这是一套十分强大的 zsh 配置方案。

curl -L https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh | sh

<del>下载这个字体补丁并安装,给系统中的 Menlo 字体进行增补。</del>

安装字体Monaco for Powerline。(@GhostBoyZone)

链接: https://pan.baidu.com/s/1bp7SfeR 密码: tbbk

打开 iTerm2 的偏好设定,Profiles / Text,把 Regular Font 和 Non-ASCII Font 都换成 Menlo,大小为 14pt Regular。

编辑 ~/.zshrc 文件:

ZSH_THEME="agnoster"          # 使用 agnoster 主题,很好很强大

DEFAULT_USER="你的用户名"     # 增加这一项,可以隐藏掉路径前面那串用户名

plugins=(git brew node npm)   # 自己按需把要用的 plugin 写上

其中插件可以看这里https://github.com/robbyrussell/oh-my-zsh/wiki/Plugins

另外,建议把末尾的 export PATH 稍微调整一下,比如 Homebrew 就建议 /usr/local/bin 应该优先于 /usr/bin;另外也可以自己加上比如 Ruby Gems 目录 /usr/local/opt/ruby/binNode.js NPM 目录 ~/bin 等。

export PATH=/usr/local/bin:/usr/local/sbin/:$HOME/bin:$PATH

关于 Homebrew 的路径,比如 zsh 这个包可以通过 brew --prefix zsh 知道它的目录是 /usr/local/opt/zsh,关于这些链接:

  • /usr/local/opt/zsh 目录 -> /usr/local/Cellar/zsh/版本号 目录
  • /usr/local/bin/zsh 文件 -> /usr/local/Cellar/zsh/版本号/bin/zsh 文件

所以就有了上面那条 chsh -s 命令的写法。

重新打开 iTerm2 窗口,配置完成。玩的愉快 😜


参考资料

转自:http://xingrz.me/2013/2013-06-19/terminal-zhuangbility.html

wc: command not found

wc: command not found

环境:macOS Sierra 10.12.1 (16B2555)

今天^2016.11.17在用户目录下面,编辑.bash_profile的时候把PATH的值写错了,结果就出现了小白心惶惶的现象;

wc: command not found 01.jpg

wc: command not found 02.jpg

出现这样的现象,sudocdvi等之类的命令都不能用,迷之尴尬啊,心慌了,怎么才能把.bash_profile里的PATH值修改了呢,就想到了Sublime Text编辑器可以显示隐藏文件,遂把整个用户目录丢到了编辑器里面,找到相应的值,加以修正,这才安心下来。😂

解决方法:

把用户目录丢到sublime text3里面修改了正确的PATH值。

点滴记录,fix it。

CSS中的z-index的最大值

z-index
图片来自:www.annyhe.com/zindex/#3

z-index属性指定了一个元素及其子元素的 z-order。 当元素之间重叠的时候,z-order 决定哪一个元素覆盖在其余元素的上方显示。 通常来说 z-index 较大的元素会覆盖较小的一个。 —MDN z-index

<!– more –>

z-index sample

业务代码中看见了这样一段code,然后想都没有想,直接把另一个元素的z-index值设置为:999999999999999 + 1,就能把它覆盖掉吧,结果并没有那么理想。◻︎_-||

然后就去查找z-index在各个浏览器中的最大值是多少呢,Google了一番找到了下面这个表格,

Browser Max z─index value When exceeded, value changes to:
浏览器 最大值 超过时,值的变化:
Firefox 0-2 2147483647(length:10) element disappears/元素消失
Firefox 3 2147483647(length:10) 0
Firefox 4+ 2147483647(length:10) 2147483647(length:10)
Safari 0-3 16777271(length:8) 16777271(length:8)
Safari 4+ 2147483647(length:10) 2147483647(length:10)
Internet Explorer 6+ 2147483647(length:10) 2147483647(length:10)
Chrome 29+ 2147483647(length:10) 2147483647(length:10)
Opera 9+ 2147483647(length:10) 2147483647(length:10)

举个栗子:

<iframe height=’365′ scrolling=’no’ title=’z-index max value’ src=’//codepen.io/Keystion/embed/mOEBzO/?height=365&theme-id=dark&default-tab=css,result&embed-version=2′ frameborder=’no’ allowtransparency=’true’ allowfullscreen=’true’ style=’width: 100%;’>See the Pen <a href=’http://codepen.io/Keystion/pen/mOEBzO/’>z-index max value</a> by Keystion (<a href=’http://codepen.io/Keystion’>@Keystion</a>) on <a href=’http://codepen.io’>CodePen</a>.
</iframe>

特此而来Mark一下,没有辣么多浏览器,也就测试了下:

  • chrome(版本 54.0.2840.87 (64-bit)
  • Safari(版本 10.0.1 (12602.2.14.0.7)
  • Firefox(49.0.2

参考文献:

快速切图

第一种

按C用切片工具,然后随便框选你要的内容,F3(mac可能是Fn+F3),然后cmd+n,ctrl+v或者(F4)(mac可能是Fn+F4)
整个过程不用3s

第二种

把你的要图层设置成组,然后命个名,比如xxx.png
然后菜单 > 文件> 生成 > 生成xxx资源什么鬼的
然后保存

第三种

把你要的图层合并,M,cmd+c,cmd+n,cmd+v

其他

第三方工具,一大堆

By:Evan

Coder 2 Leader

coder2leader

公司内部TechDay分享,有@Terry主讲,学习了很多,特此Mark一下。

困惑一:Code vs People

机器/人

  • Code:可控
  • People:多变
    <!– more –>
    从code和人的角度去阐述了coder转变到leader的过程,了解团队中的每一个人,学习他们的经验。即使没有做过管理也无妨,尝试去管理一件件小事情开始。

困惑二:0/1 vs X

灰色

  • 0/1(二进制):正确/错误
  • X(未知数):没有固定值,管理没有正确、错误,有足够产出的团队就是好团队

对于初学者而言需要“暴力”②,成则成,败则败。

Leader和手下员工比例在:1 vs 7的情况下是有时间去贴身管理每一个人的,超出这个范围将无法贴身去管理一些细节问题。

困惑三:权利双刃剑

时间/效率

管理是双向的,向上的管理,角色转换Coder care Leader需要什么?Leader care 产出。

空降Leader如何去管理?

前因后果了解之后再去使用权力,后来者天生具备弱势,相信认可别人,用实例(力)去证明,黔驴技穷之时可使用权力。

困惑四:沟通力量

意大利人/赞比亚人(小故事)①

  • 简介:意呆利人去援助赞比亚,教当地人种地,当地人表示毫无兴趣。于是意呆利人就自己在河谷边种了番茄,长势喜人。成熟的那一晚,从赞比西河里跳出200多头河马,把西红柿吃个精光。第二天,意呆利人完全惊呆了,赞比亚人过来拍了拍肩膀安慰说:没错,这就是我们不在这里耕种的原因。

困惑五:公开演讲

TED Talks


注:

  1. 木头的体积
  2. 暴力:条件允许的情况下贴身管理,工期紧任务重;
  3. 网易公开课上有段关于这个的演讲《想要帮助别人?闭嘴,听人家说!》