-
分类:前端开发2018-05-08阅读:(2682)标签:javascript, html5, canvas
- 最近朋友做html5营销页挺多的,想着一直写js,html5的东西也好久没写过了。今天就来折腾一下,看看canvas的东西,然后想到刮刮乐效果。这个以前同事也分享过,不过时间太久,也忘记了。熟悉PS的话,就很清楚图层的概念。刮刮乐就是两个图层,奖项图层在下面,上面盖一层灰色的遮住。挂掉灰色图层,镂空显示出下面的奖项图层。根据html的canvas手册实验了几下,发现不能清除画的某个图案,会直...
-
分类:前端开发2017-06-13阅读:(2988)标签:html5
- 在移动端,设备可以旋转,网页的宽度也会随着旋转而变化。为了适应这些变化,可以通过window.orientationchange事件来监听旋转,通过window.orientation或者screen.orientation.angle的值来判断旋转方向。window.orientation:
0: 竖屏
-90:横屏,左在上
90:横屏,右在上
180:竖...
-
分类:前端开发2016-07-08阅读:(2394)标签: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阅读:(2012)标签:css3, html5
- 百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:<meta http-equiv="Cache-Control" content="no-siteapp" />移动端手机号码识别(IOS)在 iOS Safari (其他浏览器和Android均不会...
-
分类:前端开发2015-12-19阅读:(2402)标签:css3, html5
- 移动WEB开发常见的默认属性设置在移动WEB开发中经常会遇到一些坑,按钮变样了,想隐藏滚动条,连接点击有蓝色或黄色区块效果等等。这些都是设备浏览器自带的一些私有的样式属性,修改他们就OK了。移动端浏览器主要内核都是-webkit的,那修改的时候针对性的修改就好了,且不用考虑其他浏览器了,winPhone?我们不待见非主流杀马特。取消点击时候标签的区块高亮效果-webkit-tap-highl...
-
分类:前端开发2015-12-05阅读:(2192)标签:javascript, html5
- input文件域-多文件上传html中input[type='file']默认是只能单文件上传,需要多文件上传的时候需要给input文件域添加multiple属性。eg.: <input type="file" multiple /> 文件域对象属性当点击文件域表单并选择上传文件后,通过文件域.files可以获取到选择的文件列表对象,文件列表对象里每个file...
-
分类:前端开发2015-07-22阅读:(5929)标签:css3, html5
- 以前在写css的时候,可能只注意到了伪类,用冒号,但css3中支持一些伪元素,这些伪元素就需要用到双冒号了。so,冒号是伪类,双冒号是伪元素。举个例子:a:hover{background:#F00;}/*这是伪类*/
p::selection{background:#F00;}/*这是伪元素*/