HTML
关注
分享
扫一扫
文章平均质量分 84
YF-SOD
LDSBAH，NAB!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
html标签中crossOrigin、integrity属性详解、SRI、HSTS
在canvas中使用drawImage()绘制图像时，若传入未声明属性的跨源元素，会使canvas变成污染状态（tainted），此时任何读取canvas数据的操作，如toBlob()等，均会抛出错误（可理解为在。原创 2022-07-27 17:24:04 · 2259 阅读 · 0 评论 -
canvas基本使用（获取画布、绘制矩形、清除屏幕内容、动画、绘制不规则图形、圆形、虚线、绘制文字、颜色渐变、设置阴影、渲染图片、变形偏移、canvas文档、Konva）
x1、y1为图片加载位置，即渲染图片的左上角坐标起点。设置起始坐标到终点坐标上的颜色，第一个参数为当前渐变的位置（0～1之间的小数，0表示起点，0.5表示中点，1表示终点，可设置多段，从0开始向1过程中设置的颜色渐变），第二个参数为颜色。设置虚线，接受一个数组，数组第一位为实线长度，第二位为虚线长度即空白的长度，第三位为实线长度，以此类推，然后用数组的内容循环设置线段的虚实。w为宽度，h为高度。设置线段连接处的样式，默认为miter为正常线性连接，round为连接处圆形，bevel为连接处底部为平的。原创 2022-06-05 19:34:10 · 4591 阅读 · 0 评论 -
iframe优缺点、X-Frame-Options（如何防止点击劫持、设置页面是否能作为iframe嵌套）、iframe长轮询和应用场景
如果iframe中的内容同等重要，或比主页面更重要，这很好。攻击者可以使用一个透明的、不可见的iframe，覆盖在目标网页上，然后诱使用户在该网页上进行操作，此时用户将在不知情的情况下点击透明的iframe页面。iframe的页面和父页面（parent）是分开的，所以它意味着，这是一个独立的区域，不受 parent的CSS或者全局的JavaScript的影响。2.模块分离，便于更改，如果有多个网页引用iframe，只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷；原创 2021-11-10 23:29:06 · 13457 阅读 · 1 评论 -
iframe标签（属性介绍（sandbox、srcdoc、scrolling）、iframe对象、onload事件、父集获取iframe内节点（同源和不同源情况）、domain修改规则和示例）
目录iframe标签属性简要汇总部分属性详细介绍alignfameborderheight|widthmarginheight|widthnamesandboxscrollingsrcdociframe对象属性汇总onload事件父集获取iframe内节点同源情况（域名和端口号相同）不同源（父子域名、端口号相同）不同源（万能）iframe优缺点和应用场景、设置网页是否能作为iframe（X-Frame-Options）、点击...原创 2021-11-09 22:33:05 · 7462 阅读 · 0 评论 -
viewport（物理像素、逻辑像素|CSS像素、PPK的3个理论、搭配meta标签用法、注意点）、移动端适配
目录viewport物理像素逻辑像素（CSS像素）PPK的关于三个viewport的理论（可以不用理解）搭配meta标签用法width|heightinitial-scalemaximum|minimum-scaleuser-scalable注意移动端适配viewport用户网页的可视区域。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样...原创 2021-09-27 21:37:56 · 821 阅读 · 0 评论 -
meta标签详解（name、http-equiv、scheme、charset、各浏览器常用meta标签、常见移动端meta标签）、viewport详解
用法：原创 2021-09-26 23:14:26 · 6030 阅读 · 0 评论 -
HTML、CSS冷知识点
HTMLp标签里面不能写div标签，不然解析时会变成兄弟关系。 标签之间的回车在显示时会有8px的文字分割符，去掉的话会使代码阅读性很差，我们可以通过设置字体大小0，使间隔消除。 html上最上面的一行代码<!DOCTYPE html>代表标准渲染模式，去掉后以怪异/混杂渲染模式（用于向后兼容之前的版本）。通过document.compatMode可以查看是哪种渲染模式，返回'CSS1Compat'为标准模式，'BackCompat'为怪异模式。CSS定义line-height时一原创 2021-09-21 13:30:53 · 273 阅读 · 0 评论 -
＜!DOCTYPE html＞作用是什么？严格模式（Standards）与混杂（quirk）模式如何区分？它们有何意义？严格模式与混杂模式的语句解析不同点有哪些？
目录Doctype作用是什么？严格模式与混杂模式如何区分？它们有何意义？严格模式与混杂模式的语句解析不同点有哪些？补充内容常用的具体声明：严格模式与混杂模式的来源Doctype作用是什么？声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。严格模式与混杂模式如何区分？它们有何意义？严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代转载 2021-06-24 17:16:43 · 371 阅读 · 0 评论