![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5学习笔记
文章平均质量分 82
html5学习笔记
Doe
这个作者很懒,什么都没留下…
展开
-
事件委托、事件冒泡与事件捕获
事件委托:1、原理那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递)。前台MM收到快递后,她会判断收件人是谁,然后按照收件人的要求签收,甚至代为付款。这种方案还有一个优势,那就是即使公司里来了原创 2021-05-09 20:31:41 · 5367 阅读 · 1 评论 -
HTML5新特性history
history1、history.pushState()2、history.replaceState()replace比起push的差异在于,push是进栈把当前页面放在栈中,但是replace是会直接取代当前页面。3、history.go() history.back() 等价于 history.go(-1) history.forward() 则等价于 history.go(1) 这三个接口等同于浏览器界面的前进后退。...原创 2021-10-29 20:51:00 · 646 阅读 · 0 评论 -
重排或重绘
1.简述重排的概念浏览器下载完页面中的所有组件(HTML、JavaScript、CSS、图片)之后会解析生成两个内部数据结构(DOM树和渲染树),DOM树表示页面结构,渲染树表示DOM节点如何显示。重排是DOM元素的几何属性变化,DOM树的结构变化,渲染树需要重新计算。2.简述重绘的概念重绘是一个元素外观的改变所触发的浏览器行为,例如改变visibility、outline、背景色等属性。浏览器会根据元素的新属性重新绘制,使元素呈现新的外观。由于浏览器的流布局,对渲染树的计算通常只需要遍历转载 2021-09-09 10:30:30 · 128 阅读 · 0 评论 -
HTML5 canvas实现图片拉伸、压缩与裁剪
原文链接:https://blog.csdn.net/Vivian_jay/article/details/68933161一、canvas绘图API它能做什么:1. 绘制图像:将加载的图像绘制到canvas上;2. 绘制画布:将画好的一个canvas画到另一个canvas上;3. 绘制视频:差不多就是用来视频截图怎么做1、获取图片//1. 可以直接获取DOM元素var img = document.getElementById("imgId")//2. 或者新建一个...转载 2021-08-25 15:37:45 · 1654 阅读 · 0 评论 -
HTML5常见新增标签
1、header功能:header标签定义页面的页眉信息。【主要用于定义结构,一般来说也可以使用其他方式来创建头部,但使用header就标注出了这个结构是头部,比其他多出了语意】 例子:比如一些网上商城的顶部logo信息示例:复制代码<body> <header id="header" class="" style="background-color: orange;"> <div style="float:left">原创 2021-05-11 20:55:22 · 768 阅读 · 0 评论