html5
文章平均质量分 68
苦海123
专研前端,探索后端,热爱技术,不断汲取
展开
-
web浏览器端实现语音转文字或文字转语音
web浏览器端实现语音转文字或文字转语音原创 2023-10-26 21:07:00 · 555 阅读 · 0 评论 -
chartjs和echartsjs库简介
chart.js和echarts.js:尽管我们已经掌握了canvas绘图和SVG矢量图,在实际开发中我们依旧不会使用canvas和SVG,因为考虑到开发成本,一般会采用相关的图表库进行辅助开发,市面上常用的图表库有chart.js和echarts.js;如果想要了解更多,建议访问以下相关文档:chart.js : 是国外工程师开发的,一般的图表都可以使用它能够做出来;但是它在国外服务器上面,国内访问官方网站:https://www.chartjs.org/有时候上不去;这里推荐相关国内中文文档:htt原创 2021-05-07 14:59:12 · 1105 阅读 · 5 评论 -
SSE事件作用,错误分析
Server-Sent(SSE):server sent用于自动接收服务器更新,当服务器发生数据更新时,此事件将自动执行来更新页面数据,常用于博文、股价等不断变化的项目中。下面将简单介绍SSE中三个常用事件:onopen,当通往服务器的链接被打开时执行处理函数;onerror,当服务端发生错误时,执行处理函数;onmessage,当服务端发生变化时执行处理函数;首先创建一个实例对象如:new EventSource(‘test.php’),实例对象括号中用于传入一个服务端文件,用于此对象中onme原创 2021-04-21 09:40:49 · 1038 阅读 · 0 评论 -
web Worker简介、web Worker报错分析、作用
web Worker:web Worker是运行在后台的javascript,不会影响性能,常用于高耗费CPU的任务,必须部署到线上才可以正常使用,这里有三个方法比较重要,需要注意:postMessage(),发送消息,指的是在创建的后台web works文件中发送消息,供主页中onmessage()事件接收,此事件的对象将包含要发送过来的值。terminate(),用来停止web worker,使用方法:在Worker对象调用即可。onmessage(),使用web worker后,要new 创建原创 2021-04-21 08:34:57 · 881 阅读 · 0 评论 -
Web SQL介绍,web sql中增删改查、数据存储位置、运行脚本、建表建库
Web SQL:Web SQL是一种简单的存在服务器中的数据库,运行在javascript脚本中,其数据储存在计算机Application中Web SQL中。web sql提供了三个核心方法:1.openDatabase(‘dbname’,‘edition’,‘explain’,‘size’),此方法用于查找数据库,如果没有则会创建一个新的数据库,其参数依次代表:数据库名称,版本号,描述文本,数据库大小。2.transaction(),用于控制一个数据库,里面传入一个函数,函数的参数作为操作数据库的原创 2021-04-20 20:42:49 · 5126 阅读 · 0 评论 -
SVG矢量图简介
SVG矢量图:html5支持内联svg,svg指可以伸缩的矢量图,其优点是放大不会模糊,支持任意尺寸打印不损坏品质,可通过编辑器创建和修改,;使用XML定义,其本质就是XML文件,和Canvas类似;在html中使用SVG图像:SVG 文件可通过:、 或者 标签嵌入 HTML 文档,或直接链接到SVG文件。具体如下:<!-- 此标签允许使用脚本,支持在HTML5中使用 --><embed src="circle1.svg" type="image/svg+xml" />原创 2021-04-20 15:18:03 · 2756 阅读 · 0 评论 -
html5中Canvas、绘制线条模糊、常见绘制工具、绘制基本图形、绘制图片、面向对象的方式绘制图形图片、绘制文本、帧动画绘制
Canvas容器:canvas标签用来定义图像的容器,必须配合脚本来绘制图像,canvas也运用于游戏开发。注意:canvas绘制图时会出现线条模糊情况,这是因为显示屏像素和canvas中定义的一个点不完全重合(相差0.5)导致,若要解决这个问题,就要计算canvas中0.5的坐标值。创建画布:注意:一个页面可以创建多个canvas画布,每个画布建议给一个id属性方便配合脚本。<canvas id='canvasBox' width='200' height='200'></can原创 2021-04-20 11:50:38 · 727 阅读 · 0 评论 -
html5中音频、视频标签、自定义播放器常用属性及方法、全屏操作、新增属性兼容问题
多媒体标签:音频标签audio:<audio src="音频文件的URL"></audio><!-- audio标签需要controls控件才可以播放音频,controls的属性值可以省略,如果URL为视频格式文件,则只会播放音频 -->html5中通过audio标签实现音频播放,支持的格式有.mp3/.ogg/.wav;注意:标签中必须要有controls属性,否则不会播放;loop循环播放,autoplay自动播放属性(谷歌为了用户体验禁用了这个功能);一原创 2021-04-14 16:15:11 · 1466 阅读 · 0 评论 -
html5简介、选项输入框、表单元素分组、input新增属性及属性值
HTML5简介:定义:HTML5号称下一代HTML,html的最新版本,定义了新的标签、css、JavaScript,html5新标签IE9以上版本浏览器才兼容,因此在实际开发中要问老板是否兼容低版本浏览器。扩展内容:语义化标签、本地储存、兼容特性、2D 3D、动画 过渡、CSS3新特性、性能与集成HTML5常用新标签:HTML5标签多为语义化标签,主要是针对浏览器搜索引擎,IE9浏览器中主要将所有语义化标签都转化为块级元素,语义化标签在移动端支持比较好,后面会有更多语义化标签学习。HTML5常用原创 2021-04-14 15:41:09 · 418 阅读 · 0 评论