整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5干货:几个个炫酷的简单实用技巧

如下的快捷方式非常有用,能够极大的提升你的工作效率:

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 的改变的事件

相关代码:

  1. // 设置隐藏属性和可见改变事件的名称,属性需要加浏览器前缀

  2. // since some browsers only offer vendor-prefixed support var hidden, state, visibilityChange;

  3. if (typeof document.hidden !== "undefined") {

  4. hidden = "hidden";

  5. visibilityChange = "visibilitychange";

  6. state = "visibilityState";

  7. } elseif (typeof document.mozHidden !== "undefined") {

  8. hidden = "mozHidden";

  9. visibilityChange = "mozvisibilitychange";

  10. state = "mozVisibilityState";

  11. } elseif (typeof document.msHidden !== "undefined") {

  12. hidden = "msHidden";

  13. visibilityChange = "msvisibilitychange";

  14. state = "msVisibilityState";

  15. } elseif (typeof document.webkitHidden !== "undefined") {

  16. hidden = "webkitHidden";

  17. visibilityChange = "webkitvisibilitychange";

  18. state = "webkitVisibilityState";

  19. }

  20. // 添加一个标题改变的监听器

  21. document.addEventListener(visibilityChange, function(e) {

  22. // 开始或停止状态处理

  23. }, 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">

TML5的出现,掀起了Web时代的新浪潮,各大浏览器也都纷蓊支持HTML5。HTML5可以使网页内容更加丰富,不仅可以显示三维图形,还可以在不使用Flash插件的基础上实现音频、视频播放等。HTML5是向下兼容HTML4的,它是在HTML4的基础之上,加进了一些新的标记、属性、功能的一个新的超文本标记语言,例如HTML5拥有新的HTML文档结构、新的CSS标准、API等。

HTML5可以实现与原生APP相媲美的应用,不用另行下载安装,完全靠浏览器就可以运行。

HTML5可以让开发人员在不使用Flash插件或第三方媒体插件的情况下,让用户浏览网页中的视频或音频,大大降低了开发应用的成本与时间。HTML5还提供了很多的应用程序接口(API),例如基于浏览器支持的图形API、地理信息API、本地存储API和视频播放相关的API等,这些API使得我们开发一个功能型的应用变得更加容易了。

同时,HTML5是一种可以被PC、Mac、iPhone、iPad和Android手机等多种客户端测览器支持的跨平台语言。如今,Web时代已被移动端主导,不管是在手机上还是在平板电脑上,随处可以见到HTML5网站、HTML5应用软件以及HTML5游戏,HTML5又作为移动端开发的主流语言,这都说明HTML5是前途无量的。

tml5 基本常用9个标签

  1. <!DOCTYPE> 定义文档类型
  2. <html>定义一个 HTML 文档
  3. <title>为文档定义一个标题
  4. <body>定义文档的主体
  5. <h1> to <h6>定义 HTML 标题
  6. <p>定义一个段落
  7. <br>定义简单的折行。
  8. <hr>定义水平线。
  9. <!--...-->定义一个注释

html5 表格标签

  1. <form>定义一个 HTML 表单,用于用户输入。
  2. <input>定义一个输入控件
  3. <textarea>定义多行的文本输入控件。
  4. <button>定义按钮。
  5. <select>定义选择列表(下拉列表)。
  6. <optgroup>定义选择列表中相关选项的组合。
  7. <option>定义选择列表中的选项。
  8. <label>定义 input 元素的标注。
  9. <fieldset>定义围绕表单中元素的边框。
  10. <legend>定义 fieldset 元素的标题。
  11. <datalist>规定了 input 元素可能的选项列表。
  12. <keygen>规定用于表单的密钥对生成器字段。
  13. <output>定义一个计算的结果