整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
如下的快捷方式非常有用，能够极大的提升你的工作效率：
CTRL + U 剪切光标前的内容CTRL + K 剪切光标至行末的内容CTRL + Y 粘贴CTRL + E 移动光标到行末CTRL + A 移动光标到行首ALT + F 跳向下一个空格ALT + B 跳回上一个空格ALT + Backspace 删除前一个单词CTRL + W 剪切光标后一个单词
Shift + Insert 向终端内粘贴文本
那么为了让上述内容更易理解来看下面的这行命令。
sudo apt-get intall programname
如你所见，命令中存在拼写错误，为了正常执行需要把“intall”替换成“install”。
想象现在光标正在行末，我们有很多的方法将她退回单词install并替换它。
我可以按两次ALT+B这样光标就会在如下的位置(这里用指代光标的位置)。
sudo apt-get install programname现在你可以按两下方向键并将“s”插入到install中去了。
如果你想将浏览器中的文本复制到终端，可以使用快捷键"shift + insert"。
.使用nohup在登出SSH会话后仍运行命令
如果你用ssh登录别的机器时，nohup命令真的非常有用。那么怎么使用nohup呢?
举个例子，因为测试的需要，我用树莓派来下载发行版。一般我总是用SSH从笔记本电脑连接到树莓派。如果我在不用nohup的情况下使用树莓派下载大型文件，那我就必须等待到下载完成后，才能登出ssh会话关掉笔记本。可如果是这样，那我为什么要使用树莓派下文件呢?
使用nohup的方法也很简单，只需如下例中在nohup后输入要执行的命令即可：
nohup wget http://mirror.is.co.za/mirrors/linuxmint.com/iso//stable/17.1/linuxmint-17.1-cinnamon-64bit.iso &
页面可见性API
该API可以用来检测页面对于用户的可见性，即返回用户当前浏览的页面或标签tap的状态变化。 在最小化浏览器、切换tap页面时生效.(如需对app中几个webview进行切换操作时，可使用pageVisibility接口进行相应的事件监听和处理。)
page visibility的介绍
【document.hidden】：该值表示page是否是可见的,值为boolean值
【document.visibilityState】：这个visibilitystate可有三个值得可能
【visible】：表示该page是处于最前面的页面并且不是处于一个最小化的窗口
【hidden】：表示该page不是处于最前面的页面或者是处于一个最小化的窗口
【prerender】：表示该页面内容正在重新渲染并且该页面对于用户是不可见的
【isibilitychange Event】：监听window visibility 的改变的事件
相关代码：
// 设置隐藏属性和可见改变事件的名称，属性需要加浏览器前缀
// since some browsers only offer vendor-prefixed support var hidden, state, visibilityChange;
if (typeof document.hidden !=="undefined") {
hidden="hidden";
visibilityChange="visibilitychange";
state="visibilityState";
} elseif (typeof document.mozHidden !=="undefined") {
hidden="mozHidden";
visibilityChange="mozvisibilitychange";
state="mozVisibilityState";
} elseif (typeof document.msHidden !=="undefined") {
hidden="msHidden";
visibilityChange="msvisibilitychange";
state="msVisibilityState";
} elseif (typeof document.webkitHidden !=="undefined") {
hidden="webkitHidden";
visibilityChange="webkitvisibilitychange";
state="webkitVisibilityState";
}
// 添加一个标题改变的监听器
document.addEventListener(visibilityChange, function(e) {
// 开始或停止状态处理
}, false);
除此之外， 众所周知，解析 DNS 是网站性能优化的比较重要的一部分，虽然加载时间不太长，但是很难压缩起来。特别是为了并发下载资源而使用多个 CDN 域名来加载资源的大型网站，更不可忽视，每加载资源之前都要先进行 CDN 域名的 DNS 解析转换。如果采用 DNS 预加载，支持该功能的浏览器就会提前对该域名进行 DNS 解析并且缓存一下，而不会在需要请求资源再进行解析。而且这个功能应用实在是太简单：
代码如下:
<link rel="dns-prefetch" href="http://cdn.staticfile.org/">
<link rel="dns-prefetch" href="//www.google-analytics.com">
Sublime Text是一个代码编辑器，也是HTML和散文先进的文本编辑器。
本文通过实例来介绍项目中常用快捷键和插件的用法，熟悉快捷键和引用插件可以极大地提高我们的开发效率。
输入“html:5”后点击Tab键或输入“!”后点击Ctrl+E都能转换为html5的骨架结构，转换为的代码如下图：
Tips：需安装Emmet插件；
右下角的文本类型要选为“html”。
输入“div.wrapper>div.header>span.title{标题}”或“ul.lis>li*5>p.title+p.content”后点击Tab可以快速生成相应的代码，转换为的代码如下图：
Tips：上面两种写法只是其中的一部分，大家可以自己练习多种组合；
img[src="face/bd/$.gif"] ＋Tab，bd目录下自动从1开始到最后，适合于一次性增加从1--多个的图片。
“Ctrl+Shift+P”用于快速更改文件类型（js/css）（第一图）、安装插件（第二图）等，如下图：
“Ctrl+G”用于快速定位到行数，比如审查元素知道修改的样式在那一行，就可以点击快捷键，然后输入行数，就能定位到相应的位置进行修改；
“Ctrl+C”用于撤回信息，而“Ctrl+Y”用于恢复信息，都可多次操作；
“Ctrl+/”用于注释信息，可单行也可以多行；
“Ctrl+F”用于查找输入的内容，可往前、往后或全部查找；
“Ctrl+Shirt+D”用于复制游标所在行；
“Ctrl+D”用于选择游标所在单词，连续“Ctrl+D”实现多个选择（选择与第一次选择相同的单词）；如果中间有要跳过的相同单词，可以先点击“Ctrl+K”再点击“Ctrl+D”；
“Alt+F3”用于选择所有与游标所在单词相同的单词，跟上面一个快捷键对于批量修改非常方便。
“Alt+Shift+1/2/3”，后面数字表示要显示多少列，如下图，对于参照html编写css和js有很大的便利。
Tips：从标题到这块是最经常用到的快捷键，一定熟悉记住。
“Ctrl+] ”增加缩进，“Ctrl+] ” 减小缩进，好的排版有利于查看；
“Ctrl+Shift+V”保持缩进粘贴，直接用“Ctrl+V”有时会导致显示排版乱了，使用该快捷键可以保持原来的排版；
“Ctrl+PgUp”往前切换Tab栏的文件，“Ctrl+PgDn”往后切换Tab栏的文件；
“/**+Tab”常用于js的自动补全注释信息和内容；
“Ctrl+P”用于快速查找并打开文件，点击快捷键后打开命令面板，直接点击就可以打开文件，也可以进行搜索操作；
“Ctrl+L”用于选择单行；
“Ctrl+H”用于查找替换，可替换单个或全部替换；
“Ctrl+Shift+Enter”在当前上方添加一行；
右键点击“Open Containing Folder”可以打开该文件的本地目录。
“Ctrl+Shift+P”打开命令面板，输入range点击第一条就会出现了，然后输入开始和结束数字，可以批量修改序号，需安装插件Text Pastry。
“跟踪函数ctags”在使用函数调转功能前，需要先生成.tags文件，只需在项目文件管理器的项目文件上右键点击Ctags:Rebuild Tags即可（注意，在改动文件之后会重新生成.tags）；所有工作都准备充分之后，就可以在函数名上右键点击navigate 头definition跳转到指定函数了，返回用jump back，需安装插件ctags。
直接安装：直接下载安装包解压缩到Packages目录（菜单->preferences->Browse Packages）；
使用Package Control组件安装（在线安装）：点击“Ctrl+`”，然后输入“import urllib.request,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())（）”回车，下载完毕后，重启Sublime Text程序；如果在Perferences->中看到package control这一项，则安装成功。
Tips：输入代码为3版本，其他版本代码可以百度搜索。
用Package Control安装插件的方法，按下“Ctrl+Shift+P”调出命令面板，输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。
比如“Emmet”，在搜索框输入“Emmet”，列表就会显示插件“Emmet”，然后点击该条数据，就会开始安装该插件，安装信息可查看左下角。
Tips：安装插件时保持网络畅通，避免插件由于网络原因奔溃。
常用插件的用法说明：
Emmet（原名 Zen Coding）：一种快速编写html/css的方法；
Autoprefixer：CSS3私有前缀自动补全插件；
AutoFileName：显示路径下文件名；
SyncedSidebarBg：自动同步侧边栏底色为编辑窗口底色；
HTML-CSS-JS Prettify：html/css/js格式化工具，依赖node.js，格式化的HTML不能有中文和中文符号等，HTMLPrettify.sublime-settings路径对应node安装目录，使用快捷键“Ctrl+Shift+H”；
sublimelinter：检查js语法；
jQuery：补全JQ代码；
Text Pastry：可以一次性改批量序号，用法快捷键里面有介绍；
ctags：跟踪函数，用法快捷键里面有介绍；
Less2Css：保存less文件时候自动生成css文件，windows下，Less2CSS对lessc.cmd有依赖，请下载：https://github.com/duncansmart/less.js-windows/releases后并将其路径（ E:/Less）添加至系统环境变量中；一般建议生产环境不使用less，所以这个还是蛮方便的；
SideBarEnhancements：设置浏览器，如下图。
在很多浏览器只是提供了一个工作平台，用户要想实现相关功能的话，必须安装对应的功能扩展才可以。但是功能扩展安装一多，浏览器就会造成系统资源的增加，这样用户在浏览的时候就会变得非常的缓慢。而功能脚本在很多时候可以起到功能扩展的作用，而且几乎不占任何的系统资源，所以很多时候我们可以利用它来完成需要的操作。
功能找本需要扩展的支持
现在我们使用的常见浏览器实际上都无法直接安装或者使用功能脚本，所以要想在浏览器里面使用功能脚本的话，必须安装相应的功能扩展来进行支持才行。比如我们首先运行Opera这款浏览器，现在点击浏览器左上角的图标按钮，在弹出的菜单中选择“扩展”菜单中的“获取扩展”命令，这样就进入到该浏览器的应用商店里面（图1）。
通过搜索功能来查找“Tampermonkey”或者“Violentmonkey”关键词，用户就可以选择一个喜欢的扩展来进行安装，我们这里选择的是“Violentmonkey”这款功能扩展。以后通过这款功能扩展不但可以进行功能脚本的管理操作，还可以及时的调用相应的功能脚本来进行浏览器功能的加强。
小提示：
由于Opera这款浏览器是在谷歌浏览器的基础上开发的，所以包括谷歌浏览器、360浏览器、百度浏览器等都需要安装这款功能扩展来支持功能脚本。如果用户使用的是火狐浏览器的话，除了选择上面的功能扩展以外还可以选择“Greasemonkey”这款功能扩展。另外如果用户的浏览器不支持功能扩展的话，那么可以安装AdGuard这款软件来进行辅助支持。
视频站启用HTML5播放器
现在随着网络带宽的不断提升，很多用户都改变了以前下载网络视频的习惯，改而直接在网络中进行在线的观看。通常要想进行在线观看的话，都需要在系统里面安装Flash播放器才可以。但是随着技术的不断提升，HTML5播放器已经开始逐步替换Flash播放器。那么如何强制让视频网站使用HTML5播放器呢？
我们首先通过opera浏览器打开“Greasy Fork”这个网站（https://greasyfork.org/zh-CN），这个网站也就相当于一个功能脚本的应用商店。接下来在网站的搜索框里面输入“视频站启用HTML5播放器”这个关键时，就可以查找到对应的功能脚本（图2）。
点击链接以后打开脚本的管理页面，再点击页面中的“安装此脚本”按钮。这时就会弹出一个安装脚本的确认窗口，点击右上角的“确认安装”按钮就可以了（图3）。
从此以后我们无论是打开国内的视频网站还是国外的视频网站，功能扩展就会自动激活“视频站启用html5播放器”这个功能脚本，这样网页就会强制使用HTML5播放器来进行视频播放（图4）。
而且通过一些常见的快捷键还可以对视频的播放进行控制，比如点击空格键就可以进行视频的暂停操作，利用方向键可以进行视频的加速 或者音量的调节，另外利用Shift+回车键就可以进行视频的网页全屏播放。从此以后，即使是用户的电脑系统没有安装Flash播放器的话，那么也不会像从前那样要求用户下载安装Flash插件以后再进行播放操作（图5）。
B站播放器的设置和调整
喜欢二次元的朋友都知道“哔哩哔哩”这个网站，虽然这个网站默认已经支持了HTML5播放器，但是这个自带的播放器功能非常的有限。那么如何可以增强播放器的功能，从而更好的对网站视频进行控制操作呢？
我们首先按照前面的方法来搜索安装“哔哩哔哩（bilibili.com）播放器调整”这个功能脚本，以后我们在B站任意打开一个视频的网页链接后，在视频播放窗口的右侧就可以看到一个名为“播放器调整”的选项，点击该选项以后就可以进行相关参数的设置。在弹出的对话框中我们不仅可以设置视频播放相关的快捷键，还可以设置视频播放的模式。通常情况下视频播放采用的是“自动宽屏”这种模式，当然用户也可以设置为“自动网页全屏”或者“双击全屏”的模式。当然用户经常在晚上进行视频观看的话，还可以勾选“自动播放器关灯”的选项（图6）。
微博图片全部大图来显示
微博作为现在最为流行的社交媒体，自然会受到不少用户的关注。而关注的内容中除了文字信息以外，当然也包括各种各样的图片信息。但是通常要想查看发布的图片信息，需要经过多个不同的操作步骤才可以看到。那么如何将原始图片直接显示出来呢？
首先安装“微博图片全显示”这个功能脚本，从此以后用户只需要点击每个微博的永久链接。进入到这个微博的内容页面后该脚本就会自动，将全部图片的原始大图给列出来，这样就省去了用户不断点击鼠标的麻烦（图7）。进入微博永久链接的方法也非常简单，只需要点击该微博发布的时间链接就可以了。
微博图片悬浮方式的显示
虽然通过原始大图的方式进行显示，查看起来非常的方便。但是也有一个非常明显的问题，就是这些图片由于尺寸大小不同，这样在进行排版的时候就会出现内容错位的情况。所以如果用户觉得这种方式阅读起来不方便的话，那么我们还可以通过图片悬浮显示的方式来进行展示。
首先安装“MiniblogImgPop-微博浮图”这个功能脚本，以后当用户需要查看某个微博图片的大图时，只需要将鼠标移动到这张图片的缩略图上，就会以虚浮的方式马上展现出这张图片的大图，这样浏览起来就更加的方便了（图8）。而且这个功能脚本不仅可以对微博图片进行查看，还支持百度贴吧、QQ空间、淘宝等一系列主流的社交媒体。
*请认真填写需求信息，我们会在24小时内与您取得联系。
