![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
jiegeng2233
这个作者很懒,什么都没留下…
展开
-
HTML5 Canvas (参考手册)
点击打开链接颜色、样式和阴影属性描述fillStyle设置或返回用于填充绘画的颜色、渐变或模式strokeStyle设置或返回用于笔触的颜色、渐变或模式shadowColor设置或返回用于阴影的颜色shadowBlur设置或返回用于阴影的模糊级别s转载 2016-11-03 13:41:55 · 891 阅读 · 0 评论 -
锚点链接
通俗简单地说,比如一篇很长的文章,你想按分段精确来看,那就可以用到锚点了。 命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。 一,HTML 页面锚点的两种方式。(无动效)1,创建锚点使用 (锚)标签和 name 属性 a,同一页面内 跳到001 ...文字省略原创 2017-01-19 16:17:10 · 351 阅读 · 0 评论 -
HTML5 meta标签属性整理
基本标签声明文档使用的字符编码meta charset="utf-8">声明文档的兼容模式http-equiv="X-UA-Compatible" content="IE=edge" />//指示IE以目前可用的最高模式显示内容。meta http-equiv="X-UA-Compatible" content="IE=Emulate IE7" />//指示IE使用!DOCTY转载 2017-01-19 18:05:48 · 276 阅读 · 0 评论 -
H5前端性能优化之预加载知识
1、下面我们先了解下 什么是预加载技术:WEB中的预加载就是在网页全部加载之前,对一些主要内容进行加载,以提供给用户更好的体验,减少等待的时间。否则,如果一个页面的内容过于庞大,没有使用预加载技术的页面就会长时间的展现为一片空白,直到所有内容加载完毕。图片的预加载技术使用较为广泛,一般的效果是网页中的图片由模糊变得清晰。比如我们常用的插件:& jQuery图片延迟转载 2017-01-20 15:13:02 · 7689 阅读 · 0 评论 -
iframe 父级子级相互获取元素的方法
1)在iframe中查找父页面元素的方法:$('#id', window.parent.document)2)在iframe中调用父页面中定义的方法和变量:parent.methodparent.value在iframe子页面获取父页面元素 代码如下:$.('#objld', parent.document); 在父页面获取ifr转载 2017-03-02 11:49:16 · 3788 阅读 · 0 评论 -
Three.js之渲染器
本篇文章将详细讲解three.js中渲染器(renderer)的设置方法。three.js文档中渲染器的分支如下:RenderersCanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders可以看到three.js提供了转载 2017-01-25 11:41:48 · 1028 阅读 · 0 评论 -
webgl初始
一,WebGLWebGL(全写Web Graphics Library)是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂原创 2017-01-24 11:26:53 · 512 阅读 · 0 评论 -
three.js之性能检测插件(state)
关于性能:测试一个程序,性能上是否有瓶颈,在3D世界里,经常使用帧数的概念,首先我们来定义一下帧数的意义。帧数:图形处理器每秒钟能够刷新几次,通常用fps(Frames Per Second)来表示关于性能:测试一个程序,性能上是否有瓶颈,在3D世界里,经常使用帧数的概念,首先我们来定义一下帧数的意义。帧数:图形处理器每秒钟能够刷新几次,通常用fps(Frames转载 2017-03-16 17:09:45 · 5439 阅读 · 0 评论 -
移动H5开发基础
如果你是一名移动H5前端开发人员,25学堂的小编认为下面的分享的12点webAPP前端开发经验是你必须掌握的基础知识点。算是一篇移动H5开发入门教程吧!1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要转载 2017-01-11 18:06:43 · 742 阅读 · 0 评论 -
input 属性为 number,maxlength不起作用如何解决?
效果ok当input type = number 时maxlength失效,长度可以无限输入。解放方案:oninput事件 当长度超过截取6)value=value.slice(0,6)" />原创 2016-12-08 10:39:55 · 2391 阅读 · 0 评论 -
Canvas和SVG区别
Canvas和SVG是html5支持的两种可视化技术。基于这两种技术,诞生了很多可视化工具。Echarts是基于Canvas技术的可视化工具,底层封装了原生的JavaScript的绘图 API。我们很容易联想到另一个同样很优秀的web前端可视化库D3,D3是也最流行的可视化库之一,它被很多其他的表格插件所使用。D3底层基于SVG技术,与Canvas完全不一样,SVG的本质是一个XML 文档。转载 2016-11-07 10:54:17 · 358 阅读 · 0 评论 -
HTML5 Application Cache
AppCache?在移动端采用web技术解决跨平台、快速部署、快速发布的方案也越来越多。 但对于web方式实现的app又面临者网络的强依赖,对网速和流量有较高要求,针对此问题html提出了AppCache方案, 用于解决web离线缓存问题。诚然,浏览器本身就有缓存机制,但是,这些缓存机制不够可靠,可能并不会按你所想要的方式运行。HTML5 则通过 Application Cache 接转载 2016-10-31 16:21:00 · 334 阅读 · 0 评论 -
HTML5 Canvas
创建一个画布(Canvas)注意: 标签通常需要指定一个id属性 (脚本中经常引用), width 和 height 属性定义的画布的大小.提示:你可以在HTML页面中使用多个 元素. context:context是一个封装了很多绘图功能的对象,获取这个对象的方法是 var context =canvas.getC原创 2016-10-31 17:35:46 · 766 阅读 · 0 评论 -
HTML5 Canvas (2)
1,彩色字体(结合字体和渐变)fillText(text,x,y) - 绘制实心的文本strokeText(text,x,y) - 绘制空心的文本createLinearGradient(x,y,x1,y1) - 创建线条渐变createRadialGradient(x,y,r,x1,y1,r1) - 创建一个径向/圆渐变var cxt = c.getCon原创 2016-11-01 17:15:24 · 761 阅读 · 0 评论 -
SVG路径描边动画效果
一、效果先行,兴趣挑起简而言之,就是让SVG的描边像是有人绘制一样的动画效果。三、必知的基础知识SVG中有个比较重要的属性分支,stroke :“描边”。1,stroke 描边颜色 none没有颜色 就是我们常规的颜色值。RGBA, HSBA都支持。red,green,#000原创 2016-11-16 14:28:23 · 1833 阅读 · 0 评论 -
h5特殊字符(参考)
平时写代码很少用到HTML的特殊字符,最常用的可能是 了,但有时在移动端为了节省时间,可能会用这些字符实现某种特殊效果,现整理如下:使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;编号用在HTML中时,需要在前面加上&#符号;用于CSS文件中,但是需要用反斜杠\转义;用于JavaScript,和CSS用法一样,不过要用\u来转义。需转载 2016-11-16 17:40:36 · 10232 阅读 · 0 评论 -
navigator.geolocation
在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息。navigator.geolocation的三个方法:1. getCurrentPosition()2. watchPosition()3. clearWatch()1,getCurr转载 2016-11-18 17:41:10 · 712 阅读 · 0 评论 -
localStorage使用总结
localStorage使用总结一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localS转载 2017-07-14 16:45:44 · 289 阅读 · 0 评论