2016年06月_A_山水子农

原创 HTML5 Plus移动App(5+App)开发入门指南

HTML5 Plus应用概述HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。HTML5 Plus规范通过HTML5开发移动App时，会发现HTML5很多能力不具备。为弥补HTML5能力的不足，在W3C中国的指导下成立了

2016-06-29 16:40:43 15987 2

原创 HBuilder之Chrome调试Android手机

调试是软件开发过程中很重要的环节，它能帮助开发者快速的定位和解决开发过程中碰到的问题。对于HTML5的开发，大家都知道Chrome的DevTools工具有强大的功能和友好的用户体验，不仅能快速方便调试JavaScript、检查HTML页面DOM结构、实时同步更新元素CSS样式，还能跟踪分析页面资源加载性能等问题。对于移动平台的开发者来说，从Android4.4（KitKat）开始，也可以通过Chr

2016-06-29 08:52:06 6332

原创 HBuilder之真机运行

真机运行是调试手机App的轻量级常用工具。不管是iOS还是Android，不管是模拟器还是真机，都可以与HBuilder连接进行真机运行。以往开发App，需要改一个界面，然后打包，然后安装到手机上，然后进入那个界面，看看改对了没。没有的话循环这套动作，非常低效。有了真机运行，改了代码后保存，手机立即看到效果，如果在手机上运行时发生错误，那么日志和错误信息也都可以反馈到HBuilde

2016-06-29 08:46:04 9531 1

原创 HBuilder

HBuilder是一个极客工具，追求无鼠标的极速操作。不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。程序员究竟是coder，还是builder，我们坚持后者。不为敲字母而花费时间，不为大小写拼错而调错半天，把精力花在思考上，想清楚后落笔如飞。支撑这个理念，除了体验上的精细设计，还要求我们突破很多世界级技术难题，包括语法库、语法结构模型、AST语法分析引

2016-06-28 20:53:20 5194

原创 HTML5 WebSocket

1、HTML5 WebSocket WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务

2016-06-28 20:44:15 1490

原创 HTML5 服务器发送事件(Server-Sent Events)

1、HTML5 服务器发送事件(Server-Sent Events) HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。2、Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子

2016-06-28 20:42:14 1452

原创 HTML5 Web Workers

1、HTML5 Web Workers web worker 是运行在后台的 JavaScript，不会影响页面的性能。2、什么是 Web Worker？当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时

2016-06-28 20:35:58 712

原创 HTML5 应用程序缓存

1、HTML5 应用程序缓存使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。2、什么是应用程序缓存（Application Cache）？ HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们

2016-06-28 20:32:22 1204

原创 HTML5 Web SQL 数据库

1、HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。2、核心方法以下是规范中定义的三个

2016-06-28 20:29:33 1049 1

原创 HTML5 Web 存储

1、什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户。请求网站数据上.它也可以存储大量的数据，而不影响网站的性能。数据以键/值对存在, web网页的数据只允许该网页访问使用。2、localStorage 和 sessionS

2016-06-28 20:24:33 813

原创 HTML5 语义元素

1、什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.2、HTML5中新的语义元素许多现有网站都包含以下HTML代码： , , 或者 , 来指明导航链接, 头部, 以及尾部。HTML5提供了新的语义元素来明确一个Web页面的不同部分:、、、、、、、

2016-06-28 20:21:15 868

原创 HTML5 表单属性

1、HTML5 新的表单属性HTML5 的和标签添加了几个新属性. 新属性：autocomplete、novalidate 新属性：autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height and width、list、min and max、m

2016-06-28 20:15:30 5923 4

原创 HTML5 表单元素

1、HTML5 新的表单元素 HTML5 有以下新的表单元素:、、注意:不是所有的浏览器都支持HTML5新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。2、HTML5 元素元素规定输入域的选项列表。属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：

2016-06-28 20:05:38 640

原创 HTML5 新的 Input 类型

1、HTML5 新的 Input 类型 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型：color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week 注意:并不是所有的主流浏览器都支持新的input类型，不过您已经可以在

2016-06-28 20:00:51 3109

原创 HTML5 Video(视频)

1、Web站点上的视频直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。2、HTML5 (视频)- 如何工作如需在 HTML5 中显示视频，您所有需要的是：您的浏览器不支持 HTML5 vi

2016-06-28 19:52:20 1741

原创 HTML5 Audio(音频)

1、互联网上的音频直到现在，仍然不存在一项旨在网页上播放音频的标准。今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准，即使用元素。2、HTML5 Audio - 如何工作如需在 HTML5 中播放音频，你需要使用以下代码：您的浏览器不支持 audio 元素。

2016-06-28 19:49:41 992

原创 HTML5 Geolocation（地理定位）

1、定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。2、HTML5 - 使用地理定位请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例，可返回用户位置的经度和纬度:点击按钮获取您当前坐标（可能需要比较长的时间获取

2016-06-28 19:46:55 1335

原创 HTML5 拖放（Drag 和 Drop）

1、拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}function allowDrop(ev){ev.preventDefault();}function dr

2016-06-28 19:42:14 917

原创 CSS(3) 边框

一、CSS 边框1、边框样式边框样式属性指定要显示什么样的边界。border-style属性用来定义边框的样式border-style 值: none: 默认无边框 dotted: dotted:定义一个点线框 dashed: 定义一个虚线框 solid: 定义实线边界 double: 定义两个边界。两个边界的宽度和border-width的值相同 groove: 定...

2016-06-20 16:17:16 1227

原创 CSS 下拉菜单

1、基本下拉菜单当鼠标移动到指定元素上时，会出现下拉菜单。下拉菜单实例|菜鸟教程(runoob.com) .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position:

2016-06-20 16:12:09 1187

原创 CSS Positioning(定位)与Float(浮动)

一、CSS Positioning(定位)1、Positioning(定位) CSS定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法.有四种不同的定位方法。2、Static 定位

2016-06-20 14:52:40 5271

原创 CSS Display(显示) 与 Visibility（可见性）

1、隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。h1.

2016-06-20 14:47:10 1553

原创 CSS Margin(外边距)和Padding(填充)

一、CSS Margin(外边距)1、Margin margin清除周围的元素（外边框）的区域。margin没有背景颜色，是完全透明的。margin可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。2、可能的值 auto ：设置浏览器边距。这样做的结果会依赖于浏览器。 length：定义一个固定的margin（使用像素，pt，em等）。 %：定义一个使

2016-06-20 14:41:54 9999 1

原创 CSS 轮廓

1、CSS 轮廓（outline）轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。 2、所有CSS 轮廓（outline）属性 outline：在一个声明中设置所有的外边框属性outline-color、outline-style、outline-width、inherit

2016-06-20 14:34:28 580

原创 CSS 盒子模型

1、CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明： Margin(外边

2016-06-19 16:39:58 619

原创 CSS 表格

1、表格边框指定CSS表格边框，使用border属性。下面的例子指定了一个表格的Th和TD元素的黑色边框：table, th, td{border: 1px solid black;} 请注意，在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。为了显示一个表的单个边框，使用 border-collapse属性。table,th,td{border

2016-06-19 16:36:02 928

原创 CSS 列表

1、CSS列表属性作用如下：设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像2、列表在HTML中，有两种类型的列表：无序列表 - 列表项标记用特殊图形（如小黑点、小方框等）有序列表 - 列表项的标记有数字或字母使用CSS，可以列出进一步的样式，并可用图像作列表项标记。3、不同的列表项标记

2016-06-19 16:31:44 960

原创 CSS 链接

1、链接样式链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。特别的链接，可以有不同的样式，这取决于他们是什么状态。这四个链接状态是： a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻a:link {colo

2016-06-19 16:30:43 619

原创 CSS(3) 字体

一、CSS 字体1、CSS字型在CSS中，有两种类型的字体系列名称：通用字体系列 - 拥有相似外观的字体系统组合（如 "Serif" 或 "Monospace"）特定字体系列 - 一个特定的字体系列（如 "Times" 或 "Courier"） Serif：字体中字符在行的末端拥有额外的装饰 Sans-serif：是指无 - 这些字体在末端没有额外的装饰

2016-06-19 16:22:38 1174

原创 CSS(3) Text(文本)

一、CSS文本格式1、Text Color 颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定：十六进制值 - 如"＃FF0000"；一个RGB值 - "RGB（255,0,0）"；颜色的名称 - 如"红"。一个网页的背景颜色是指在主体内的选择： body {color:blue;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0)...

2016-06-19 16:11:34 10124

原创 CSS(3) Background（背景）

一、CSS 背景1、CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果: background-color background-image background-repeat background-attachment background-position2、背景颜色 background-color 属性定义

2016-06-19 16:01:42 1901

原创 Java 对象和类

1、Java 对象和类 Java作为一种面向对象语言。支持以下基本概念：多态、继承、封装、抽象、类、对象、实例、方法、重载对象：对象是类的一个实例（对象不是找个女朋友），有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。类：类是一个模板，它描述一类对象的行为和状态。2、Java中的对象现在让我们深入了解什么是对象。看看周

2016-06-15 18:36:02 699

原创 Java基础语法

1、Java 基础语法一个Java程序可以认为是一系列对象的集合，而这些对象通过调用彼此的方法来协同工作。下面简要介绍下类、对象、方法和实例变量的概念。对象：对象是类的一个实例，有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。类：类是一个模板，它描述一类对象的行为和状态。方法：方法就

2016-06-15 15:01:40 593

原创 HTML5：Canvas

canvas画图已经在JavaScript中介绍了http://blog.csdn.net/qq_27626333/article/details/51595138。此处再进行补充。1、颜色的指定方法颜色指定有3种：第一种是以[#RRGGBB]这种与HTML中相同的颜色指定方法指定颜色。第二种方法为在rgb()中指定三个0~255范围的值；第三种方法是除了指定三个0~255范围的数值外，同时指...

2016-06-11 16:31:37 4690

原创 HTML5程序的书写样式

1、HTML5代码文件的雏形（1）、最简单的HTML5代码最简单的HTML5代码HTML5是HTML4的下一代标准（2）、兼容HTML4的代码最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。IE9 以下版本浏览器兼容HTML5的方法，使用百度

2016-06-11 10:57:10 896

原创 HTML4与HTML5的区别

WHATWG组织力推HTML5标准取代HTML4标准的一个重要目标就是，让浏览器拜托需要安装各种插件才能显示或播放不同格式文件的情况，用WHATWG自己的话说，即建立一个开放的Web环境。我们知道W3C HTML4标准主要以标记语言为主的规范。HTML5标准大大扩展了这方面的内容，而且还引入了很多种API，下面我们逐条罗列W3C关于HTML5和HTML4标准，除API之外的具体区别：1

2016-06-11 09:54:39 2006

原创 HTML5简介

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是 W3C

2016-06-10 20:06:18 682

原创 HTML(5)：表单

1、HTML 标签标签属性：（1）、accept：HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）（2）、accept-charset ：规定服务器可处理的表单数据字符集。（3）、action：规定当提交表单时向何处发送表单数据。（4）、autocomplete ：规定是否启用表单的自动完成功能。值为：on、off（5）、enctype

2016-06-10 19:58:53 5258

原创 JavaScript：正则表达式

正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。一、什么是正则表达式？正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复

2016-06-08 10:26:11 794

原创 JavaScript：void(0)

1、javascript:void(0) 含义我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？javascript:void(0)中最关键的是 void关键字， void是 JavaScript中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。语法

2016-06-07 18:18:25 933

空空如也

空空如也