51dev.com IT技术开发者社区

51dev.com 技术开发者社区

HTML5 Boilerplate是什么?解决了什么问题?

HTML5 Boilerplate是什么?解决了什么问题?

对于第一次听说这个人,肯定都有这个疑问把!在网上看了看,发现很多人都认为这个是和Bootstrap一样的东西,这真是大错特错了。实际上,HTML5Boilerplate只是一个单纯的HTML模版。什么?HTML模版?干嘛用?这里不得不提所有前端开发都会遇到的问题,每次要重新弄一个页面的时候,你们都是怎么做的呢?那个do...

利用html5、websocket和opencv实现人脸检测

利用html5、websocket和opencv实现人脸检测

最近学习人脸识别相关的东西,在MFC下使用OpenCV做了一个简单的应用。训练需要较多的数据,windows应用程序终究还是不方便,于是想着做成CS模式:检测识别都放在服务器端,视频获取和显示都放在网页端。jetty版本:jetty-9.2.17.v20160517javacv版本:1.2 首先是html代码...

mono touch中WebView与html之间的交互

mono touch中WebView与html之间的交互

和朋友一起构思了一个想法,借用他的思路捣鼓了一会,效果还行。先上一段代码看看:RectangleFnewrec=UIScreen.MainScreen.Bounds;UIWebViewwebView=newUIWebView(newrec);NSUrlnsurl=newNSUrl("https://www.baidu....

html5的结构标签有利于seo

html5的结构标签有利于seo

本文章属于个人之见,仅供参考!现在绝大部分人做网页采用p+css的方式布局页面,这在布局上依旧可以持续火热,但是如果你想让你的网站更利于seo,那么考虑使用htnl5新增的结构标签会更亲近搜索引擎.关于html5新增的结构标签请查阅相关帮助文档,这些结构标签并没有实际的效果,举个例子:标签对,是一个导航标签,通...

HTML5实战与剖析之原生拖拽(一拖拽历史概述)

HTML5实战与剖析之原生拖拽(一拖拽历史概述)

  提起拖拽,我就想起了在JavaScript培训的时候一个非常好玩的效果,那就是拖拽了。可以用鼠标任意拖拽着一个物体到任何你想去的地方。  最早拥有JavaScript拖拽功能的是IE4浏览器。当时,网页中只有两种对象是可以拖拽的,那就是:图形和某些文字。拖拽图像的时候,把鼠标放在图像上,按住鼠标不放就可以拖拽了。拖...

HTML5 canvas绘制arcTo、translate和rotate的画法探索

HTML5 canvas绘制arcTo、translate和rotate的画法探索

arcTo(x1,y1,x2,y2,radius);还要加上moveTo的点(x0,y0);第一步:找到切点过点(x1,y1),(x0,y0)引射线与点(x1,y1),(x2,y2)所引射线交于点(x1,y1),作其角平分线,找到圆心,使其到角的两边距离等于radius,且切于两边为p1...

HTML5桌面通知:notification api

HTML5桌面通知:notification api

1.为什么需要HTML5的桌面通知传统的桌面通知可以写一个p放到页面右下角自动弹出来,并通过轮询等等其他方式去获取消息并推送给用户。这种方式有个弊端就是:当我在使用京东进行购物的时候,我是不知道人人网有消息推送过来给我的,而必须要等我把当前页面切到人人网才知道有消息推送了。这种方式的消息推送它是基于页面存活的,但是我们...

HTML5实战与剖析之表单那些事儿

HTML5实战与剖析之表单那些事儿

  HTML5针对表单方面也做了一些完善,新添加了一些验证数据的功能,新添加了一些标签属性。有了这些验证功能,就可以不用JavaScript进行验证,哪怕是JavaScript被禁用了也可以毫无压力的验证表单了。开发人员不用JavaScript,浏览器会根据标记中的规则执行验证,然后显示适当的错误信息。这些人性化的功能...

HTML5 API --- Screen Orientation API简介

HTML5 API --- Screen Orientation API简介

 在移动平台的游戏中,我们经常需要通过倾斜或旋转移动设备来控制游戏中的元素,例如赛车游戏中我们需要左右倾斜来控制赛车的左右转向,神庙逃亡游戏中我们同样需要左右倾斜移动设备来控制人物行走位置的方向。设想一下,如果设备的倾斜让游戏画面产生旋转,游戏画面需要重绘来适应屏幕尺寸的改变,那对游戏设计者来说是个灾难,但是...

手机端html5触屏事件(touch事件)

手机端html5触屏事件(touch事件)

手机端html5触屏事件(touch事件)touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕上的所有手指的列表。targetTo...

SAPUI5教程——MessageStrip的应用场景

SAPUI5教程——MessageStrip的应用场景

对于HTML5应用来讲,通常页面会有一些小的公告提示等等,用户可以点击删除,那么这个功能在sapui5中如何实现呢?sap.m.MessageStrip是一个control可以嵌入到应用页面当中,SAPUI5提供了四中类型的messages,Information,Success,WarningError,而且每一个m...

手机版网页设计html5元素meta name=”viewport”设置需要注意的地方

手机版网页设计html5元素meta name=”viewport”设置需要注意的地方

手机版网页设计html5元素metaname=”viewport”设置需要注意的地方。target-densitydpi:一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。Android支持三种屏幕像素密度:低像素密度,中像素密度,高像素密度。一个低像素密度的屏幕每英寸上...

h5解决高度塌陷问题的方法

h5解决高度塌陷问题的方法

h5解决高度塌陷问题的方法<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">....

h5关于清除浮动的操作学习讲解

h5关于清除浮动的操作学习讲解

不设置浮动的效果图:box1设置了浮动后:clear:left之后可还原到不设置浮动的效果图box1box2都设置了浮动的效果图box3清除所有浮动:clear:both效果图<!DOCTYPEhtml><html><head><metacharset="UTF-8&...

h5解决高度塌陷的代码教程

h5解决高度塌陷的代码教程

h5解决高度塌陷的代码教程<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><styletype="text/css">...