H5
解决各种H5的问题
X W F
这个作者很懒,什么都没留下…
展开
-
H5滚动轮播插件
H5滚动轮播插件文章目录H5滚动轮播插件主要功能实现方式主要功能支持超简单使用支持数据类型json对象支持自动切换支持前后翻页支持分页点图支持动画过渡实现方式首先 ,我们需要一个容器,在这里只需要一个div就可以了,通过div的id就可以识别该容器,代码如下<div id="div1" style="width: 1000px;height:...原创 2020-04-13 10:06:29 · 317 阅读 · 0 评论 -
HTML 5 画布
HTML 5 画布文章目录HTML 5 画布什么是 Canvas?创建 Canvas 元素通过 JavaScript 来绘制理解坐标更多 Canvas 实例实例 - 线条什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 ...原创 2020-04-11 11:49:17 · 86 阅读 · 0 评论 -
SVG:可伸缩的矢量图形
1、SVG1.1 概述SVG是一种用于描述图形的XML语法。由于结构是XML格式,使得它可以插入HTML文档,成为DOM的一部分,然后用JavaScript和CSS进行操作。一个简单的SVG文件如下:<svg xmlns="http://www.w3.org/2000/svg" vieBox="0 0 1000 1000" id="mySvg"> <rect x="100" y="200" width="800" height="600" stroke="black" stro原创 2020-06-21 13:10:49 · 171 阅读 · 0 评论 -
h5 本地存储
Storage模块管理应用本地数据存储区,用于应用数据的保存和读取。应用本地数据与localStorage、sessionStorage的区别在于数据有效域不同,前者可在应用内跨域操作,数据存储期是持久化的,并且没有容量限制。通过plus.storage可获取应用本地数据管理对象。方法:• getLength: 获取应用存储区中保存的键值对的个数• getItem: 通过键(key)检索获取应用存储的值• setItem: 修改或添加键值(key-value)对数据到应用数据存储中• remove原创 2020-08-09 09:16:56 · 165 阅读 · 0 评论 -
Web移动端实现自适应缩放界面的方法汇总
方案一: 设置tranform/scale首先设置内容固定宽度、自动高度(以下举例) width: 375px; height: auto;通过获取窗口的宽度与固定宽度相除,获得缩放比例const scaleValue=window.innerWidth / 375在html层,添加一段script:<script dangerouslySetInnerHTML={{ __html: this.getScript() }}></script>添加一段设置zoom原创 2020-07-28 19:13:47 · 818 阅读 · 0 评论 -
如何实现加入收藏、设为首页、保存到桌面的方法功能
在一些网页中我们可以常见的“设置为首页”和“ 收藏本站”,以及“保存到桌面”等功能,使用js是如何实现的呢?这里为大家分享下实现方法,完美兼容IE,chrome,ff等浏览器。JS代码:<script type="text/JavaScript">//设为首页function SetHome(obj,url){ try{ obj.style.behavior='url(#default#homepage)'; obj.setHomePage(ur原创 2020-07-25 12:26:53 · 1499 阅读 · 0 评论 -
使用HTML5中postMessage实现Ajax中的POST跨域问题
首先,要想接收从其他的窗口发过来的消息,就必须对窗口对象的message事件进行监听,如下代码:window.addEventListener(“message”, function(){},false);其次,需要使用window对象的postMessage方法向其他窗口发送消息,该方法定义如下所示:otherWindow.postMessage(message, targetOrigin);该方法使用2个参数,第一个参数为所发送的消息文本,但也可以是任何javascript对象,第二.原创 2020-06-25 18:52:01 · 90 阅读 · 0 评论 -
HTML5 组件Canvas实现图像灰度化
文章目录1. 新建一个html页面,在body tag之间加入2. 添加一段最简单的JavaScript代码:1. 新建一个html页面,在body tag之间加入<canvas id="myCanvas" >Gray Filter</canvas>2. 添加一段最简单的JavaScript代码:window.onload = function() { var canvas = document.getElementById("myCanvas");// do som原创 2020-06-22 08:11:30 · 397 阅读 · 0 评论 -
h5 前端面试题
javascript的typeof返回哪些数据类型.答案:string,boolean,number,undefined,function,object例举3种强制类型转换和2种隐式类型转换?答案:强制(parseInt,parseFloat,number)隐式(== ===)split() join() 的区别答案:前者是将字符串切割成数组的形式,后者是将数组转换成字符串数组方法pop() push() unshift() shift()答案:push()尾部添加 pop().原创 2020-08-30 08:56:12 · 214 阅读 · 0 评论