- 博客(11)
- 收藏
- 关注
RSS订阅转载 定义自己的 HTML 标签
新版浏览器已经对自定义标签提供了支持，详细参照W3C 标准中关于自定义 HTML 标签相关内容的简单汇总。刚重写了 Popup 标签，本文主要是记录自定义标签过程中的一些注意事项。
2022-06-01 15:21:41
3227
1
转载 IMG 标签的 onload 和 onerror 事件
IMG 标签一般用来加载图片，在某些情况下，还会用来做些特别的事，如记录页面访问量，老吴在很多年前见过这种玩法。除了 document 和 window 对象之外，IMG 标签是少有的几个支持 和事件的标签之一，其他还有 SCRIPT、LINK、FRAME、IFRAME 标签等，即只要有外部文件引用的标签。还有一个事件，这里不讨论。
2022-06-01 15:16:12
11673
转载 HTML 元素的 hidden 属性不生效的问题
HTML 中的属性用于显示和隐藏元素，如。但是当元素设置了样式时，不论是在元素样式属性中设置还是在 CSS 类中设置，则属性就会失去作用。所以，要想继续使用 hidden 属性，必须解决样式的问题。
2022-06-01 15:08:52
3444
转载 Javascript 选择器 $ 和 $$ 的坑
Javascript 选择器 $ 和 $$ 的坑今天在使用选择器$时碰到了一小坑，代码如下：<input id="Email" type="email" onblur="console.log($('#Email').value);" />无论如何都报错，提示$('#Email')为null。这个$不是 jQuery 的选择器，而是原生的那个，对应document.querySeletor(o)方法。尝试多次找到问题。$不在事件属性中使用时可以正常工作。$$在这里也不行，对应do
2022-05-17 15:55:28
269
转载 使用 Javascript 可选链让代码更优雅
使用 Javascript 可选链让代码更优雅ECMAScript 11 中加入了可选链?.和空值合并运算符??，这两个符号的应用可以让代码更简洁和优雅。本文用几个例子说明这两个符号的使用，所有例子都来自于 root.js 标签库。可选链?.表示当前面的值不为null或undefined时才继续向下执行，否则整个表达式返回undefined。空值合并运算符??表示运算符左面的值为null或undefined时返回右面的值。下面看例子。例一v = tag[attr]?.toString() ?? t.
2022-05-12 10:10:23
158
转载 Javascript 中 replace 方法的一个坑
Javascript 中 replace 方法的一个坑今天遇到一个replace(str, replacement)方法的一个小坑，要替换的目标字符串内容replacement中有几个字符`KaTeX parse error: Can't use function '\`' in math mode at position 1: \̲`̲</code>，但替换结果就是…`。代码如下：'a'.replace('a', '`$`') // 结果是 '`' 而不是 '`$`''a'.replac
2022-05-11 16:37:23
298
转载 W3C 标准中关于自定义 HTML 标签相关内容的简单汇总
W3C 标准中关于自定义 HTML 标签相关内容的简单汇总浏览器对等非标准的自定义 HTML 标签，就像对待标准元素一样，只是没有默认的样式和行为。这种处理方式是写入 HTML5 标准的。<greeting>Hello!</greeting>这类自定义标签支持通过 CSS 或 style 属性设置样式，实例为HTMLUnkonwElement，继承自HTMLElement，有通用的属性、方法和事件（如onclick）。HTML 5 标准规定了自定义元素是合法的，W3C 就为
2022-05-10 20:50:08
330
转载 扩展 HTML 原生标签（下）
扩展 HTML 原生标签（下）上一节请到如何通过Object.defineProperty为标签定义新的属性和重写现有的属性，这一节我们聊一下如何为标签添加方法和事件。标签的方法文章开头已经提到过使用原型属性来为标签增加一个方法。下面事件为 A 标签增加了一个jump方法。HTMLAnchorElement.prototype.jump = function() { window.location.href = this.href;}定义完成后可以 在 Javascript 可以直接调
2022-05-09 09:06:37
236
转载 扩展 HTML 原生标签（上）
扩展 HTML 原生标签（上）在 HTML 中有很多元素标签，如 DIV、 SPAN、INPUT、TABLE 等，元素标签也是组成 HTML 页面的核心内容。在 Javascript 中，每个元素标签都有自己的属性、方法和事件，通过这三个要素，可以通过 Javascript 操作 HTML，让使用者可以和页面进行交互。虽然每个元素标签都有大量的属性、方法和事件，但有的时候依然不能满足我们的要求，有时，我经常会感慨，要是这个元素有这个属性就好了。有没有想过为标签添加一个自定义的属性？本文就来介绍如何为元素
2022-05-09 08:53:21
529
转载 二维表格转树形结构算法
二维表格转树形结构算法原始需求是前端同学在 VUE 开发中使用 ElementUI 的树形组件时，组件需要一次性将整个树形组件的数据全部加载，这就要求后端将数据一次性返回并且必须是树形数据结构。我是理解不了 ElementUI 组件的逻辑，我自己的树形组件可以按需加载，即点击树中某一个节点时才加载这个节点下的所有数据。反抗是没有用的，老实实现需求就是了。查询数据表的 SQL 语句如下：SELECT id AS project_id, parent_project_id, project_name FR
2022-05-08 21:25:59
631
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人