首页> html5

Canvas绘制刮刮乐效果

分类:前端开发2018-05-08阅读:(2425)标签:javascript, html5, canvas
最近朋友做html5营销页挺多的,想着一直写js,html5的东西也好久没写过了。今天就来折腾一下,看看canvas的东西,然后想到刮刮乐效果。这个以前同事也分享过,不过时间太久,也忘记了。熟悉PS的话,就很清楚图层的概念。刮刮乐就是两个图层,奖项图层在下面,上面盖一层灰色的遮住。挂掉灰色图层,镂空显示出下面的奖项图层。根据html的canvas手册实验了几下,发现不能清除画的某个图案,会直...

移动端网页判断设备横竖屏旋转

分类:前端开发2017-06-13阅读:(2664)标签:html5
在移动端,设备可以旋转,网页的宽度也会随着旋转而变化。为了适应这些变化,可以通过window.orientationchange事件来监听旋转,通过window.orientation或者screen.orientation.angle的值来判断旋转方向。window.orientation: 0: 竖屏 -90:横屏,左在上 90:横屏,右在上 180:竖...

HTML头部元素集合

分类:前端开发2016-07-08阅读:(2244)标签:html, html5
A collection of HTML head elements.Elements<title>Page Title</title> <base href="https://example.com/page.html"> <style> body { color: red; } </style> <...

常见移动端问题

分类:前端开发2015-12-21阅读:(1816)标签:css3, html5
百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:<meta http-equiv="Cache-Control" content="no-siteapp" />移动端手机号码识别(IOS)在 iOS Safari (其他浏览器和Android均不会...

移动WEB开发常见的默认属性设置

分类:前端开发2015-12-19阅读:(2124)标签:css3, html5
移动WEB开发常见的默认属性设置在移动WEB开发中经常会遇到一些坑,按钮变样了,想隐藏滚动条,连接点击有蓝色或黄色区块效果等等。这些都是设备浏览器自带的一些私有的样式属性,修改他们就OK了。移动端浏览器主要内核都是-webkit的,那修改的时候针对性的修改就好了,且不用考虑其他浏览器了,winPhone?我们不待见非主流杀马特。取消点击时候标签的区块高亮效果-webkit-tap-highl...

HTML5文件域对象

分类:前端开发2015-12-05阅读:(2099)标签:javascript, html5
input文件域-多文件上传html中input[type='file']默认是只能单文件上传,需要多文件上传的时候需要给input文件域添加multiple属性。eg.: <input type="file" multiple /> 文件域对象属性当点击文件域表单并选择上传文件后,通过文件域.files可以获取到选择的文件列表对象,文件列表对象里每个file...

CSS伪类单冒号和双冒号

分类:前端开发2015-07-22阅读:(4778)标签:css3, html5
以前在写css的时候,可能只注意到了伪类,用冒号,但css3中支持一些伪元素,这些伪元素就需要用到双冒号了。so,冒号是伪类,双冒号是伪元素。举个例子:a:hover{background:#F00;}/*这是伪类*/ p::selection{background:#F00;}/*这是伪元素*/
前端开发