HTML
HTML 项目的点点滴滴
不二博客
世界巨大,我以渺小来爱他。时间悠长,我以短暂来爱他。
展开
-
App与H5交互的几种方式
文章目录App与H5交互1、直接调用App的定义的方法2、调用方法获取数据3、暴露方法给App调用传值总结App与H5交互在App内置H5中,我们H5页面经常会与App进行交互,本文中将记录几种常用的交互方式,可能不太完善,欢迎大家补充~1、直接调用App的定义的方法toLogin: () => { if (window.webkit && window.webkit.messageHandlers) { // Ios 客户端调用方法 window.w原创 2020-09-09 17:19:05 · 5785 阅读 · 4 评论 -
使用陀螺仪模拟IOS系统的水平仪
前言好久都没有正式的敲过代码了,今天决定使用 HTML5 中的陀螺仪模拟一下 IOS 系统的水平仪,而 Canvas 画布也有很长一段时间没有使用,顺带的复习一下 Canvas 画布的 API 。文章目录前言效果创建画布获取陀螺仪参数绘制倾斜的角度清除画布渲染页面绘制圆形水平后的效果总结效果苹果系统的水平仪效果如下,不过在由于 IOS 系统将陀螺仪列入了用户隐私,所以 IOS 系统需要在 ...原创 2020-04-04 11:33:04 · 1472 阅读 · 0 评论 -
HTML5 svg画布
svg画布创建(svg)线条(line)获取属性修改属性创建矩形(rect)创建圆形(circle)创建椭圆(ellipse)创建线条(polyline)Javascript绘制svg图像说起画布,我在上周更新了一篇HTML5 canvas画布canvas画布,里面也介绍了canvas与svg的区别,今天就不在重复,需要的的小伙伴可以去查看。创建(svg)废话不说,我们来创建一个svg&l...原创 2019-12-17 19:36:28 · 1649 阅读 · 0 评论 -
HTML5 canvas 画布
画布canvas 与 svgcanvas 能够做什么?创建一块小画布(canvas)创建画笔(getContext('2d'))绘制矩形(fillRect(x,y,width,height))填充样式(fillStyle)绘制圆形(arc(x,y,r,start,stop,bool))空心填充 (stroke())开始路径(beginPath())结束路径(closePath())实心填充(fil...原创 2019-12-14 15:07:16 · 873 阅读 · 0 评论 -
HTML前端基础小案例(满屋花)
满屋花效果图如下效果图拿到手的第一件事分析整体网页布局,页面基本框架的搭建<!-- 文档居中 --><div class="center"> <!-- 头部 --> <div class="top"> </div> <!-- 导航栏 --> <div class="navlist"> &l...原创 2019-07-13 18:55:14 · 9211 阅读 · 0 评论 -
ES5 Array 中的API
ES5 Array 中的API判断every() 语法some() 语法遍历forEach() 语法map() 语法过滤filter() 语法汇总reduce() 语法判断every() 语法arr.every() 判断arr中每个元素是否都符合要求,符合要求返回true,反之false。arr.every(function(val,i,arr){})其中val为当前元素的值,i为当前...原创 2019-08-14 19:56:33 · 449 阅读 · 0 评论 -
JavaScript DOM 知识点整理
HTML DOM什么是DOM?节点对象(Node)三大属性nodetype 节点的类型nodeName 节点名nodeValue 节点值节点之间的关系父子关系兄弟关系节点树子集的关系父子关系什么是DOM?DOM 能够操作结构化文档(HTML XML)。在网页中,HTML的结构化文档都是以树形结构储存的,每一个元素都是一个节点对象(Node),根节点是document对象。节点对象(Node...原创 2019-08-17 14:09:50 · 443 阅读 · 0 评论 -
JavaScript 创建文档对象
创建文档对象为什么要创建文档对象?怎么创建一个文档对象?Table 表格操作创建行元素thead的创建tbody的创建tfoot的创建删除行元素thead的删除tfoot的删除为什么要创建文档对象?顾名思义,文档对象是用于存放一段文档的对象,在内存中临时保存多个子元素的虚拟父对象。在操作DOM Tree时,频繁的操作会影响页面的性能,所以在我们操作DOM Tree时,先创建一个虚拟的父对象,操...原创 2019-08-26 08:26:16 · 1127 阅读 · 0 评论