乞力马扎罗的雪CYF的博客

与您分享IT技术,实现共同进步。

HTML5表单新增元素与属性 (续)

1.标签的control属性 在HTML5中,可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单的元素。 示例代码如下: function setValue(){ var label =...

2015-09-29 18:20:55

阅读数 1957

评论数 0

HTML5表单新增元素与属性

1.表单内元素的form属性 在HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定的表单了。 代码示例如下: ...

2015-09-29 14:12:53

阅读数 1860

评论数 0

HTML5新增的非主体结构元素

1.header元素: header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其他内容,例如数据表格,搜索表单或相关的logo图片。header元素可以出现多次。 header元素 ...

2015-09-29 12:54:02

阅读数 1494

评论数 0

HTML5新增的主体结构元素

1.article元素 article元素代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或独立的插件,或其他任何独立的内容。 article元素是可以嵌套使用的; article元素用来表示插件; 示例代码如下: ...

2015-09-29 11:26:47

阅读数 1594

评论数 0

知道你的手机是如何确定你的位置的吗

很多人在使用手机时,经常用到手机来定位或者导航,大部分人知道手机会通过GPS进行定位,其实除了这个手机还有其它的方式,比如基站定位、WiFi辅助定位、APGS、北斗定位,这里就和大家简单聊聊这些定位的基本原理。1、GPS定位相信很多人听到定位、导航之类的词语就会联想到GPS,的确,GPS是目前全球...

2015-09-29 00:37:42

阅读数 2982

评论数 0

使用BootStrap进行响应式布局案例

(1)首先下载BootStrap,把bootstrap.min.css拷贝到项目中。(2)新建style.css,实现代码如下:.row{ margin-bottom: 20px; } .row .row{ margin-top: 10px; margin-bot...

2015-09-29 00:03:30

阅读数 4641

评论数 0

了解BootStrap

1.了解Bootstrap:简洁,直观,强悍的前端开发框架,让web开发更迅速,简单。2.优点:快速,简单,灵活的栅格系统,小而强大,响应式布局,跨平台等。3.下载登陆BootStrap的官方网站下载:  http://getbootstrap.com/  。下面使用Bootstrap官方提供的模...

2015-09-28 21:37:57

阅读数 1664

评论数 1

HTML5响应式布局案例

在本案例中,网页的界面布局将会根据当前浏览器的大小进行变化,做出响应。主要使用CSS的@media来进行设计。实现效果类似一淘网,一淘网使用的就是响应式布局。案例代码如下: (1)HTML代码如下: ...

2015-09-28 20:09:11

阅读数 6801

评论数 0

HTML5响应式布局(简易)

1.响应式布局: 响应式布局是2010年5月提出的概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为了解决移动互联网而诞生的。其目的是为用户提供更加舒适的界面和更好的用户体验。 2.优缺点: 优点:(1)面对不同分辨率设备灵活性强; (2)能够快捷解决多...

2015-09-28 19:59:53

阅读数 2486

评论数 0

HTML5服务器推送事件

1.HTML5服务器推送事件介绍 服务器推送事件(Server-sent Events)是HTML5规范中的一个组成部分,可以用来从服务器端实时推送数据到浏览器端。 2.传统的服务器端推送数据技术 WebSocket:WebSocket规范是HTML5中的一个重要组成部分,已经被很多主流浏览器支持...

2015-09-28 17:46:11

阅读数 1854

评论数 1

HTML5拖放本地资源

我们可以从本地的资源中拖拽一张图片到网页中,这在HTML和JS的结合下是比较简单的。也即是说一张图片不仅可以在网页中进行拖动,还可以从电脑上拖动。具体实现如下: (1)HTML中代码实现如下: #imgContainer{ ...

2015-09-28 15:18:48

阅读数 1852

评论数 0

HTML5拖放

1.HTML5拖放: 拖放(drag ,drop)是HTML5标准的组成部分。 2.拖动开始: ondragstart:调用了一个函数,drag(event),它规定了被拖动的数据。 3.设置拖放数据: setData():设置被拖放的数据类型和值。 4.放入位置: ondragove...

2015-09-28 14:27:27

阅读数 1459

评论数 0

HTML5 Canvas使用路径——绘制圆形

HTML实现代码如下: function draw(id){ var canvas = document.getElementById("canvas"); if(canva...

2015-09-28 12:06:53

阅读数 1749

评论数 0

使用CreateJS绘制图形

CreateJS是JavaScript中一个绘制图形非常方便的框架现在我们结合HTML中的canvas和JavaScript来绘制图形。 (1)首先可以从官网上下载对应的包,http://www.createjs.com/   。其实CreateJS包含四种不同的库,分别是EaselJS,Twee...

2015-09-28 10:42:02

阅读数 2267

评论数 0

推荐几款App跨平台开发工具

众所周知开发App比较复杂,不仅要懂多种编程语言还要考虑高额的成本。作为开发者需要找到一个既节省成本又能快速开发App的最佳解决方案。不少跨平台开发工具便应运而生,选择一款适合自己的工具尤为重要,下面这几款跨平台开发工具或者框架可以帮你轻松完成App开发。1、RhoMobileRhoMobile提...

2015-09-28 01:45:01

阅读数 1959

评论数 0

成为更优秀开发者的10条途径

我读过好多“成为更优秀开发者的方法”的文章,它们大部分似乎写于10年前。但大部分仍然很明智,因此我在这篇文章中提取出我认为的最好的10条途径。你可以随时看看。我们开始吧。读他人的代码 —— Scott Hanselmann读他人的代码,并从中学习。你会适时得到提升,因为你容易学到其他开发者是如何处...

2015-09-28 01:22:31

阅读数 1483

评论数 0

学习java的路线图-五个必经阶段

第一个阶段-java基础阶段 1.java语法 2.面向对象 3.常用的api 4.界面编程 5.多线程 6.文件io 7.java网络编程.. 这是学习java开发的基础阶段,也是以后的学习基石。 第二个阶段 -数据库阶段 1.oracle 2.mysql 3.sql server 目...

2015-09-28 00:01:38

阅读数 2428

评论数 1

HTML使用canvas载入图片

(1)JS实现代码如下: /** * Created by chenyufeng on 15/9/27. */ var CANVAS_WIDTH = 500, CANVAS_HEIGHT = 500; var mycanvas,context; window.onload = functio...

2015-09-27 20:56:54

阅读数 2018

评论数 0

HTML5使用canvas绘制图形

1.绘制图形 canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成。 示例代码如下: (1)新建一个HTML文件,实现代码如下: (2)新建一个JavaScript文件,实现代码如下: /** * Creat...

2015-09-27 20:36:28

阅读数 1262

评论数 0

HTML5的canvas标签

1.canvas标签 HTML5元素用于图形的绘制,通过脚本(通常是JavaScript)来完成; 标签只是图形容器,您必须使用脚本来绘制图形; 可以通过多种方法使用canvas绘制路径、盒、圆、字符以及添加图像。 2.标签 【使用canvas标签】代码示例: ...

2015-09-27 19:43:16

阅读数 1335

评论数 0

提示
确定要删除当前文章?
取消 删除