【每日Linux命令】history命令

Linux系统中【history】命令的作用就是在终端中显示所有执行过的命令。
1.显示或者修改命令的执行时间
有时候系统默认不显示历史命令的执行时间或者我们想要更改时间的格式,可以通过添加或者修改“HISTTIMEFORMAT”变量来实现。
例如本人的历史命令时间格式是“%Y-%m-%d %H:%M:%S”;而我想要修改为:“%Y/%m/%d %H:%M:%S”,可以通过在.bashrc文件中添加或者修改变量来实现。
linux_history_1
添加完成后,执行【source .bashrc】让其生效,就可以使其生效。
linux_history_2
2.设置历史命令保存和显示的数量
Linux系统中历史命令默认保存在.bash_history文件中,变量“HISTFILESIZE”和“HISTSIZE”分别用来控制保存的数量和显示的数量。
“HISTFILESIZE” 可以控制文件中最多保存的命令数量。
“HISTSIZE” 可以控制终端最多显示的命令数量,即显示.bash_history文件中最后的若干行。
如下图,终端最多只能显示最后的10行历史命令:
linux_history_3
提示:通过设置“HISTSIZE”变量为0,可以实现禁用history命令的功能。
3.常用命令
【history n】列出最近执行的n条命令
【!Number】运行history中指定编号的命令(注:!和编号之间没有空格)
【!!】重复执行上一条指令
linux_history_4
提示:重复执行上一条命令除了使用【!!】还可以有多种实现方式
a).使用向上箭头查看向上指令,然后回车执行
b).使用【!-1】命令
c).使用按键Ctrl+P显示上一条指令,然后回车执行
阅读余下全文 »

【BUG】ExtJS3.4.0的Grid中垂直滚动条导致列错位的解决方法

当ExtJS3.4.0版本(其之前的版本应该也存在此问题)的Grid组件中同时存在水平和垂直滚动条时,在Chrome浏览器下(基于webkit渲染引擎下的浏览,safari也存在,本人未测)垂直滚动条会导致内容列错位。这是一个浏览器兼容性的ExtJS原生BUG(EXTJSIII-47),在ExtJS3.4.2版本中解决了。
具体效果如下图:
ext-3.4.0-grid
通过上图,可以明显的看到Grid组件的内容列发生“错位”的现象。
阅读余下全文 »

【ExtJS扩展组件】Grid单元格超链接组件

很久没有写博客了,最近项目任务实在是繁忙,而且私事也有一大推,总是感觉时间一晃就过去了,没有空闲时间。本来准备一直写下去的CSS系列,也只能暂时停止了,毕竟手中的工作要紧。
抱怨归抱怨,我们还是得打起精神,收拾心情,直接去面对。
回归正题,这篇文章主要介绍一个实现grid单元格超链接状态的一个扩展组件,和前两篇文章的组件有点类似:ExtJS中实现Grid的单元格内容换行ExtJS中实现Grid的单元格内容提示
使用它可以比较方便的实现grid单元格的超链接状态,而不用去配置renderer属性,非常适合在项目中有大量使用单元格超链接的情形。
组件的代码如下:

阅读余下全文 »

【CSS菜鸟实践之旅四】实现网页回到顶部功能

如果仔细观察,可以发现在主流网站中,几乎都会有回到顶部的功能,它可以使用户较方便的返回至页面的起始位置,而避免用户手动操作滚动条。
它的实现其实比较简单,附上本人实现的简单Demo:回到顶部示例
实践总结:
1.【position: fixed】
它的作用是生成绝对定位的元素,相对于浏览器窗口进行定位的。
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
示例中就是把回到顶部“按钮”固定放置于距浏览器窗口右侧30px和距浏览器窗口下方30px的右下方。
2.【border-radius: 4px
为元素添加圆角边框,是CSS3的新增属性。
关于元素圆角效果,这里再次复习和强调,比较兼容的写法为:

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

详细可以参考:CSS3圆角详解

【CSS菜鸟实践之旅三】实现菜单列表前的自定义图标

今天实践的内容是:菜单列表前添加自定义图标,实现以下效果:

Demo示例地址:菜单列表圆点示例
总结:
1.【background】属性,主要包含以下5个主要的配置项:

* background-color: 指定填充背景的颜色。
* background-image: 引用图片作为背景。
* background-position: 指定元素背景图片的位置。
* background-repeat: 决定是否重复背景图片。
* background-attachment: 决定背景图是否随页面滚动。

并且可以把各个属性合为一行,而不用每次都单独把他们写出来
例如:

background: url(image.jpg) 50% 0 repeat-y;

更加详细的【background】属性,请参考:CSS背景全攻略
2.实现的方法大体如下:
第一步:通过【list-style: none】隐藏列表可能自带的圆点。
第二部:放置自定义图标作为列表项的背景图片。
第三步:通过【background-position】配置项定位图标的位置,此例中配置为:【background-position: 15% center;】,即图标在水平位置上处于列表项15%宽度的位置,垂直位置上处于中央。


Medicine will be delivered to canada pharmacy ']&* generic viagra when offering pharmacist tips.